@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--brand: #6366f1;--brand-hover: #4f46e5;--brand-dark: #4338ca;--brand-light: #eef2ff;--brand-glow: rgba(99,102,241,.2);--primary: #4338ca;--primary-hover: #3730a3;--primary-light: #eef2ff;--success: #10b981;--success-light: #d1fae5;--danger: #ef4444;--danger-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e2e8f0;--border-subtle: #f1f5f9;--text: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--sidebar-bg: #0f172a;--sidebar-border:#1e293b;--sidebar-text: #cbd5e1;--sidebar-hover: #1e293b;--sidebar-active-bg: rgba(99,102,241,.15);--sidebar-active-text: #a5b4fc;--sidebar-w: 260px;--topbar-h: 64px;--bottom-nav-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--touch-target: 44px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-brand: 0 4px 14px rgba(99,102,241,.3);--border-color: var(--border);--bg-color: var(--bg);--panel-bg: var(--surface);--text-main: var(--text)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{height:var(--topbar-h);display:flex;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.sidebar-logo{width:36px;height:36px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.02em;box-shadow:0 4px 12px #6366f159;flex-shrink:0}.sidebar-title{font-size:1rem;font-weight:800;color:#f8fafc;letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;line-height:1.1}.sidebar-title span{display:block;font-size:.65rem;font-weight:500;color:var(--sidebar-text);letter-spacing:.06em;text-transform:uppercase;font-family:Inter,sans-serif;margin-top:1px}.nav-section-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;padding:.85rem 1.5rem .3rem}.nav-links{flex:1;padding:.75rem .85rem;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;color:var(--sidebar-text);border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;transition:all .15s ease;position:relative}.nav-item .nav-icon-wrap{width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.nav-item:hover{background:var(--sidebar-hover);color:#e2e8f0}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--brand);border-radius:0 3px 3px 0}.sidebar-footer{padding:1rem .85rem;border-top:1px solid var(--sidebar-border)}.sidebar-footer .btn-ghost{background:transparent;border-color:var(--sidebar-border);color:var(--sidebar-text)}.sidebar-footer .btn-ghost:hover{background:var(--sidebar-hover);color:#e2e8f0}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0;background:var(--bg)}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:50;flex-shrink:0;box-shadow:var(--shadow-sm)}.topbar-left{display:flex;align-items:center;gap:1rem}.page-heading{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.01em;font-family:Plus Jakarta Sans,sans-serif}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-search input{background:#00000008!important;border:1px solid var(--border)!important;box-shadow:none!important}.page-heading,.content-area h1,.pg-header h1,.main-content h1{color:#0f172a!important;font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.02em!important}@media(min-width:769px)and (max-width:1024px){.content-area,.main-content,.overview-page{padding:1.25rem 1rem!important}}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.35rem .75rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:all .15s}.user-profile:hover{background:var(--surface-3)}.user-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.2}.user-role{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.content-area{flex:1;padding:1.75rem}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1.25rem;position:relative;transition:box-shadow .2s,transform .2s}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:.75rem}.card-title{font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.01em;font-family:Plus Jakarta Sans,sans-serif;display:flex;align-items:center;gap:.5rem}.card-title .icon{color:var(--primary);display:flex;align-items:center}.card-subtitle{font-size:.82rem;color:var(--text-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:all .15s ease;border:none;text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover),#7c3aed);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid #fca5a5}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;border-color:transparent}.btn-ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-block{width:100%;justify-content:center}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-xs{padding:.25rem .6rem;font-size:.75rem}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);position:relative}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--border)}thead th,.att-table thead th,.marks-table thead th{position:sticky;top:0;z-index:5;font-weight:700;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:2px solid var(--border)}td{font-size:.875rem;vertical-align:middle;color:var(--text)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:.3rem}input[type=text],input[type=number],input[type=password],input[type=email],input[type=date],input[type=month],input[type=time],input[type=datetime-local],select,textarea{padding:.7rem 1rem;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.875rem;background:var(--surface);color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;appearance:none;-webkit-appearance:none;line-height:1.5;width:100%;box-shadow:0 1px 2px #0000000a inset}input[type=text]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,textarea::placeholder{color:#b0bac7;font-weight:400}input[type=datetime-local],input[type=date],input[type=month],input[type=time]{color-scheme:light}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 16px;padding-right:2.25rem;cursor:pointer}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#c7d2e0;background:#fafbfc}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3.5px #6366f124,0 1px 2px #0000000a inset}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--text-light);cursor:not-allowed;opacity:.7}.form-group input,.form-group select,.form-group textarea{width:100%}.form-grid{display:grid;gap:1rem}.input-sm{padding:.45rem .75rem;border:1.5px solid var(--border);border-radius:8px;font-size:.82rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none;box-shadow:0 1px 2px #0000000a inset}.input-sm:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2.5px #6366f124,0 1px 2px #0000000a inset}select.input-sm{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:14px 14px;padding-right:1.75rem;cursor:pointer}.badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:99px;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.02em}.badge-admin{background:#fee2e2;color:#991b1b}.badge-teacher{background:#ede9fe;color:#5b21b6}.badge-student{background:var(--success-light);color:#166534}.badge-open{background:#d1fae5;color:#065f46}.badge-closed{background:#fee2e2;color:#991b1b}.badge-reopened{background:#fef3c7;color:#92400e}.badge-submitted{background:#d1fae5;color:#065f46}.badge-draft{background:#e0f2fe;color:#0369a1}.badge-not-evaluated{background:#f1f5f9;color:#475569}.badge-upcoming{background:#ede9fe;color:#5b21b6}.badge-active{background:#d1fae5;color:#065f46}.badge-done{background:var(--surface-2);color:var(--text-muted)}.tab-strip{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tab-strip::-webkit-scrollbar{display:none!important}.tab-btn{flex:1 0 auto;min-width:max-content;padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;background:transparent;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.tab-btn:hover:not(.active){color:var(--text);background:#00000005}.tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:var(--text);color:#fff;border-radius:var(--radius);padding:.85rem 1.25rem;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.16,1,.3,1);max-width:calc(100vw - 3rem);display:flex;align-items:center;gap:.5rem}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.modal-backdrop{position:fixed;inset:0;background:#02061799;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:var(--surface);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:scaleIn .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:none;opacity:1}}.section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.divider{height:1px;background:var(--border);margin:1rem 0}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--border);font-size:.875rem}.info-row:last-child{border-bottom:none}.info-label{color:var(--text-muted);font-size:.82rem}.chip-grid{display:flex;flex-wrap:wrap;gap:.4rem}.chip{padding:.4rem .85rem;border-radius:99px;border:1.5px solid var(--border);font-size:.82rem;font-weight:500;background:var(--surface);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none;color:var(--text-muted)}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.chip.selected{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:600}.chip.submitted{border-color:var(--success);background:var(--success-light);color:#065f46}.chip.closed{border-color:var(--danger);background:var(--danger-light);color:#991b1b}.empty-state{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state .empty-title{font-weight:700;margin-bottom:.35rem;font-size:1rem;color:var(--text)}.empty-state .empty-sub{font-size:.875rem}.marks-input{width:90px;padding:.45rem .5rem;text-align:center;border:1.5px solid var(--border);border-radius:7px;font-size:.9rem;font-weight:600;outline:none;transition:border-color .12s;background:var(--surface)}.marks-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--brand-glow)}.marks-input.filled{border-color:var(--success);background:var(--success-light)}.marks-input.over{border-color:var(--danger);background:var(--danger-light)}.marks-input:disabled{background:var(--surface-2);color:var(--text-light);cursor:not-allowed}.alert{padding:.85rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.6rem}.alert-info{background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e}.alert-success{background:var(--success-light);border:1px solid #6ee7b7;color:#065f46}.alert-danger{background:var(--danger-light);border:1px solid #fca5a5;color:#991b1b}.alert-warning{background:var(--warning-light);border:1px solid #fcd34d;color:#78350f}@media(max-width:768px){.sidebar{display:none}body,html{overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input[type=text],input[type=number],input[type=password],input[type=email],input[type=date],input[type=month],input[type=time],input[type=datetime-local],select,textarea{font-size:16px!important}.tab-strip{display:flex!important;gap:6px!important;padding:6px 8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity;border-radius:16px!important;background:#f1f5f9e6!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:1rem!important}.tab-btn{flex:0 0 auto!important;scroll-snap-align:start;padding:.55rem 1rem!important;font-size:.82rem!important;border-radius:12px!important;min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#0f172a;border-top:1px solid #1e293b;z-index:990;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 -4px 20px #00000040}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav a{flex:1 1 0;min-width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 6px;font-size:.62rem;font-weight:600;color:#94a3b8;transition:all .2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.bottom-nav a.active{color:#a5b4fc;font-weight:700}.bottom-nav a.active svg{color:#818cf8;transform:scale(1.1)}.bottom-nav a svg{flex-shrink:0;transition:transform .2s ease,color .15s ease}.main-content{padding:1rem 1rem calc(var(--bottom-nav-h) + var(--safe-bottom) + 1.25rem) 1rem!important;overflow-x:hidden}.topbar{padding:0 1rem;height:56px}.topbar .user-profile .user-info{display:none}.content-area{padding:.75rem}.modal-backdrop{align-items:flex-end!important;padding:0!important;background:#0f172aa6!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.modal-box{border-radius:24px 24px 0 0!important;max-width:100vw!important;width:100vw!important;max-height:90vh!important;overflow-y:auto!important;padding:1.5rem 1.25rem 2.25rem!important;box-shadow:0 -10px 40px #0000004d!important;border:1px solid #334155!important;animation:sheetSlideUp .28s cubic-bezier(.16,1,.3,1)!important}.modal-box:before{content:"";display:block;width:40px;height:4.5px;border-radius:99px;background:#cbd5e1;margin:0 auto 1.25rem}@keyframes sheetSlideUp{0%{transform:translateY(100%);opacity:.6}to{transform:translateY(0);opacity:1}}.table-wrap,table,.mgmt-table,.cfg-table,.att-table,.marks-table,.preview-wrap table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:12px!important}[style*="display:grid"],[style*="display: grid"],.form-grid,.import-grid,.summary-grid,.due-strip{grid-template-columns:1fr!important}.enroll-panel,.slide-panel{width:100vw!important;max-width:100vw!important;border-left:none!important;border-radius:20px 20px 0 0!important}.slide-panel-header,.slide-panel-body{padding:1rem}.slide-panel-footer{padding:.75rem 1rem}.inline-form{flex-direction:column!important;align-items:stretch!important;gap:.6rem!important}.inline-form .form-group{width:100%!important}.inline-form .btn{width:100%!important;min-height:var(--touch-target)!important;justify-content:center!important}.exam-card-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.exam-actions{flex-wrap:wrap!important;justify-content:flex-start!important;margin-top:.5rem!important;gap:.4rem!important}.exam-actions .btn{flex:1 1 calc(50% - .4rem)!important;min-height:38px!important;justify-content:center!important;font-size:.78rem!important;padding:.4rem .65rem!important}.card-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.pay-picker{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.due-strip{grid-template-columns:1fr 1fr!important}.due-row{flex-wrap:wrap!important;gap:.4rem!important}.due-row-info{flex:1 1 auto!important;min-width:0!important}.due-row-actions{flex-shrink:0}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:.85rem}.btn-sm{padding:.4rem .85rem!important;font-size:.8rem!important;min-height:44px!important}.btn-xs{padding:.3rem .65rem!important;font-size:.74rem!important;min-height:40px!important}.card{padding:1.15rem!important;border-radius:16px!important;box-shadow:0 2px 10px #0000000a!important}}@media(min-width:769px){.bottom-nav{display:none}.content-area{padding:1.75rem}}.slide-panel-backdrop{position:fixed;inset:0;background:#02061780;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;display:flex;align-items:center;justify-content:center}.slide-panel{width:90%;max-width:1000px;height:90vh;background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:scaleIn .25s cubic-bezier(.16,1,.3,1);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.slide-panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface)}.slide-panel-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.slide-panel-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface-2)}.skeleton-loader{animation:pulse-glow 1.5s infinite ease-in-out;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%}@keyframes pulse-glow{0%{background-position:100% 50%}to{background-position:0% 50%}}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem;background:var(--surface);display:flex;flex-direction:column;gap:.85rem}.skeleton-text{height:14px;border-radius:4px;width:100%}.skeleton-title{height:20px;border-radius:6px;width:45%;margin-bottom:.5rem}.bg-progress-container{position:absolute;top:0;left:0;right:0;height:3px;background:transparent;overflow:hidden;z-index:10}.bg-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,var(--primary),#8b5cf6);animation:loading-slide 1.5s infinite linear;transform-origin:0% 50%}@keyframes loading-slide{0%{transform:translate(-100%) scaleX(.1)}50%{transform:translate(-30%) scaleX(.4)}to{transform:translate(100%) scaleX(.1)}}@media(max-width:768px){.tab-strip,.tab-bar,.sub-tab-bar,.page-tabs,.mobile-filter-scroll,.wizard-steps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important;overflow:visible!important;overflow-x:visible!important;white-space:normal!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;padding:.4rem!important;box-sizing:border-box!important;border-radius:14px!important;background:var(--surface-2)!important}.tab-strip .tab-btn,.tab-bar .tab-btn,.sub-tab-bar .sub-tab-btn,.page-tabs .page-tab,.mobile-filter-scroll button,.wizard-steps .w-step{flex:none!important;min-width:0!important;width:100%!important;text-align:center!important;justify-content:center!important;white-space:normal!important;word-break:break-word!important;padding:.65rem .45rem!important;font-size:.76rem!important;font-weight:800!important;line-height:1.25!important;border-radius:10px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:.35rem!important}.tab-strip .tab-btn:last-child:nth-child(odd),.tab-bar .tab-btn:last-child:nth-child(odd),.sub-tab-bar .sub-tab-btn:last-child:nth-child(odd),.page-tabs .page-tab:last-child:nth-child(odd),.wizard-steps .w-step:last-child:nth-child(odd){grid-column:1 / -1!important}.tab-strip .tab-btn.active,.tab-bar .tab-btn.active,.sub-tab-bar .sub-tab-btn.active,.page-tabs .page-tab.active{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px #6366f147!important}}