code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}:root,body.theme-dark{--bg-dark:#12131a;--bg-main:#191b24;--primary:#5b58ff;--primary-soft:#5b58ff26;--primary-softer:#5b58ff0d;--text-on-primary:#fff;--text-light:#fff;--text-muted:#8b8d98;--border-color:#2a2c38;--error-red:#ff4d4d}body.theme-dim{--bg-dark:#2a303c;--bg-main:#242933;--primary:#6fb260;--primary-soft:#6fb2602e;--primary-softer:#6fb26012;--text-on-primary:#fff;--text-light:#fff;--text-muted:#a6adba;--border-color:#383f47;--error-red:#ff7657}body.theme-business{--bg-dark:#1c1c1c;--bg-main:#202020;--primary:#3b82f6;--primary-soft:#3b82f62e;--primary-softer:#3b82f612;--text-on-primary:#fff;--text-light:#fff;--text-muted:#a0a0a0;--border-color:#333;--error-red:#ef4444}body.theme-kege{--bg-dark:#ebedf2;--bg-main:#fff;--primary:#005bff;--primary-soft:#005bff1a;--primary-softer:#005bff0a;--text-on-primary:#fff;--text-light:#1c1c1e;--text-muted:#6e6e73;--border-color:#d2d2d7;--error-red:#ff3b30}body.theme-kege input,body.theme-kege select,body.theme-kege textarea{color:var(--text-light)!important;border:1px solid var(--border-color)!important;background-color:#fff!important}body.theme-kege .page-container{background-color:var(--bg-dark)}body.theme-kege .form-card{background-color:var(--bg-main);box-shadow:0 4px 12px #0000000d}body.theme-kege [style*="background: rgba(255, 255, 255"],body.theme-kege [style*="background: rgba(255,255,255"]{background:#0000000d!important}body.theme-kege .hover-white:hover{color:var(--primary)!important}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-light);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-dark);border-right:1px solid var(--border-color);width:260px}.menu a{color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu a:hover{color:var(--text-light);background-color:#ffffff0d}.menu a.active{background-color:var(--primary);color:#fff}.logout-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:all .3s}.logout-icon:hover{color:var(--error-red)}.main-content{background-color:var(--bg-main);flex-direction:column;flex:1;min-height:0;padding:20px 40px;display:flex;overflow-y:auto}.page-container{flex-direction:column;flex:1;display:flex}.form-card{background-color:var(--bg-dark);border-radius:16px;width:100%;padding:30px}.input-group{flex-direction:column;width:100%;margin-bottom:15px;display:flex}.input-group label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.input-group input,.input-group select{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-light);border-radius:8px;outline:none;padding:12px}.input-group input:focus{border-color:var(--primary)}.submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:14px;font-weight:700;transition:all .2s}.submit-btn:hover{background-color:#4a47e6}.calendar-header{justify-content:space-between;align-items:center;display:flex}.month-nav{align-items:center;gap:15px;display:flex}.month-nav h2{text-align:center;text-transform:capitalize;min-width:220px;margin:0;font-size:24px}.nav-btn{background:var(--bg-dark);border:1px solid var(--border-color);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.nav-btn:hover{border-color:var(--primary)}.weekly-calendar{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.weekly-scroll-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.weekly-header{z-index:20;background:var(--bg-dark);border-bottom:1px solid var(--border-color);display:flex;position:sticky;top:0}.time-column-header{border-right:1px solid var(--border-color);flex-shrink:0;width:60px}.day-column-header{border-right:1px solid var(--border-color);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;padding:15px 0;display:flex}.day-column-header.today{color:var(--primary);background:var(--primary-softer)}.day-name{text-transform:capitalize;font-size:12px}.day-num{margin-top:4px;font-size:20px;font-weight:700}.weekly-body{flex:1;height:100%;display:flex;position:relative}.time-column{background:var(--bg-dark);border-right:1px solid var(--border-color);flex-shrink:0;width:60px;height:100%}.time-label{text-align:right;height:5.88235%;color:var(--text-muted);padding-right:10px;font-size:12px;line-height:0;display:block;overflow:visible}.days-container{flex:1;height:100%;display:flex;position:relative}.day-column{border-right:1px solid var(--border-color);flex:1;height:100%;position:relative}.time-slot{cursor:crosshair;border-bottom:1px solid #ffffff08;height:5.88235%;transition:background-color .2s}.time-slot:hover{background:var(--primary-soft)}.current-time-line{background:var(--error-red);z-index:10;pointer-events:none;height:2px;position:absolute;left:0;right:0;box-shadow:0 0 5px #ff4d4d80}.current-time-dot{background:var(--error-red);border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:-4px}.event-block{background:var(--primary);color:#fff;cursor:grab;z-index:5;border-left:4px solid #8e8cff;border-radius:6px;flex-direction:column;width:calc(100% - 8px);min-height:22px;padding:4px 6px;transition:opacity .2s,transform .1s;display:flex;position:absolute;left:4px;overflow:hidden;box-shadow:0 4px 10px #0000004d}.event-block:active{cursor:grabbing;opacity:.8;transform:scale(.98)}.event-block.paid{color:var(--text-muted);background:#2a2c38;border-left-color:#4caf50}.event-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;line-height:1.2;overflow:hidden;font-size:13px!important}.event-time{opacity:.8;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden;font-size:11px!important}.modal-overlay{background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;z-index:9999!important}.toast-notification{color:#fff;z-index:10000;border-radius:10px;align-items:center;gap:12px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.25,.8,.25,1) slideInRight;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 30px #0000004d}.toast-success{background-color:#4caf50}.toast-error{background-color:var(--error-red)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.modal-content{background-color:var(--bg-dark);border:1px solid var(--border-color);max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.logout-btn{background-color:var(--bg-dark);color:#fff;border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:12px;font-weight:700;transition:all .2s}.logout-btn:hover{background-color:var(--error-red);border-color:var(--error-red)}.profile-banner{background:linear-gradient(135deg,#107a6f 0%,#0d5e56 100%);border-radius:12px;align-items:center;gap:20px;margin-bottom:25px;padding:20px;display:flex}.profile-avatar{background-color:#094741;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:10px;display:grid}.theme-card{background-color:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;padding:12px;transition:all .2s}.theme-card:hover{border-color:var(--primary);transform:translateY(-2px)}.theme-colors{gap:5px;margin-top:10px;display:flex}.c-dot{color:#fff;text-shadow:0 0 2px #000c;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.auth-bg{background-color:var(--bg-main);justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.auth-card{background-color:var(--bg-dark);border:1px solid var(--border-color);width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #0006}.auth-tabs{border-bottom:1px solid var(--border-color);margin-bottom:25px;display:flex}.auth-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-size:15px;transition:all .2s}.auth-tabs button.active{color:#fff;border-bottom:2px solid var(--primary);margin-bottom:-1px}.role-toggle{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;margin:20px 0;padding:4px;display:flex;overflow:hidden}.role-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:10px;font-weight:600;transition:all .2s}.role-toggle button.active{background-color:var(--primary);color:#fff}.error-banner{color:var(--error-red);text-align:center;background-color:#ff4d4d1a;border:1px solid #ff4d4d4d;border-radius:6px;margin-top:10px;margin-bottom:10px;padding:10px;font-size:13px;animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.students-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.students-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#ffffff05;padding:15px 20px;font-weight:500}.students-table td{border-bottom:1px solid var(--border-color);color:var(--text-light);padding:15px 20px}.students-table tbody tr{transition:background-color .2s}.students-table tbody tr:hover{background-color:var(--primary-softer)}.search-input{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-light);border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px 16px;transition:all .2s}.search-input:focus{border-color:var(--primary)}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:30px;display:grid}.folder-card{cursor:pointer;flex-direction:column;align-items:center;transition:transform .2s;display:flex;position:relative}.folder-actions{opacity:0;gap:6px;transition:all .2s ease-in-out;display:flex;position:absolute;top:-10px;right:-10px}.folder-card:hover .folder-actions{opacity:1}.action-btn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 4px 10px #00000080}.action-btn.edit{background-color:var(--primary)}.action-btn.edit:hover{background-color:#4a47e6;transform:scale(1.1)}.action-btn.trash{background-color:var(--bg-dark);color:var(--error-red);border:1px solid var(--error-red)}.action-btn.trash:hover{background-color:var(--error-red);color:#fff;transform:scale(1.1)}.folder-card:hover .folder-trash-btn{opacity:1;transform:scale(1)}.folder-trash-btn:hover{background-color:var(--error-red);color:#fff}.folder-card:hover{transform:scale(1.05)}.folder-icon{background-color:#4285f4;border-radius:0 8px 8px;width:110px;height:80px;margin-bottom:12px;position:relative;box-shadow:0 6px 15px #0000004d}.folder-icon:before{content:"";background-color:#4285f4;border-radius:8px 8px 0 0;width:45px;height:14px;position:absolute;top:-14px;left:0}.folder-title{color:#fff;text-align:center;word-break:break-word;max-width:100%;font-size:14px;font-weight:500}.material-btn{color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.material-btn:hover{opacity:.8}.video-btn{background-color:red}.pdf-btn{background-color:#0f9d58}.hw-btn{background-color:var(--primary)}.empty-material{color:var(--text-muted);text-align:center;background-color:#ffffff0d;border-radius:8px;padding:14px;font-size:13px}.hover-white:hover{color:#fff!important}.video-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 10px 30px #00000080}.video-wrapper iframe{width:100%;height:100%}.empty-state{text-align:center;border:1px dashed var(--border-color);width:100%;color:var(--text-muted);background-color:#ffffff05;border-radius:12px;padding:40px}.hw-box{border:1px solid var(--primary);background:linear-gradient(180deg, var(--primary-softer) 0%, transparent 100%);text-align:center;border-radius:12px;padding:30px}.hw-link-btn{border:1px solid var(--primary);color:#fff;background-color:#222532;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.hw-link-btn:hover{background-color:var(--primary)}.materials-grid{flex-wrap:wrap;gap:20px;display:flex}.pdf-card{align-items:center;gap:15px;text-decoration:none;transition:opacity .2s;display:flex}.pdf-card:hover{opacity:.8}.pdf-icon{color:#fff;background-color:#ff4d4d;border-radius:6px;justify-content:center;align-items:center;width:45px;height:55px;font-size:14px;font-weight:700;display:flex;position:relative}.pdf-icon:after{content:"";border-style:solid;border-width:0 12px 12px 0;border-color:var(--bg-main) var(--bg-main) #c00 #c00;border-radius:0 6px 0 4px;position:absolute;top:0;right:0}.pdf-info{flex-direction:column;gap:4px;display:flex}.pdf-name{color:#fff;font-size:14px;font-weight:500}.pdf-download{color:var(--primary);font-size:12px}.student-pill{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:all .2s;display:flex}.student-pill:hover{border-color:var(--primary);background:var(--primary-soft)}.student-pill.active{background:#4caf501a;border-color:#4caf50;box-shadow:0 0 10px #4caf5033}.exam-layout{background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;height:calc(100vh - 80px);display:flex;overflow:hidden}.exam-sidebar{border-right:1px solid var(--border-color);background:#1e2029;width:90px;padding:20px 0;overflow-y:auto}.exam-stats{color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:11px}.exam-stats span{color:#fff;font-size:20px;font-weight:700}.exam-grid{flex-direction:column;gap:8px;padding:0 15px;display:flex}.exam-nav-btn{aspect-ratio:1;background:var(--bg-dark);border:1px solid var(--border-color);color:#fff;cursor:pointer;border-radius:6px;width:100%;font-size:16px;font-weight:700}.exam-nav-btn.answered{border-color:var(--primary);background:#5b58ff33}.exam-nav-btn.active{background:var(--primary);color:#fff}.exam-main{background:var(--bg-dark);flex-direction:column;flex:1;display:flex}.exam-header{border-bottom:1px solid var(--border-color);background:#1a1c23;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.exam-content{color:#fff;flex:1;padding:40px;overflow-y:auto}.exam-footer{border-top:1px solid var(--border-color);background:#1a1c23;justify-content:flex-end;gap:15px;padding:20px 30px;display:flex}.download-pill{color:#fff;background:#ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.download-pill:hover{background:var(--primary)}.rich-text-content p{margin-top:0;margin-bottom:10px}.rich-text-content table{border-collapse:collapse;width:100%;margin-top:15px}.rich-text-content th,.rich-text-content td{border:1px solid var(--border-color);padding:10px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"white\" viewBox=\"0 0 16 16\"><path d=\"M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:35px!important}.right-column-scroll{max-height:calc(100vh - 120px);padding-right:10px;position:sticky;top:20px;overflow-y:auto}.right-column-scroll::-webkit-scrollbar{width:4px}.right-column-scroll::-webkit-scrollbar-track{background:0 0}.right-column-scroll::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.right-column-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary)}.custom-scroll{max-height:calc(100vh - 220px);padding-right:10px;overflow-y:auto}.custom-scroll::-webkit-scrollbar{width:5px}.custom-scroll::-webkit-scrollbar-track{background:0 0}.custom-scroll::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}@media print{.sidebar,nav{display:none!important}.page-container{max-width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}button,.submit-btn{display:none!important}body,.page-container,#root{color:#000!important;background:#fff!important}.form-card{color:#000!important;box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}:root{--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:26px;--text-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 2px 6px #00000026;--shadow-md:0 6px 20px #00000040;--success:#4caf50;--warning:#ffc107;--info:var(--primary);--transition-fast:.15s ease;--transition-base:.2s ease}.card{background-color:var(--bg-dark);color:var(--text-light);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color var(--transition-base);font-family:inherit}.card--compact{padding:var(--space-lg)}.card--hover{cursor:pointer}.card--hover:hover{border-color:var(--primary)}.card--accent{border-top:3px solid var(--primary)}.card-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.card-title{font-size:var(--text-md);color:var(--text-light);margin:0;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base);color:var(--text-light);background:0 0;border:1px solid #0000;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.btn--primary{background-color:var(--primary);color:var(--text-on-primary)}.btn--primary:hover{filter:brightness(1.1)}.btn--ghost{border-color:var(--border-color);color:var(--text-light);background:0 0}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--danger{background-color:var(--error-red);color:#fff}.btn--danger:hover{filter:brightness(1.1)}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.btn--lg{padding:var(--space-lg) var(--space-xl);font-size:var(--text-md)}.btn--block{width:100%}.chip{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-light);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);background:#ffffff0d;border:1px solid #ffffff14;font-weight:500;text-decoration:none;display:inline-flex}.chip:hover{filter:brightness(1.25)}.chip--success{color:var(--success);background:#4caf5026;border-color:#4caf504d}.chip--primary{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.chip--warning{color:var(--warning);background:#ffc10726;border-color:#ffc1074d}.chip--muted{color:var(--text-muted);border-color:var(--border-color);background:#ffffff08}.chip__count{font-weight:700}.chip__label{color:var(--text-light)}.chip--success .chip__label,.chip--primary .chip__label,.chip--warning .chip__label{color:inherit;opacity:.95}.kpi-bar{gap:var(--space-md);margin-bottom:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);align-items:center;gap:var(--space-md);display:flex}.kpi__icon{border-radius:var(--radius-md);background:var(--primary-soft);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kpi__body{flex-direction:column;min-width:0;display:flex}.kpi__value{font-size:var(--text-xl);color:var(--text-light);font-weight:700;line-height:1.1}.kpi__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-xs)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-muted);align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state__icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--text-muted);margin-bottom:var(--space-sm);background:#ffffff08;justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-md);color:var(--text-light);margin:0;font-weight:600}.empty-state__text{font-size:var(--text-sm);max-width:320px;margin:0;line-height:1.5}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--bg-main) 0%, #ffffff0a 50%, var(--bg-main) 100%);border-radius:var(--radius-md);background-size:800px 100%;animation:1.4s linear infinite skeleton-shimmer;display:block}.skeleton--line{height:14px;margin-bottom:var(--space-sm)}.skeleton--title{width:60%;height:24px;margin-bottom:var(--space-lg)}.skeleton--card{height:120px;margin-bottom:var(--space-md)}.grid-2-1{gap:var(--space-2xl);grid-template-columns:2fr 1fr;align-items:start;display:grid}.stack{gap:var(--space-lg);flex-direction:column;display:flex}.stack--lg{gap:var(--space-2xl)}@media (width<=900px){.grid-2-1{gap:var(--space-lg);grid-template-columns:1fr}.main-content{padding:var(--space-lg) var(--space-lg)}.sidebar{width:200px}}@media (width<=640px){.app-layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto}.main-content{padding:var(--space-md)}.kpi-bar{grid-template-columns:1fr 1fr}.kpi{padding:var(--space-md)}.kpi__value{font-size:var(--text-lg)}.card{padding:var(--space-lg)}:root{--text-xl:22px;--text-2xl:26px}}