*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000024;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.theme-admin{--page-bg: #FAF8F4;--page-bg-alt: #F7F4EC;--sidebar-bg: #264653;--sidebar-width: 244px;--sidebar-text: rgba(232, 239, 239, .82);--sidebar-text-active: #FAF8F4;--sidebar-active-bg: rgba(250, 248, 244, .12);--sidebar-accent: #E9C46A;--topbar-bg: rgba(250, 248, 244, .92);--topbar-border: rgba(38, 70, 83, .08);--card-bg: #FFFFFF;--card-border: rgba(38, 70, 83, .06);--card-shadow: 0 1px 2px rgba(38, 70, 83, .04), 0 8px 24px rgba(38, 70, 83, .04);--card-radius: 18px;--text-primary: #264653;--text-secondary: #5A6E72;--text-muted: #7B8B8E;--accent: #2A9D8F;--accent-amber: #E9C46A;--accent-coral: #E76F51;--accent-plum: #9B6E9E;--btn-primary-bg: #264653;--btn-primary-text: #FAF8F4;--btn-secondary-bg: #FFFFFF;--btn-secondary-border: rgba(38, 70, 83, .1);--font-heading: "DM Serif Display", serif;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--input-border: rgba(38, 70, 83, .1);--input-bg: #FFFFFF;--divider: rgba(38, 70, 83, .06);--status-ok: #2A9D8F;--status-pending: #E9C46A;--status-error: #E76F51}.theme-teacher{--page-bg: #FAF8F4;--page-bg-alt: #F7F4EC;--sidebar-bg: #264653;--sidebar-width: 244px;--sidebar-text: rgba(232, 239, 239, .82);--sidebar-text-active: #FAF8F4;--sidebar-active-bg: rgba(250, 248, 244, .12);--sidebar-accent: #2A9D8F;--topbar-bg: rgba(250, 248, 244, .92);--topbar-border: rgba(38, 70, 83, .08);--card-bg: #FFFFFF;--card-border: rgba(38, 70, 83, .06);--card-shadow: 0 1px 2px rgba(38, 70, 83, .04), 0 8px 24px rgba(38, 70, 83, .04);--card-radius: 18px;--text-primary: #264653;--text-secondary: #5A6E72;--text-muted: #7B8B8E;--accent: #2A9D8F;--accent-amber: #E9C46A;--accent-coral: #E76F51;--accent-plum: #9B6E9E;--btn-primary-bg: #2A9D8F;--btn-primary-text: #FAF8F4;--btn-secondary-bg: #FFFFFF;--btn-secondary-border: rgba(38, 70, 83, .1);--font-heading: "DM Serif Display", serif;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--input-border: rgba(38, 70, 83, .1);--input-bg: #FFFFFF;--divider: rgba(38, 70, 83, .06);--status-ok: #2A9D8F;--status-pending: #E9C46A;--status-error: #E76F51}.theme-school_student{--page-bg: #E8DCC4;--page-bg-alt: #EFE4CD;--sidebar-bg: transparent;--sidebar-width: 232px;--sidebar-text: rgba(62, 86, 65, .68);--sidebar-text-active: #3E5641;--sidebar-active-bg: rgba(135, 169, 107, .14);--sidebar-accent: #87A96B;--topbar-bg: rgba(232, 220, 196, .75);--topbar-border: rgba(62, 86, 65, .1);--card-bg: #FFFFFF;--card-border: rgba(62, 86, 65, .08);--card-shadow: 0 2px 12px rgba(62, 86, 65, .06), 0 1px 2px rgba(62, 86, 65, .04);--card-radius: 20px;--text-primary: #3E5641;--text-secondary: #5A6E5C;--text-muted: #6E7E6F;--accent: #87A96B;--accent-amber: #F4A582;--accent-coral: #F4A582;--accent-plum: #A8C8D8;--btn-primary-bg: #87A96B;--btn-primary-text: #FAF6EC;--btn-secondary-bg: rgba(255,255,255,.55);--btn-secondary-border: rgba(62, 86, 65, .1);--font-heading: "Lora", serif;--font-ui: "Nunito", system-ui, sans-serif;--input-border: rgba(62, 86, 65, .12);--input-bg: rgba(255,255,255,.7);--divider: rgba(62, 86, 65, .08);--status-ok: #87A96B;--status-pending: #F4A582;--status-error: #E57373}.theme-solo_student{--page-bg: #FAF8F4;--page-bg-alt: #F5F2EE;--sidebar-bg: #FFFFFF;--sidebar-width: 232px;--sidebar-text: rgba(45, 48, 71, .65);--sidebar-text-active: #1F6F65;--sidebar-active-bg: rgba(42, 157, 143, .1);--sidebar-accent: #2A9D8F;--topbar-bg: rgba(250, 248, 244, .85);--topbar-border: rgba(45, 48, 71, .06);--card-bg: #FFFFFF;--card-border: rgba(45, 48, 71, .04);--card-shadow: 0 1px 2px rgba(45, 48, 71, .04), 0 12px 28px rgba(45, 48, 71, .06);--card-radius: 20px;--text-primary: #2D3047;--text-secondary: rgba(45, 48, 71, .75);--text-muted: rgba(45, 48, 71, .55);--accent: #2A9D8F;--accent-amber: #E9C46A;--accent-coral: #E76F51;--accent-plum: #9B6E9E;--btn-primary-bg: linear-gradient(135deg, #E76F51 0%, #D55A3D 100%);--btn-primary-text: #FAF8F4;--btn-secondary-bg: #FFFFFF;--btn-secondary-border: rgba(45, 48, 71, .1);--font-heading: "Bricolage Grotesque", sans-serif;--font-ui: "Inter", system-ui, sans-serif;--input-border: rgba(45, 48, 71, .1);--input-bg: #FFFFFF;--divider: rgba(45, 48, 71, .06);--status-ok: #2A9D8F;--status-pending: #E9C46A;--status-error: #E76F51}.ds-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.ds-card-p{padding:22px 24px}.ds-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:12px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .15s}.ds-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.ds-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--btn-secondary-bg);color:var(--text-primary);border:1px solid var(--btn-secondary-border);border-radius:12px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.ds-btn-secondary:hover{background:#0000000a}.ds-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.ds-badge-success{background:#2a9d8f1f;color:#1f6f65}.ds-badge-warning{background:#e9c46a33;color:#8a6a1f}.ds-badge-danger{background:#e76f511f;color:#b84a27}.ds-badge-info{background:#2a9d8f1a;color:#1f6f65}.ds-badge-default{background:#0000000f;color:var(--text-secondary)}.ds-badge-purple{background:#9b6e9e1f;color:#7a5580}.ds-progress-track{height:8px;background:#0000000f;border-radius:999px;overflow:hidden}.ds-progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .4s ease}.ds-layout{display:flex;min-height:100vh;background:var(--page-bg);font-family:var(--font-ui);color:var(--text-primary);-webkit-font-smoothing:antialiased}.ds-main-col{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.ds-main-content{flex:1;padding:28px 32px 60px;overflow-y:auto}.ds-main-content-inner{max-width:1400px;margin:0 auto}.ds-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ds-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ds-grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}@media(max-width:1200px){.ds-grid-4,.ds-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.ds-grid-4,.ds-grid-3,.ds-grid-2{grid-template-columns:1fr}.ds-main-content{padding:16px}}.ds-table{width:100%;border-collapse:collapse;font-family:var(--font-ui)}.ds-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);padding:0 0 10px;border-bottom:1px solid var(--divider)}.ds-table td{padding:12px 0;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--divider)}.ds-table tr:last-child td{border-bottom:none}.ds-input{width:100%;padding:10px 14px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;font-family:var(--font-ui);font-size:14px;color:var(--text-primary);outline:none;transition:border-color .15s}.ds-input:focus{border-color:var(--accent)}@keyframes ds-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.ds-sidebar{position:sticky;top:0;height:100vh;flex-shrink:0;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}@media(max-width:900px){.ds-sidebar{position:fixed;top:0;bottom:0;left:0;height:100%;z-index:200;transform:translate(-110%);box-shadow:none;width:244px!important;min-width:244px!important}.ds-sidebar.ds-sidebar--open{transform:translate(0);box-shadow:4px 0 32px #00000038}.ds-sidebar-toggle-desktop{display:none!important}.ds-main-content{padding:16px 14px 48px}.ds-layout{overflow-x:hidden}}@media(max-width:560px){.ds-main-content{padding:12px 12px 40px}}.ds-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000070;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ds-sidebar-overlay.is-visible{display:block}.ds-topbar-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;min-height:44px;min-width:44px;border-radius:10px;border:1px solid var(--btn-secondary-border, rgba(38,70,83,.08));background:var(--btn-secondary-bg, #fff);color:var(--text-primary);cursor:pointer;flex-shrink:0}@media(max-width:900px){.ds-topbar-menu-btn{display:flex}}.ds-sidebar-close-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;min-height:44px;min-width:44px;border-radius:8px;background:#ffffff1f;color:#fffc;cursor:pointer;border:none;font-size:18px;flex-shrink:0}@media(max-width:900px){.ds-sidebar-close-btn{display:flex}}@media(max-width:900px){.ds-topbar-date{display:none!important}}@media(max-width:560px){.ds-topbar-username,.ds-topbar-separator{display:none!important}}@media(max-width:900px){.ds-grid-4,.ds-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ds-grid-4,.ds-grid-3,.ds-grid-2{grid-template-columns:1fr}}.ds-grid-admin-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media(max-width:900px){.ds-grid-admin-bottom{grid-template-columns:1fr}}.ds-span-2{grid-column:span 2}@media(max-width:900px){.ds-span-2{grid-column:1}}.ds-grid-3-fixed{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}@media(max-width:900px){.ds-grid-3-fixed{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ds-grid-3-fixed{grid-template-columns:1fr}}.ds-grid-asymmetric{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}@media(max-width:768px){.ds-grid-asymmetric{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.theme-admin,.theme-teacher{--page-bg: #1A2830;--page-bg-alt: #1E3038;--sidebar-bg: #0E1E28;--topbar-bg: rgba(26, 40, 48, .97);--topbar-border: rgba(232, 239, 239, .08);--card-bg: #1E2E38;--card-border: rgba(232, 239, 239, .08);--card-shadow: 0 1px 2px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.2);--text-primary: #CCE2E6;--text-secondary: #86A2A6;--text-muted: #5E7A7E;--input-border: rgba(232, 239, 239, .12);--input-bg: #162430;--divider: rgba(232, 239, 239, .07);--btn-secondary-bg: rgba(232, 239, 239, .07);--btn-secondary-border: rgba(232, 239, 239, .1);--status-ok: #3AB5A6;--status-pending: #D4A845;--status-error: #E87856;--sidebar-text: rgba(180, 210, 215, .75);--sidebar-text-active: #CCE2E6}.theme-school_student{--page-bg: #1A2820;--page-bg-alt: #1E2E24;--sidebar-bg: rgba(0, 0, 0, .18);--topbar-bg: rgba(26, 40, 32, .97);--topbar-border: rgba(135, 169, 107, .15);--card-bg: #222E26;--card-border: rgba(135, 169, 107, .14);--card-shadow: 0 2px 12px rgba(0,0,0,.22), 0 1px 2px rgba(0,0,0,.15);--text-primary: #AECDA6;--text-secondary: #749E70;--text-muted: #527854;--input-border: rgba(135, 169, 107, .22);--input-bg: rgba(26, 40, 32, .85);--divider: rgba(135, 169, 107, .1);--btn-secondary-bg: rgba(135, 169, 107, .1);--btn-secondary-border: rgba(135, 169, 107, .16);--status-ok: #7AAD5E;--status-pending: #C8956A;--status-error: #C07070;--sidebar-text: rgba(174, 205, 166, .65);--sidebar-text-active: #AECDA6;--sidebar-active-bg: rgba(135, 169, 107, .18)}.theme-solo_student{--page-bg: #13131F;--page-bg-alt: #18182A;--sidebar-bg: #1C1C2E;--topbar-bg: rgba(19, 19, 31, .97);--topbar-border: rgba(255, 255, 255, .07);--card-bg: #1C1C2E;--card-border: rgba(255, 255, 255, .07);--card-shadow: 0 1px 2px rgba(0,0,0,.25), 0 4px 16px rgba(0,0,0,.22);--text-primary: #DCDAF4;--text-secondary: rgba(220, 218, 244, .66);--text-muted: rgba(220, 218, 244, .42);--input-border: rgba(255, 255, 255, .12);--input-bg: #13131F;--divider: rgba(255, 255, 255, .07);--btn-secondary-bg: rgba(255, 255, 255, .07);--btn-secondary-border: rgba(255, 255, 255, .1);--status-ok: #3ABCAD;--status-pending: #D4A845;--status-error: #E87856;--sidebar-text: rgba(220, 218, 244, .6);--sidebar-text-active: #DCDAF4;--sidebar-active-bg: rgba(42, 157, 143, .15)}::-webkit-scrollbar-thumb{background:#ffffff1f}.ds-badge-success{background:#2a9d8f38;color:#3abcad}.ds-badge-warning{background:#e9c46a33;color:#d4a845}.ds-badge-danger{background:#e76f5138;color:#e87856}.ds-badge-info{background:#2a9d8f2e;color:#3abcad}.ds-badge-default{background:#ffffff1a;color:var(--text-secondary)}.ds-badge-purple{background:#9b6e9e38;color:#c47ec9}}.ds-text-primary{color:var(--text-primary)!important}.ds-text-secondary{color:var(--text-secondary)!important}.ds-text-muted{color:var(--text-muted)!important}.ds-login-wrapper{min-height:100vh;background:#faf8f4;display:grid;place-items:center;font-family:Plus Jakarta Sans,system-ui,sans-serif;position:relative;overflow:hidden;padding:24px 16px}.ds-login-card{position:relative;z-index:1;background:#fff;border-radius:24px;padding:40px 40px 36px;width:100%;max-width:460px;box-shadow:0 2px 4px #2646530a,0 20px 60px #2646531a;border:1px solid rgba(38,70,83,.06)}.ds-login-logo-name{font-family:"DM Serif Display",serif;font-size:22px;color:#264653;line-height:1}.ds-login-logo-sub{font-size:12px;color:#7b8b8e;margin-top:3px}.ds-login-title{margin:0 0 8px;font-family:"DM Serif Display",serif;font-size:28px;color:#264653;font-weight:400}.ds-login-subtitle{margin:0 0 24px;font-size:14px;color:#7b8b8e;line-height:1.5}.ds-login-label{font-size:13px;font-weight:600;color:#264653}.ds-login-input{width:100%;padding:11px 14px;font-size:14px;border:1.5px solid rgba(38,70,83,.12);border-radius:12px;background:#fafafa;color:#264653;outline:none;font-family:Plus Jakarta Sans,sans-serif;transition:border-color .15s;min-height:44px;box-sizing:border-box}.ds-login-input:focus{border-color:#2a9d8f}.ds-login-error{font-size:13px;color:#c0392b;padding:10px 14px;background:#c0392b0f;border-radius:10px;border:1px solid rgba(192,57,43,.12)}.ds-login-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#264653;color:#faf8f4;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;margin-top:4px;transition:opacity .15s,transform .15s;min-height:48px}.ds-login-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.ds-login-submit:disabled{opacity:.7;cursor:not-allowed}@media(prefers-color-scheme:dark){.ds-login-wrapper{background:#1a2830}.ds-login-card{background:#1e2e38;border-color:#e8efef14;box-shadow:0 2px 4px #00000038,0 20px 60px #00000052}.ds-login-logo-name{color:#cce2e6}.ds-login-logo-sub{color:#86a2a6}.ds-login-title{color:#cce2e6}.ds-login-subtitle{color:#86a2a6}.ds-login-label{color:#cce2e6}.ds-login-input{background:#162430;border-color:#e8efef24;color:#cce2e6}.ds-login-input::placeholder{color:#cce2e652}.ds-login-input:focus{border-color:#2a9d8f}.ds-login-error{background:#e76f511f;border-color:#e76f5133;color:#f4a07a}.ds-login-submit{background:#2a9d8f}}@media(max-width:480px){.ds-login-card{padding:28px 20px 24px;border-radius:20px}.ds-login-title{font-size:24px}}.ds-datatable-wrapper{overflow-x:auto;border:1px solid var(--card-border, #e2e8f0);border-radius:12px;background:var(--card-bg, #fff)}.ds-datatable{width:100%;border-collapse:collapse;font-size:14px;font-family:var(--font-ui, system-ui)}.ds-datatable th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--page-bg-alt, #f8fafc);border-bottom:1px solid var(--divider, #e2e8f0);white-space:nowrap}.ds-datatable td{padding:10px 16px;color:var(--text-primary);border-bottom:1px solid var(--divider, #f1f5f9);vertical-align:middle}.ds-datatable tbody tr:last-child td{border-bottom:none}.ds-datatable tbody tr:nth-child(2n){background:#00000005}@media(prefers-color-scheme:dark){.ds-datatable tbody tr:nth-child(2n){background:#ffffff06}}.ds-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;background:var(--card-bg, #fff);border:1px solid var(--card-border, #e2e8f0);border-radius:12px;text-align:center}.ds-empty-state-icon{font-size:36px;margin-bottom:12px;color:var(--text-muted)}.ds-empty-state-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.ds-empty-state-desc{font-size:13px;color:var(--text-secondary);max-width:360px}.ds-loading-msg{padding:40px;text-align:center;color:var(--text-muted);font-size:13px;border:1px solid var(--card-border, #e2e8f0);border-radius:12px;background:var(--card-bg, #fff);font-family:var(--font-ui, system-ui)}.ds-card-inline{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.ds-stat-mini{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:16px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--card-shadow)}:focus-visible{outline:2px solid var(--accent, #2A9D8F);outline-offset:2px}