:root{--bg:#f4f7f9;--panel:#ffffff;--panel-soft:#f8fafb;--text:#0d1b2a;--muted:#66788b;--line:#e2e8ee;--brand:#123f5a;--brand-dark:#0a2b40;--teal:#0f766e;--teal-2:#14b8a6;--teal-soft:#e8f7f5;--gold:#e7aa2f;--good:#087443;--good-soft:#eaf8f0;--warn:#8a6200;--warn-soft:#fff6d9;--danger:#b42318;--danger-soft:#fff0ee;--blue:#285e9e;--blue-soft:#edf4ff;--shadow:0 16px 42px rgba(13,27,42,.07);--shadow-soft:0 5px 18px rgba(13,27,42,.04);--radius:18px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{min-width:0}.shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.sidebar{background:linear-gradient(180deg,#082b42,#071e30);color:#fff;padding:24px 18px 18px;display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow:auto;z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:2px 7px 14px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--teal-2),var(--teal));display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:-1px;box-shadow:0 9px 26px rgba(20,184,166,.24)}.brand h1{font-size:16px;letter-spacing:.02em;margin:0}.brand small{display:block;margin-top:2px;color:#8aa7b9;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.nav{display:grid;grid-gap:3px;gap:3px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:11px;color:#b9c9d5;font-size:13px;transition:.16s}.nav a span{width:22px;color:#789aae;text-align:center}.nav a:hover{background:rgba(255,255,255,.07);color:#fff}.sidebar-user{display:grid;grid-template-columns:34px 1fr;grid-gap:9px;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.09);padding:16px 8px 0;margin-top:auto}.sidebar-user small,.sidebar-user strong{display:block}.sidebar-user strong{font-size:11px}.sidebar-user small{font-size:9px;color:#7d9aad;text-transform:uppercase;margin-top:2px}.sidebar-foot{font-size:9px;color:#648297;padding:0 8px 4px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--teal-soft);color:var(--teal);font-size:11px;font-weight:900;flex:0 0 auto}.main{min-width:0}.topbar{height:66px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar strong{font-size:13px}.topbar form{margin:0}.content{padding:34px 34px 88px;max-width:1540px;margin:auto}.page-head,.student-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h2,.student-hero h2{font-size:31px;letter-spacing:-1.15px;line-height:1.05;margin:2px 0 7px}.page-head p:not(.eyebrow),.student-hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:760px}.student-hero{align-items:center;position:relative}.back-link{display:inline-block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:9px}.eyebrow{margin:0 0 6px;color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.grid{display:grid;grid-gap:16px;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.card{padding:18px}.card .label{color:var(--muted);font-size:11px;font-weight:700}.card .value{font-size:27px;font-weight:850;letter-spacing:-.9px;margin-top:5px}.card .value.small-value{font-size:20px;line-height:1.15}.card .sub{font-size:10px;color:var(--muted);margin-top:6px;line-height:1.4}.panel{padding:20px;margin-bottom:18px;min-width:0}.panel h3{margin:0;font-size:17px;letter-spacing:-.35px}.panel summary{cursor:pointer;font-weight:800;list-style:none}.panel summary::-webkit-details-marker{display:none}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.panel-head p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.panel-head>a{font-size:11px;color:var(--teal);font-weight:800;white-space:nowrap}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:16px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font-size:10px;font-weight:800;color:#53657a}.actions input,.actions select,.field input,.field select,.field textarea,.inline-form input,.inline-form select{width:100%;border:1px solid #d5dee7;border-radius:10px;padding:9px 10px;background:#fff;color:var(--text);outline:0;transition:.14s}.field textarea{min-height:80px;resize:vertical}.actions input:focus,.actions select:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:#68b9b1;box-shadow:0 0 0 3px rgba(15,118,110,.08)}.span2{grid-column:span 2}.span4{grid-column:span 4}.btn{border:0;border-radius:10px;padding:10px 14px;background:var(--brand);color:#fff;font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;transition:.15s}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn.secondary{background:#edf3f6;color:var(--brand);border:1px solid #dce5ea}.btn.good{background:var(--good)}.btn.danger{background:var(--danger)}.btn.small{padding:7px 9px;font-size:10px;min-height:31px}.actions,.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.actions input,.actions select,.inline-form input,.inline-form select{padding:7px 8px;font-size:10px;width:auto;max-width:190px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}.table td,.table th{text-align:left;border-bottom:1px solid #edf1f4;padding:12px 10px;white-space:nowrap;vertical-align:middle}.table th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7b8a9a;background:#fbfcfd}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfd}.table-link{color:#163f58}.table-link:hover{color:var(--teal)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;background:#edf2f6;color:#526579;font-size:9px;font-weight:900;letter-spacing:.02em;white-space:nowrap}.badge.good{background:var(--good-soft);color:var(--good)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.empty{padding:30px 12px;text-align:center;font-size:11px}.empty,.muted{color:var(--muted)}.right{text-align:right}.kpi-line,.package-line{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #edf1f4;font-size:11px}.kpi-line:last-child,.package-line:last-child{border-bottom:0}.kpi-line small,.package-line small{font-size:9px;color:var(--muted);margin-top:3px;display:block}.kpi-line strong,.package-line strong{font-size:11px}.searchbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:7px 8px 7px 13px;max-width:630px;margin-bottom:14px}.searchbar input{flex:1 1;border:0;outline:0;background:transparent;padding:7px;font-size:12px}.detail-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf1f4;font-size:11px}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted)}.detail-list strong{text-align:right}.student-summary{margin-bottom:18px}progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;accent-color:var(--teal);margin-top:9px}.package-stack>div,.staff-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf1f4}.package-stack>div:last-child,.staff-list>div:last-child{border-bottom:0}.package-stack small,.package-stack span,.package-stack strong{display:block}.package-stack small{font-size:9px;color:var(--muted);margin-top:2px}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.skill-card{display:grid;grid-template-columns:1.1fr 145px 1fr auto;grid-gap:8px;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:11px}.skill-card>div>strong{display:block;font-size:11px;margin-top:6px}.skill-card input,.skill-card select{border:1px solid #d5dee7;border-radius:9px;padding:8px;font-size:10px;width:100%}.history-list{display:flex;flex-direction:column}.history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf1f4}.history-row:last-child{border-bottom:0}.history-row>div{min-width:0}.history-row small,.history-row strong{display:block}.history-row strong{font-size:11px}.history-row small{font-size:9px;color:var(--muted);margin-top:3px;white-space:normal;line-height:1.45}.note-panel{background:linear-gradient(145deg,#f3fbfa,#fff)}.check{display:flex;align-items:center;gap:8px;color:#53657a;font-size:10px;font-weight:700}.check input{width:16px;height:16px}.currency-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));grid-gap:14px;gap:14px}.currency-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--teal-soft);border:1px solid #d2ebe8;border-radius:13px;padding:10px 13px;margin-bottom:18px;font-size:9px;color:#315e5a}.currency-strip>strong{text-transform:uppercase;letter-spacing:.07em;color:var(--teal)}.currency-strip span{background:#fff;border:1px solid #dcefed;border-radius:999px;padding:5px 8px}.attention-strip{display:grid;grid-template-columns:auto 1fr;grid-gap:12px;gap:12px;background:#fffaf0;border:1px solid #f0dfad;border-radius:14px;padding:11px 13px;margin-bottom:16px}.attention-title{display:flex;align-items:center;gap:7px;color:#785600;font-size:10px;white-space:nowrap}.attention-title>span{width:22px;height:22px;border-radius:7px;background:#fbe9ad;display:grid;place-items:center;font-weight:900}.attention-items{display:flex;gap:7px;overflow:auto}.attention-items a{min-width:180px;background:#fff;border:1px solid #eee1c8;border-radius:9px;padding:7px 9px}.attention-items a.danger{background:#fff5f4;border-color:#f2c6c2}.attention-items small,.attention-items strong{display:block;font-size:9px}.attention-items small{color:#786f5c;margin-top:2px}.value-inline{font-size:42px;font-weight:850;letter-spacing:-1.5px;margin:10px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));grid-gap:9px;gap:9px;overflow:auto;padding-bottom:4px}.calendar-day{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:490px;overflow:hidden}.calendar-day>header{display:grid;place-items:center;padding:11px;background:#f8fafb;border-bottom:1px solid var(--line)}.calendar-day>header span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.calendar-day>header strong{font-size:21px;line-height:1;margin:4px 0 2px}.calendar-day>header small{font-size:8px;color:var(--muted);text-transform:uppercase}.calendar-day.today{border-color:#6dc1b9;box-shadow:0 0 0 2px rgba(15,118,110,.08)}.calendar-day.today>header{background:var(--teal-soft)}.calendar-lessons{padding:7px;display:grid;grid-gap:6px;gap:6px}.calendar-lesson{display:block;border-left:3px solid #91a2b3;background:#f8fafc;border-radius:8px;padding:7px 8px}.calendar-lesson.completed{border-left-color:#19a66f;background:#f3fbf6}.calendar-lesson.confirmed,.calendar-lesson.in-progress{border-left-color:#3c78b8;background:#f3f7fd}.calendar-lesson.cancelled,.calendar-lesson.no-show,.calendar-lesson.rescheduled{border-left-color:#d05b52;background:#fff7f6}.calendar-lesson small,.calendar-lesson span,.calendar-lesson strong,.calendar-lesson time{display:block}.calendar-lesson time{font-size:9px;font-weight:900;color:var(--teal)}.calendar-lesson strong{font-size:10px;margin-top:3px}.calendar-lesson span{font-size:8px;color:var(--muted);margin-top:2px}.calendar-lesson small{font-size:7px;color:#77899b;text-transform:uppercase;margin-top:4px}.calendar-empty{text-align:center;color:#9aa8b5;font-size:9px;padding:16px 2px}.theory-result{display:flex;align-items:center;gap:18px}.score-orb{width:78px;height:78px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--teal-soft);border:6px solid #caece8;color:var(--teal);flex:0 0 auto}.score-orb strong{font-size:20px}.score-orb span{font-size:8px}.mock-list,.review-list{display:grid;grid-gap:10px;gap:10px}.review-item{display:grid;grid-template-columns:28px 1fr;grid-gap:10px;gap:10px;border:1px solid var(--line);border-left:4px solid #a5b2c0;border-radius:11px;padding:10px}.review-item.correct{border-left-color:#21a66f}.review-item.incorrect{border-left-color:#d35e55}.question-title>span,.review-number{width:26px;height:26px;border-radius:8px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-size:9px;font-weight:900}.review-item small,.review-item strong{display:block;font-size:10px;margin-top:5px}.review-item p,.review-item small{color:var(--muted)}.review-item p{font-size:9px;line-height:1.5}.good-text{color:var(--good)!important}.mock-question{border:1px solid var(--line);border-radius:13px;padding:13px}.question-title{display:flex;gap:9px;align-items:flex-start}.question-title small,.question-title strong{display:block}.question-title small{font-size:8px;color:var(--teal);font-weight:800;text-transform:uppercase}.question-title strong{font-size:11px;margin-top:3px;line-height:1.45}.answer-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:7px;gap:7px;margin-top:10px}.answer-options label{cursor:pointer}.answer-options input{position:absolute;opacity:0;pointer-events:none}.answer-options span{display:flex;align-items:center;gap:8px;border:1px solid #d9e1e8;border-radius:9px;padding:9px;font-size:9px;min-height:42px}.answer-options b{width:21px;height:21px;border-radius:6px;background:#eef3f6;display:grid;place-items:center}.answer-options input:checked+span{border-color:#5bb8b0;background:var(--teal-soft)}.answer-options input:checked+span b{background:var(--teal);color:#fff}.success-box{background:var(--good-soft);color:var(--good);border:1px solid #c9ead6;border-radius:11px;padding:11px;font-size:10px}.staff-list>div{display:grid;grid-template-columns:34px 1fr auto auto}.staff-list span small,.staff-list span strong{display:block}.staff-list span strong{font-size:10px}.staff-list span small{font-size:8px;color:var(--muted);margin-top:2px}.receipt-sheet{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.receipt-sheet header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.receipt-brand{padding:0}.receipt-brand h1{color:var(--text);font-size:17px}.receipt-brand small{color:var(--muted)}.receipt-meta{text-align:right}.receipt-meta small,.receipt-meta span,.receipt-meta strong{display:block}.receipt-meta span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.receipt-meta strong{font-size:18px;margin:3px 0}.receipt-meta small{font-size:9px;color:var(--muted)}.receipt-rule{height:1px;background:var(--line);margin:23px 0}.receipt-customer{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.receipt-customer small,.receipt-customer span,.receipt-customer strong{display:block}.receipt-customer small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.receipt-customer strong{font-size:13px;margin:4px 0}.receipt-customer span{font-size:9px;color:var(--muted)}.receipt-total{display:flex;justify-content:space-between;align-items:center;background:var(--teal-soft);border-radius:13px;padding:17px 19px;margin:22px 0}.receipt-total span{font-size:10px;color:#315d59}.receipt-total strong{font-size:24px;color:var(--teal)}.receipt-detail>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf1f4;font-size:10px}.receipt-detail span{color:var(--muted)}.receipt-detail strong{text-align:right}.receipt-sheet footer{margin-top:25px;padding-top:16px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);display:flex;justify-content:space-between;gap:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 82% 12%,rgba(20,184,166,.2),transparent 34%),linear-gradient(145deg,#071e30,#0d344c)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:31px;border:1px solid rgba(255,255,255,.15);box-shadow:0 28px 70px rgba(0,0,0,.2)}.login-card h1{font-size:29px;letter-spacing:-1px;margin:19px 0 4px}.login-card p{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.5}.login-card .field{margin:12px 0}.error{background:var(--danger-soft);color:var(--danger);padding:10px;border-radius:10px;font-size:11px}.mobile-nav{display:none}@media(max-width:1180px){.form-grid,.stats{grid-template-columns:repeat(2,1fr)}.span4{grid-column:span 2}.skills-grid{grid-template-columns:1fr}.skill-card{grid-template-columns:1fr 135px 1fr auto}.calendar-grid{grid-template-columns:repeat(7,180px)}}@media(max-width:800px){.shell{display:block}.sidebar{display:none}.topbar{padding:0 16px;height:60px}.content{padding:22px 14px 88px}.page-head,.student-hero{align-items:flex-start;flex-direction:column}.page-head h2,.student-hero h2{font-size:26px}.form-grid,.stats,.three,.two{grid-template-columns:1fr}.span2,.span4{grid-column:span 1}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{padding:9px 4px;text-align:center;font-size:9px;color:var(--muted)}.mobile-nav b{display:block;font-size:16px;color:var(--brand);margin-bottom:2px}.attention-strip{grid-template-columns:1fr}.attention-items{margin:0 -2px}.skill-card{grid-template-columns:1fr}.skill-card>div{grid-column:1}.answer-options{grid-template-columns:1fr}.receipt-sheet{padding:22px 16px}.receipt-customer{grid-template-columns:1fr}.receipt-sheet header{flex-direction:column}.receipt-meta{text-align:left}}@media(max-width:520px){.stats{grid-template-columns:1fr 1fr;gap:10px}.card{padding:14px}.card .value{font-size:21px}.table{min-width:680px}.actions,.inline-form{align-items:stretch}.actions input,.actions select,.inline-form input,.inline-form select{max-width:none}.student-hero .actions{width:100%}.student-hero .actions .btn{flex:1 1}.theory-result{align-items:flex-start}.score-orb{width:68px;height:68px}}@media print{.mobile-nav,.print-hide,.sidebar,.topbar{display:none!important}.shell{display:block!important}.main{width:100%!important}.content{padding:0!important;max-width:none!important}body,html{background:#fff!important}.receipt-sheet{border:0!important;box-shadow:none!important;max-width:none!important}}