.crm{--crm-blue:#347ae4;--crm-dark:#172a46;--crm-soft:#eef4ff;--crm-green:#16866a;font-size:13px;color:#25354a;min-height:550px}
.crm *,.crm-dialog *{box-sizing:border-box}
.crm button,.crm-dialog button{font:inherit;cursor:pointer}
.crm-layout{display:grid;grid-template-columns:172px minmax(0,1fr);gap:24px;padding-top:8px}
.crm-nav{display:flex;flex-direction:column;gap:5px;align-self:start;position:sticky;top:0}
.crm-nav-label{font-size:10px;letter-spacing:1.4px;color:#8a98aa;font-weight:700;padding:13px 12px}
.crm-nav button{border:0;background:transparent;text-align:left;padding:12px 11px;border-radius:11px;color:#718096;display:flex;gap:10px;align-items:center;font-weight:550;white-space:nowrap}
.crm-nav button:hover{background:#f3f6fb;color:#25354a}.crm-nav button.on{background:#eaf1ff;color:#286cd0}
.crm-icon{height:19px;width:19px;flex:0 0 19px;vertical-align:middle}.crm-nav .crm-nav-count{margin-left:auto;border-radius:6px;background:#fff8;padding:2px 5px;font-size:11px}
.crm-content{min-width:0}.crm-hero{background:linear-gradient(115deg,#edf4ff,#f5f9ff 70%,#e8f5f1);border:1px solid #e4ecf6;border-radius:18px;padding:25px 27px;position:relative;margin-bottom:20px}
.crm-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#4e7ebd;margin-bottom:9px}.crm-hero h2{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin:0 0 8px;font-weight:650;color:#1f3553}.crm-hero p{font-size:12px;color:#71839a;margin:0;line-height:1.65}.crm-role{display:inline-flex;border-radius:30px;background:#fff;padding:6px 10px;font-size:10px;font-weight:600;color:#6583a6;border:1px solid #e3ebf6;margin-top:14px}
.crm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 19px;flex-wrap:wrap}.crm-top h2{font-size:20px;letter-spacing:-.5px;margin:0 0 5px;font-weight:650}.crm-top p{margin:0;color:#8b96a6;font-size:12px}.crm-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.crm-btn{border:1px solid #e1e7ef;border-radius:9px;background:white;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px!important;color:#4d6078;line-height:1.25;text-decoration:none}.crm-btn:hover{background:#f4f7fc}.crm-btn.primary{background:#347ae4;border-color:#347ae4;color:white;box-shadow:0 3px 8px #347ae41a}.crm-btn.primary:hover{background:#2469ce}.crm-btn.danger{color:#b14958}.crm-btn:disabled{opacity:.5;cursor:wait}.crm-btn.small{padding:6px 9px;font-size:11px!important}
.crm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.crm-stat{border:1px solid #e6ebf2;background:white;border-radius:14px;padding:17px 18px}.crm-stat small{display:block;color:#8b98a9;font-size:11px;margin-bottom:10px}.crm-stat strong{font-size:26px;letter-spacing:-.8px;font-weight:650;color:#213853;display:block}.crm-stat em{font-style:normal;font-size:10px;color:#94a0af;display:block;margin-top:8px}.crm-stat.blue{background:#f2f7ff;border-color:#e2ecfc}.crm-stat.green strong{color:#19846b}
.crm-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.crm-card{border:1px solid #e4eaf2;border-radius:14px;padding:19px;background:#fff;margin-bottom:16px}.crm-card h3{margin:0 0 16px;font-size:13px;font-weight:650}.crm-item{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #f0f3f7}.crm-item:first-of-type{border-top:0}.crm-item .crm-item-main{flex:1;min-width:0}.crm-item strong{font-size:12px;font-weight:550}.crm-item small{display:block;margin-top:5px;color:#94a0ae;font-size:11px}.crm-date-box{border-radius:9px;background:#edf4ff;color:#3978d1;text-align:center;padding:8px 10px;min-width:46px;font-weight:650;font-size:13px}.crm-date-box small{font-size:9px;color:#7197c8;margin-top:3px}
.crm-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.crm-input,.crm-select,.crm-dialog input:not([type=checkbox]),.crm-dialog select,.crm-dialog textarea{font:inherit;font-size:12px;border:1px solid #dfe6ef;border-radius:9px;padding:10px 11px;color:#30435c;background:#fff;outline:none;min-width:0}.crm-input:focus,.crm-select:focus,.crm-dialog input:focus,.crm-dialog select:focus,.crm-dialog textarea:focus{border-color:#6ca0eb;box-shadow:0 0 0 3px #edf4ff}.crm-search{flex:1;min-width:170px;max-width:360px}.crm-month{font-size:11px;color:#8492a4;display:flex;gap:7px;align-items:center}.crm-month input{width:145px}
.crm-table-wrap{overflow:auto;border:1px solid #e5ebf2;border-radius:13px;background:white}.crm-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.crm-table th{padding:12px 14px;color:#8593a5;background:#f8fafc;font-size:10px;letter-spacing:.4px;font-weight:600;border-bottom:1px solid #e8edf4}.crm-table td{padding:13px 14px;border-bottom:1px solid #eef2f6;font-size:12px;max-width:330px;white-space:normal;vertical-align:middle}.crm-table tr:last-child td{border:0}.crm-table tbody tr:hover{background:#fafcff}.crm-name{border:0;padding:0;background:transparent;color:#254262;text-align:left;font-weight:600;font-size:12px}.crm-name:hover{color:#347ae4}.crm-sub{display:block;font-size:10px;color:#93a0b1;margin-top:4px;font-weight:400}.crm-badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.3;padding:5px 8px;border-radius:7px;background:#f0f3f7;color:#7b899b;white-space:nowrap}.crm-badge.green{background:#eaf6f0;color:#238162}.crm-badge.blue{background:#eaf2ff;color:#3a78ce}.crm-badge.orange{background:#fff4e5;color:#b37929}.crm-badge.red{background:#fceef0;color:#b45d68}.crm-dim{color:#98a2b1}.crm-money{font-variant-numeric:tabular-nums;white-space:nowrap}.crm-pager{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:12px;font-size:11px;color:#8998aa}
.crm-empty{padding:48px 20px;text-align:center;color:#93a0b1}.crm-empty .crm-icon{width:34px;height:34px;margin-bottom:12px;color:#9bb3d2}.crm-empty strong{display:block;color:#4c627e;font-weight:600;font-size:14px;margin-bottom:7px}.crm-empty p{font-size:12px;line-height:1.65;margin:0 auto 16px;max-width:340px}.crm-empty.compact{padding:20px 10px}.crm-empty.compact strong{font-size:12px}
.crm-group-grid,.crm-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.crm-group-card,.crm-plan-card{border:1px solid #e4eaf2;border-radius:14px;padding:20px;background:white}.crm-group-card h3,.crm-plan-card h3{font-size:15px;margin:0 0 9px;font-weight:600}.crm-group-card p,.crm-plan-card p{font-size:12px;color:#8493a7;line-height:1.7;margin:4px 0}.crm-group-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;margin-top:14px;border-top:1px solid #edf1f7}.crm-plan-price{font-size:23px;font-weight:650;letter-spacing:-.5px;margin:15px 0 7px;color:#264667}.crm-section-title{font-size:14px;margin:25px 0 13px;font-weight:650}
.crm-attendance-buttons{display:flex;gap:4px;flex-wrap:wrap}.crm-attendance-buttons button{font-size:10px;padding:6px 8px;border-radius:7px;background:white;border:1px solid #e3e9f1;color:#8897a9}.crm-attendance-buttons button.on{background:#e9f5ef;border-color:#bcded0;color:#168566}.crm-attendance-buttons button[data-mark=absent].on{background:#fceef0;border-color:#f1d4d9;color:#bd5e70}.crm-attendance-buttons button[data-mark=late].on{background:#fff4e5;border-color:#ecd8b9;color:#ad7c31}.crm-attendance-buttons button:disabled{cursor:default;opacity:.5}
.crm-dialog{border:1px solid #e3eaf3;border-radius:19px;padding:0;width:min(600px,calc(100vw - 24px));max-height:90vh;box-shadow:0 24px 90px #11294633;color:#263c58;font:13px Inter,system-ui,sans-serif;overflow:auto}.crm-dialog::backdrop{background:#152c4d55;backdrop-filter:blur(3px)}.crm-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px 17px;border-bottom:1px solid #edf1f7}.crm-dialog-head h2{font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0}.crm-dialog-head button{border:0;background:#f0f4f9;border-radius:8px;color:#8494a8;width:29px;height:29px;font-size:16px}.crm-form-body{padding:21px 24px}.crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.crm-field{display:flex;flex-direction:column;gap:7px;min-width:0}.crm-field>span{font-size:11px;color:#71829b;font-weight:550}.crm-field.wide{grid-column:1/-1}.crm-dialog textarea{min-height:76px;resize:vertical}.crm-field small,.crm-help{color:#95a2b3;font-size:10px;line-height:1.6}.crm-checks{max-height:160px;overflow:auto;border:1px solid #e3e9f1;border-radius:10px;padding:6px 10px}.crm-checks label{display:flex;align-items:center;gap:7px;padding:7px 0;font-size:12px}.crm-checks input[type=checkbox]{accent-color:#347ae4;width:15px;height:15px}.crm-parent-choice{display:flex;gap:9px;align-items:center;border-bottom:1px solid #edf2f7}.crm-parent-choice:last-child{border:0}.crm-parent-choice label{flex:1}.crm-parent-choice input[type=text]{width:125px;padding:6px;font-size:10px}.crm-form-foot{display:flex;gap:9px;justify-content:flex-end;padding:16px 24px;border-top:1px solid #edf1f7;background:#fafcff}.crm-form-error{color:#be5468;font-size:12px;margin-top:13px;line-height:1.5}.crm-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.crm-detail-grid small{display:block;font-size:10px;color:#8c9bb0;margin-bottom:7px}.crm-detail-grid p{margin:0;font-size:13px;line-height:1.6}.crm-note{background:#f7f9fc;border-radius:10px;padding:13px;line-height:1.7;font-size:12px;white-space:pre-wrap}.crm-detail-section{font-size:12px;font-weight:650;margin:20px 0 10px}.crm-error{background:#fff5f5;border:1px solid #f1d8dd;border-radius:13px;padding:22px;color:#a95868}.crm-loading{padding:70px;text-align:center;color:#8b9bb0}.crm-progress{height:5px;border-radius:8px;background:#edf2f8;overflow:hidden;margin-top:9px}.crm-progress span{display:block;height:100%;background:#72a3e9;border-radius:8px}
@media(max-width:1100px){.crm-layout{grid-template-columns:145px minmax(0,1fr);gap:14px}.crm-nav button{padding:11px 8px;font-size:12px}.crm-nav .crm-nav-count{display:none}.crm-stats{gap:8px}.crm-stat{padding:14px}.crm-stat strong{font-size:23px}.crm-grid{grid-template-columns:1fr}}
@media(max-width:800px){.crm-layout{display:block}.crm-nav{position:static;flex-direction:row;overflow:auto;gap:4px;margin-bottom:18px;padding-bottom:5px}.crm-nav-label{display:none}.crm-nav button{padding:10px 12px;flex:none}.crm-nav button .crm-icon{width:16px;height:16px;flex-basis:16px}.crm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-hero{padding:20px}.crm-hero h2{font-size:22px}.crm-group-grid,.crm-plan-grid{grid-template-columns:1fr}.crm-form-grid{grid-template-columns:1fr}.crm-field.wide{grid-column:auto}.crm-form-body{padding:18px}.crm-dialog-head,.crm-form-foot{padding:16px 18px}.crm-top h2{font-size:19px}.crm-table td,.crm-table th{padding:11px}.crm-attendance-buttons{min-width:240px}.crm-detail-grid{grid-template-columns:1fr 1fr}}