:root,[data-theme=dark]{--bg-primary:#07080c;--bg-secondary:#0e1016;--bg-tertiary:#161a22;--bg-elevated:#1c212c;--accent-primary:#e8b923;--accent-primary-hover:#f0ca4a;--accent-secondary:#c99816;--accent-subtle:#e8b9231f;--accent-glow:#e8b92338;--text-primary:#e8eaef;--text-secondary:#8b919d;--text-muted:#5c6370;--text-inverse:#0c0d10;--success:#34d399;--error:#f87171;--warning:#fbbf24;--info:#60a5fa;--border:#ffffff12;--border-strong:#ffffff1c;--border-focus:#e8b92373;--radius:14px;--radius-sm:10px;--radius-lg:18px;--shadow-sm:0 1px 2px #00000059;--shadow:0 4px 24px #00000073;--shadow-glow:0 0 0 1px #e8b9231f, 0 8px 32px #0006;--table-row-divider:#ffffff0d;--table-row-hover:#ffffff08;--input-focus-ring:#e8b9232e;--nav-active-bg:#e8b92324;--sidebar-width:252px;--sidebar-width-collapsed:76px;--font:"DM Sans", system-ui, -apple-system, sans-serif;--transition:.18s ease}[data-theme=light]{--bg-primary:#f3f4f6;--bg-secondary:#fff;--bg-tertiary:#eceef2;--bg-elevated:#fff;--accent-subtle:#b482001f;--accent-glow:#b4820026;--text-primary:#111318;--text-secondary:#5f6673;--text-muted:#8b919d;--text-inverse:#111318;--border:#0f172a17;--border-strong:#0f172a1f;--border-focus:#b4820080;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 4px 24px #0f172a14;--shadow-glow:0 0 0 1px #b4820026, 0 8px 28px #0f172a14;--table-row-divider:#0f172a12;--table-row-hover:#b482000f;--input-focus-ring:#b4820038;--nav-active-bg:#b4820024}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-subtle);color:var(--text-primary)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font);background-color:var(--bg-primary);color:var(--text-primary);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55;transition:background-color .25s,color .25s}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg-primary);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{min-height:100vh;margin-left:var(--sidebar-width);display:flex}.main-content{flex-direction:column;flex:1;min-width:0;margin-top:4rem;display:flex;overflow:hidden}.page-container{background:var(--bg-primary);flex:1;padding:1.75rem 2rem 2.5rem;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;margin-bottom:1.75rem;display:flex}.page-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;font-size:.72rem;font-weight:600}.page-title{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.35rem;font-size:1.65rem;font-weight:650;line-height:1.2}.page-subtitle{color:var(--text-secondary);max-width:42rem;font-size:.9375rem;line-height:1.5}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);transition:width .22s ease, border-color var(--transition);z-index:1000;flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar--collapsed,.app-container .sidebar--collapsed{width:var(--sidebar-width-collapsed)}.app-container:has(.sidebar--collapsed){margin-left:var(--sidebar-width-collapsed)}.app-container:has(.sidebar--collapsed) .topbar{left:var(--sidebar-width-collapsed)}.sidebar-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;min-height:4.25rem;padding:1.25rem 1rem;display:flex}.sidebar--collapsed .sidebar-top{flex-direction:column;justify-content:center;padding:1rem .5rem}.sidebar-brand{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sidebar--collapsed .sidebar-brand{display:none}.sidebar-brand__name{letter-spacing:-.03em;color:var(--text-primary);font-size:1.05rem;font-weight:700;line-height:1.15}.sidebar-brand__tag{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-primary);font-size:.65rem;font-weight:600}.sidebar-nav{flex:1;padding:.85rem .65rem;overflow-y:auto}.sidebar-nav ul{padding-bottom:2rem;list-style:none}.sidebar-nav li{padding:.2rem .35rem}.sidebar-nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition), color var(--transition), box-shadow var(--transition);border:1px solid #0000;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-link:hover{color:var(--text-primary);background:var(--table-row-hover)}.sidebar-nav-link--active{color:var(--text-primary);background:var(--nav-active-bg);box-shadow:inset 3px 0 0 0 var(--accent-primary);border-color:#e8b92338}.sidebar--collapsed .sidebar-nav-link{justify-content:center;padding:.65rem}.sidebar--collapsed .sidebar-nav-link span{display:none}.sidebar-footer{border-top:1px solid var(--border);padding:.85rem}.sidebar--collapsed .sidebar-footer .btn span{display:none}.sidebar--collapsed .sidebar-footer .btn{justify-content:center}.topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:4rem;top:0;left:var(--sidebar-width);z-index:999;justify-content:flex-end;align-items:center;gap:1rem;padding:0 1.75rem;display:flex;position:fixed;right:0}.topbar-toggle{margin-right:auto}.topbar-user{align-items:center;gap:.9rem;display:flex}.topbar-user__meta{text-align:right}.topbar-user__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.topbar-user__email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:14rem;font-size:.8125rem;overflow:hidden}.topbar-avatar{background:var(--accent-primary);width:2.5rem;height:2.5rem;color:var(--text-inverse);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.35rem 1.5rem}.card--interactive{cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition)}.card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-1px)}.card-title{letter-spacing:-.02em;color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:1.15rem;font-size:.9375rem;font-weight:650;display:flex}.card-title svg{opacity:.9;flex-shrink:0}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.toolbar .card{flex:1;min-width:min(100%,280px);margin-bottom:0}.filter-select-wrap{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .85rem;display:flex}.filter-select-wrap select.input-field{background:0 0;border:none;flex:1;padding-left:0}.input-group{flex-direction:column;gap:.4rem;width:100%;min-width:0;margin-bottom:1rem;display:flex}.input-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.input-field{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.7rem .95rem;font-size:.9375rem}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--input-focus-ring)}.input-field option{background-color:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.input-field::placeholder{color:var(--text-muted)}textarea.input-field{resize:vertical;min-height:5rem;line-height:1.5}.btn{border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), filter var(--transition);letter-spacing:-.01em;border:none;outline:none;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.25rem;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong)}.btn-danger{color:var(--error);background:#f871711a;border:1px solid #f8717140}.btn-danger:hover:not(:disabled){background:#f8717129}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.45rem;display:inline-flex}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.theme-toggle{color:var(--text-secondary);border:1px solid var(--border);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:.5rem}.theme-toggle:hover{color:var(--accent-primary);border-color:var(--border-focus)}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:9999px;padding:.2rem .65rem;font-size:.6875rem;font-weight:650}.badge-bronze{color:#c9793a;background:#cd7f321f;border:1px solid #cd7f3238}.badge-silver{color:#8b95a8;background:#7882911f;border:1px solid #78829138}.badge-gold{color:#b8941f;background:#d4af3724;border:1px solid #d4af3747}.badge-success{color:var(--success);background:#34d3991f;border:1px solid #34d39938}.badge-danger{color:var(--error);background:#f871711f;border:1px solid #f8717138}.badge-warning{color:#b45309;background:#fbbf2424;border:1px solid #fbbf2447}[data-theme=dark] .badge-warning{color:var(--warning)}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.35rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.35rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.1rem;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-container{padding:1.25rem}}.table-container{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow-sm);min-height:280px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--border);padding:.85rem 1.25rem;font-size:.6875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--table-row-divider);color:var(--text-primary);padding:.9rem 1.25rem;font-size:.875rem}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table tbody tr:last-child td{border-bottom:none}.table-empty{text-align:center;color:var(--text-secondary);padding:3rem 1.5rem;font-size:.9rem}.card.kpi-card{flex-direction:column;height:100%;min-height:0;display:flex}.kpi-card__top{align-items:flex-start;gap:.85rem;display:flex}.kpi-card__main{flex:1;min-width:0}.kpi-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin-bottom:.35rem;font-size:.75rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.kpi-card__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:1.85rem;font-weight:700;line-height:1.1}.kpi-card__icon{border-radius:var(--radius-sm);background:var(--accent-subtle);width:2.75rem;height:2.75rem;color:var(--accent-primary);border:1px solid #e8b9232e;flex-shrink:0;justify-content:center;align-items:center;margin-top:.05rem;display:flex}.kpi-card__hint{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:auto;padding-top:.85rem;font-size:.75rem;font-weight:500;display:flex}.grid-4>.card.kpi-card{align-self:stretch}.quick-nav-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), border-color var(--transition);border:1px solid #0000;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.quick-nav-item:hover{background:var(--bg-primary);border-color:var(--border)}.quick-nav-item--alert{background:#fbbf2414;border-color:#fbbf2438}.quick-nav-item--alert:hover{background:#fbbf241f}.feedback-row{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color var(--transition);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;display:flex}.feedback-row:hover{border-color:var(--border-strong)}.modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(10px);background:#04060c9e;justify-content:center;align-items:center;padding:1.25rem;animation:.2s modal-in;display:flex;position:fixed;inset:0}[data-theme=light] .modal-backdrop{background:#0f172a66}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.modal-panel{width:100%;max-height:min(86vh,880px);animation:.22s modal-panel-in;position:relative;overflow-y:auto}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-panel--sm{max-width:520px}.modal-panel--md{max-width:540px}.modal-panel--lg{max-width:600px}.modal-close{z-index:1;position:absolute;top:1rem;right:1rem}.auth-shell{background:var(--bg-primary);justify-content:center;align-items:stretch;min-height:100vh;display:flex;position:relative}.auth-panel{z-index:1;width:100%;max-width:420px;margin:auto 1.5rem;position:relative}.auth-card{position:relative;overflow:hidden}.auth-card:before{content:"";background:var(--accent-primary);border-radius:2px 0 0 2px;width:4px;height:100%;position:absolute;top:0;left:0}.auth-card>*{position:relative}.auth-brand{text-align:center;margin-bottom:1.75rem}.auth-brand__title{letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.35rem;font-size:1.5rem;font-weight:750}.auth-brand__title span{color:var(--accent-primary)}.auth-brand__sub{color:var(--text-secondary);font-size:.9rem}.auth-theme{z-index:2;position:absolute;top:1.25rem;right:1.25rem}.page-loading{min-height:45vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.page-loading__spinner{border:2px solid var(--border);border-top-color:var(--accent-primary);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast-ms{font-family:var(--font)!important;background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow)!important;font-size:.875rem!important}.badge--green{color:var(--success);background:#34d3991f;border:1px solid #34d39938}.badge--amber{color:var(--warning);background:#fbbf2424;border:1px solid #fbbf2447}.badge--grey{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border)}.badge--red{color:var(--error);background:#f871711f;border:1px solid #f8717138}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-success{color:var(--success);background:#34d3991f;border:1px solid #34d39940}.btn-success:hover:not(:disabled){background:#34d39933}.action-group{align-items:center;gap:.4rem;display:flex}.text-danger{color:var(--error)!important}.drawer-overlay{z-index:1200;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--bg-secondary);width:min(540px,96vw);height:100vh;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.drawer--wide{width:min(720px,96vw)}.drawer-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.drawer-header h2{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.drawer-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.modal{background:var(--bg-secondary);border-radius:var(--radius);width:min(820px,96vw);max-height:90vh;box-shadow:var(--shadow);flex-direction:column;margin:auto;display:flex;overflow:hidden}.drawer-overlay:has(.modal){justify-content:center;align-items:center}.page-wrapper{flex-direction:column;gap:1.5rem;display:flex}.form-section{flex-direction:column;gap:.85rem;display:flex}.form-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8125rem;font-weight:700}.form-hint{text-transform:none;letter-spacing:0;color:var(--text-muted);margin-left:.5rem;font-size:.75rem;font-weight:500}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.form-input{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);font-family:var(--font);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.65rem .9rem;font-size:.9rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--input-focus-ring)}.form-input option{background:var(--bg-secondary)}textarea.form-input{resize:vertical;min-height:3.5rem;line-height:1.5}.form-grid{gap:1rem;display:grid}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--3{grid-template-columns:repeat(3,1fr)}.toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.toggle-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.toggle-hint{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.toggle-btn{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-muted);cursor:pointer;transition:all var(--transition);border-radius:999px;padding:.35rem .9rem;font-size:.8rem;font-weight:700}.toggle-btn--on{background:var(--success);color:#fff;border-color:var(--success)}.question-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.question-card__header{justify-content:space-between;align-items:center;display:flex}.question-num{text-transform:uppercase;letter-spacing:.1em;background:var(--accent-subtle);color:var(--accent-primary);border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.question-card__actions{gap:.25rem;display:flex}.options-grid{flex-direction:column;gap:.5rem;display:flex}.option-row{align-items:center;gap:.6rem;display:flex}.option-row input[type=radio]{accent-color:var(--success);cursor:pointer;flex-shrink:0}.option-label{color:var(--text-muted);min-width:1rem;font-size:.75rem;font-weight:700}.option-row--correct .form-input{border-color:var(--success);background:#34d3990f}.analytics-bar{color:var(--text-secondary);flex-wrap:wrap;gap:1.25rem;margin-top:.4rem;font-size:.8125rem;display:flex}.analytics-bar strong{color:var(--text-primary)}.questions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.questions-header__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.import-dropdown{align-items:center;display:flex}.import-hint{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.45rem .75rem;font-size:.75rem;line-height:1.7}.import-hint code{background:var(--bg-elevated);border:1px solid var(--border);color:var(--accent-primary);border-radius:3px;padding:.05rem .35rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem}.checkbox-list{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);flex-direction:column;display:flex;overflow:hidden}.checkbox-list__header{justify-content:space-between;align-items:center;padding:.65rem .85rem .4rem;display:flex}.checkbox-list__count{background:var(--accent-subtle);color:var(--accent-primary);border:1px solid #e8b92333;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.checkbox-list__search{color:var(--text-muted);align-items:center;gap:.5rem;padding:0 .85rem .5rem;display:flex}.checkbox-list__search-input{font-family:var(--font);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.checkbox-list__search-input::placeholder{color:var(--text-muted)}.checkbox-list__select-all{color:var(--text-secondary);background:var(--bg-tertiary);border:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition), color var(--transition);text-align:left;align-items:center;gap:.4rem;width:100%;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:flex}.checkbox-list__select-all:hover{background:var(--bg-elevated);color:var(--text-primary)}.checkbox-list__items{max-height:200px;overflow-y:auto}.checkbox-list__empty{color:var(--text-muted);text-align:center;padding:1rem .85rem;font-size:.8125rem}.checkbox-list__item{cursor:pointer;transition:background var(--transition);border-bottom:1px solid var(--table-row-divider);color:var(--text-secondary);align-items:center;gap:.65rem;padding:.55rem .85rem;font-size:.8375rem;display:flex}.checkbox-list__item:last-child{border-bottom:none}.checkbox-list__item:hover{background:var(--table-row-hover);color:var(--text-primary)}.checkbox-list__item--checked{background:var(--accent-subtle);color:var(--text-primary)}.checkbox-list__item--checked:hover{background:#e8b9232e}.checkbox-list__item input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;flex-shrink:0;width:14px;height:14px}.checkbox-list__item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.payment-page{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.payment-header{text-align:center;margin-bottom:2rem}.payment-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.payment-subtitle{color:var(--text-secondary);font-size:1rem}.payment-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow);padding:2.5rem 2rem}.payment-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.75rem}.course-item{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);margin-bottom:1rem;overflow:hidden}.course-item-header{background:var(--bg-tertiary);cursor:pointer;transition:background var(--transition);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.course-item-header:hover{background:var(--table-row-hover)}.course-item-body{background:var(--bg-secondary);border-top:1px solid var(--border);padding:1.5rem}.breakdown-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;display:flex}.breakdown-total{border-top:1px dashed var(--border);color:var(--text-primary);justify-content:space-between;margin-top:1rem;padding-top:1rem;font-size:1.1rem;font-weight:700;display:flex}.btn-pay{background:var(--success);color:#fff;border:none;width:100%;margin-top:1.5rem;font-weight:700}.btn-pay:hover:not(:disabled){opacity:.9}.status-badge{border-radius:var(--radius-sm);color:var(--success);text-align:center;background:#34d3991a;border:1px solid #34d39933;padding:1rem;font-weight:600}.phone-prefix{color:var(--text-muted);font-weight:600;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.custom-input-wrap{margin-top:.5rem;position:relative}.custom-input{width:100%;height:3.5rem;padding-left:3.5rem!important;font-size:1.1rem!important}.change-num-btn{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.change-num-btn:hover{text-decoration:underline}