:root{--primary-50:#e6f5f3;--primary-100:#b3e0da;--primary-200:#80ccc1;--primary-300:#4db8a8;--primary-400:#26a896;--primary-500:#009884;--primary-600:#008a77;--primary-700:#007a67;--primary-800:#006a58;--primary-900:#004d3e;--secondary-50:#e0f7fa;--secondary-100:#b2ebf2;--secondary-200:#80deea;--secondary-300:#4dd0e1;--secondary-400:#26c6da;--secondary-500:#00bcd4;--secondary-600:#00acc1;--secondary-700:#0097a7;--secondary-800:#00838f;--secondary-900:#006064;--neutral-50:#f8fafb;--neutral-100:#f1f4f6;--neutral-200:#e3e8ec;--neutral-300:#cdd4da;--neutral-400:#9ba5b0;--neutral-500:#6b7785;--neutral-600:#4a5568;--neutral-700:#364152;--neutral-800:#1e293b;--neutral-900:#0f172a;--success-50:#ecfdf5;--success-500:#10b981;--success-600:#059669;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--info-50:#eff6ff;--info-500:#3b82f6;--info-600:#2563eb;--surface-primary:#fff;--surface-secondary:#f8fafb;--surface-tertiary:#f1f4f6;--surface-elevated:#fff;--surface-overlay:#0f172a80;--text-primary:#0f172a;--text-secondary:#4a5568;--text-tertiary:#6b7785;--text-disabled:#9ba5b0;--text-inverse:#fff;--text-brand:#009884;--border-light:#e3e8ec;--border-default:#cdd4da;--border-strong:#9ba5b0;--border-brand:#009884;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--shadow-glow:0 0 20px #00988426;--shadow-glow-lg:0 0 40px #00988433;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--z-sidebar:100;--z-topbar:200;--z-modal:300;--z-toast:400;--z-tooltip:500;--sidebar-width:280px;--sidebar-collapsed:72px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;tab-size:4;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--surface-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{max-width:100%;display:block}img,video{height:auto}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}button:disabled{cursor:not-allowed}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--neutral-300);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-400)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent}::selection{background-color:var(--primary-100);color:var(--primary-900)}::selection{background-color:var(--primary-100);color:var(--primary-900)}#root{flex-direction:column;min-height:100vh;display:flex}.heading-1{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.025em}.heading-2{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.02em}.heading-3{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.015em}.heading-4{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.01em}.body-text{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--text-secondary)}.body-text-lg{font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--font-regular);line-height:var(--leading-relaxed);color:var(--text-secondary)}.caption-text{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--text-tertiary);letter-spacing:.01em}.mono-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-regular);line-height:var(--leading-normal);letter-spacing:-.01em;font-feature-settings:"liga" 1, "calt" 1}.label-text{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid-auto{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}.relative{position:relative}.overflow-hidden{overflow:hidden}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-strong{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 8px #00988426}50%{box-shadow:0 0 24px #00988459}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) both}.animate-fade-in-up{animation:fadeInUp var(--transition-base) both}.animate-fade-in-down{animation:fadeInDown var(--transition-base) both}.animate-slide-left{animation:slideInLeft var(--transition-base) both}.animate-slide-right{animation:slideInRight var(--transition-base) both}.animate-scale-in{animation:scaleIn var(--transition-base) both}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow}.animate-shimmer{background:linear-gradient(90deg, var(--neutral-100) 25%, var(--neutral-200) 50%, var(--neutral-100) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.Toaster div[role=status]{font-family:var(--font-sans)!important;font-size:var(--text-sm)!important}:root{--sidebar-width:248px;--topbar-height:60px;--bottom-nav-height:64px;--page-max:1180px;--page-gutter:24px;--tap:44px;--font-app:"Inter", "Noto Sans Devanagari", "Noto Sans Gujarati", "Noto Naskh Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--green-50:#ecfdf5;--green-100:#d1fae5;--green-600:#059669;--green-700:#047857;--red-50:#fef2f2;--red-100:#fee2e2;--red-600:#dc2626;--red-700:#b91c1c;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-700:#b45309;--blue-50:#eff6ff;--blue-700:#1d4ed8}html[lang=ur] body{--font-app:"Noto Naskh Arabic", "Inter", system-ui, sans-serif}body{font-family:var(--font-app);background:var(--surface-secondary);color:var(--text-primary);font-size:15px}html[lang=ur] body,html[lang=hi] body,html[lang=gu] body{line-height:1.6}svg{vertical-align:middle;flex-shrink:0;display:inline-block}.flip-rtl{transition:none}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface-primary);border-inline-end:1px solid var(--border-light);z-index:40;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sidebar-brand{border-bottom:1px solid var(--border-light);min-height:var(--topbar-height);align-items:center;gap:12px;padding:18px 18px 14px;display:flex}.brand-logo{flex-shrink:0;width:38px;height:38px;display:block}.brand-text{min-width:0}.brand-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.brand-sub{color:var(--text-tertiary);font-size:12px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-link{min-height:46px;color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-link svg{flex-shrink:0;font-size:22px}.nav-link:hover{background:var(--surface-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.sidebar .sidebar-close{margin-inline-start:auto;display:none}.sidebar-backdrop{display:none}.main-area{flex-direction:column;min-height:100vh;margin-inline-start:var(--sidebar-width);display:flex}.topbar{z-index:30;height:var(--topbar-height);padding:0 var(--page-gutter);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);background:#ffffffeb;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar .topbar-menu{display:none}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:700;display:none;overflow:hidden}.topbar-spacer{flex:1}.topbar-user{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.topbar-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.page{width:100%;max-width:var(--page-max);padding:24px var(--page-gutter) 48px;flex:1;margin:0 auto}.page-loading{padding:64px 0}.bottom-nav{display:none}.menu-wrap{position:relative}.menu-button{border:1px solid var(--border-light);background:var(--surface-primary);height:38px;color:var(--text-secondary);border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.menu-button:hover{border-color:var(--border-default);color:var(--text-primary)}.menu-button svg{font-size:18px}.menu-button.dev{color:var(--amber-700);background:var(--amber-50);border-style:dashed;border-color:#f5d48a}.menu-list{top:calc(100% + 6px);background:var(--surface-primary);border:1px solid var(--border-light);min-width:190px;box-shadow:var(--shadow-lg);z-index:60;border-radius:12px;padding:6px;position:absolute;inset-inline-end:0}.menu-list-title{color:var(--text-tertiary);padding:6px 10px 4px;font-size:12px}.menu-item{width:100%;min-height:42px;color:var(--text-primary);text-align:start;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:15px;display:flex}.menu-item:hover{background:var(--surface-tertiary)}.menu-item.selected{color:var(--primary-700);font-weight:600}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.page-header-text{min-width:0}.page-title{letter-spacing:-.3px;font-size:26px;font-weight:700;line-height:1.25}.page-subtitle{color:var(--text-tertiary);margin-top:4px;font-size:14px}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.back-link{color:var(--text-tertiary);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:8px;padding:4px 0;font-size:14px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--primary-700)}.btn{min-height:var(--tap);white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{font-size:20px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-700)}.btn-secondary{background:var(--surface-primary);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--surface-tertiary)}.btn-danger{background:var(--red-600);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-700)}.btn-ghost-danger{color:var(--red-600);background:0 0;border-color:#0000}.btn-ghost-danger:hover:not(:disabled){background:var(--red-50)}.btn-sm{min-height:36px;padding:0 12px;font-size:14px}.btn-lg{min-height:54px;padding:0 24px;font-size:17px}.btn-block{width:100%}.icon-btn{width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;place-items:center;font-size:22px;display:inline-grid}.icon-btn:hover{background:var(--surface-tertiary);color:var(--text-primary)}.card{background:var(--surface-primary);border:1px solid var(--border-light);border-radius:14px}.card+.card{margin-top:16px}.card-padded{padding:20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card:not(.card-padded) .card-head{padding:16px 20px 0}.card-title{font-size:17px;font-weight:700}.card-actions{gap:8px;display:flex}.card-text{color:var(--text-secondary);font-size:14px}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-full{grid-column:1/-1}.field-label{color:var(--text-secondary);font-size:14px;font-weight:600}.required{color:var(--red-600)}.field-hint{color:var(--text-tertiary);font-size:13px}.field-error{color:var(--red-600);font-size:13px}.input,.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;min-height:var(--tap);border:1px solid var(--border-default);background:var(--surface-primary);color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:16px;line-height:1.4}.field textarea{resize:vertical;min-height:84px}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #00988426}.field input:disabled,.field select:disabled{background:var(--surface-tertiary);color:var(--text-tertiary)}.auto-value{min-height:var(--tap);border:1px dashed var(--border-default);background:var(--surface-secondary);font-family:var(--font-mono);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.auto-value small{font-family:var(--font-app);color:var(--text-tertiary);font-weight:500}.check-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:260px;padding:2px;display:grid;overflow-y:auto}.check-item{min-height:var(--tap);border:1px solid var(--border-light);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:15px;display:flex}.check-item input{width:18px;height:18px;accent-color:var(--primary-500);flex-shrink:0;margin-top:3px}.check-item.checked{border-color:var(--primary-300);background:var(--primary-50)}.check-item-sub{color:var(--text-tertiary);font-size:12px;display:block}.more-details{border:1px solid var(--border-light);background:var(--surface-secondary);border-radius:12px;grid-column:1/-1}.more-details>summary{cursor:pointer;min-height:48px;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 16px;font-weight:600;list-style:none;display:flex}.more-details>summary::-webkit-details-marker{display:none}.more-details-icon{transition:transform var(--transition-fast);font-size:22px}.more-details[open] .more-details-icon{transform:rotate(180deg)}.more-details-body{padding:4px 16px 16px}.toggle-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:15px;font-weight:600}.toggle-description{color:var(--text-tertiary);margin-top:2px;font-size:13px}.switch{background:var(--neutral-300);width:50px;height:30px;transition:background var(--transition-fast);border:none;border-radius:999px;flex-shrink:0;position:relative}.switch.on{background:var(--primary-500)}.switch-knob{top:3px;width:24px;height:24px;box-shadow:var(--shadow-sm);transition:inset-inline-start var(--transition-fast);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px}.switch.on .switch-knob{inset-inline-start:23px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.toolbar>*{flex:none}.toolbar .search-box{flex:260px}.toolbar select{min-height:var(--tap);border:1px solid var(--border-default);background:var(--surface-primary);border-radius:10px;max-width:100%;padding:0 12px;font-size:15px}.search-box{min-width:0;position:relative}.search-box input{width:100%;min-height:var(--tap);border:1px solid var(--border-default);background:var(--surface-primary);border-radius:10px;padding-block:0;padding-inline:40px 12px;font-size:16px}.search-box input:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #00988426}.search-box-icon{inset-inline-start:12px;color:var(--text-tertiary);pointer-events:none;font-size:20px;position:absolute;top:50%;transform:translateY(-50%)}.segmented{background:var(--surface-tertiary);border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.segmented button{min-height:38px;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.segmented button svg{font-size:19px}.segmented button.active{background:var(--surface-primary);color:var(--primary-700);box-shadow:var(--shadow-sm)}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--text-tertiary);text-align:start;background:var(--surface-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 16px;font-size:13px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px 16px;font-size:15px}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--surface-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num{text-align:end;font-variant-numeric:tabular-nums}.cell-person{align-items:center;gap:12px;min-width:0;display:flex}.cell-main{font-weight:600}.cell-sub{color:var(--text-tertiary);font-size:13px}.cell-actions{text-align:end;white-space:nowrap}.muted{color:var(--text-tertiary)}.chips{flex-wrap:wrap;gap:6px;display:flex}.list-cards{display:none}.list-card{border:none;border-bottom:1px solid var(--border-light);text-align:start;width:100%;color:inherit;background:0 0;align-items:center;gap:12px;padding:14px 16px;display:flex}.list-card:last-child{border-bottom:none}.list-card-body{flex:1;min-width:0}.list-card-title{font-size:16px;font-weight:600}.list-card-meta{color:var(--text-tertiary);margin-top:2px;font-size:14px}.list-card-end{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-100);color:var(--green-700)}.badge-red{background:var(--red-100);color:var(--red-700)}.badge-amber{background:var(--amber-100);color:var(--amber-700)}.badge-blue{background:var(--blue-50);color:var(--blue-700)}.badge-gray{background:var(--surface-tertiary);color:var(--text-secondary)}.avatar{background:var(--primary-50);color:var(--primary-700);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.avatar-sm{width:34px;height:34px;font-size:13px}.avatar-md{width:42px;height:42px;font-size:15px}.avatar-lg{width:64px;height:64px;font-size:22px}.spinner-wrap{color:var(--text-tertiary);justify-content:center;align-items:center;gap:10px;padding:40px 16px;font-size:15px;display:flex}.spinner{border:3px solid var(--border-light);border-top-color:var(--primary-500);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.empty-state-icon{color:var(--primary-300);font-size:44px}.empty-state-title{font-size:17px;font-weight:700}.empty-state-text{color:var(--text-tertiary);max-width:420px;font-size:14px}.empty-state .btn{margin-top:8px}.notice{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.notice-info{background:var(--blue-50);color:var(--blue-700)}.notice-warning{background:var(--amber-50);color:var(--amber-700);border:1px solid var(--amber-100)}.notice-error{background:var(--red-50);color:var(--red-700)}.notice-success{background:var(--green-50);color:var(--green-700)}.notice-text{flex:240px}.pagination{border-top:1px solid var(--border-light);color:var(--text-tertiary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.pagination-buttons{align-items:center;gap:8px;display:flex}.pagination-page{text-align:center;min-width:70px}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface-primary);border:1px solid var(--border-light);color:inherit;border-radius:14px;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}a.stat:hover{border-color:var(--primary-200)}.stat-icon{background:var(--primary-50);width:44px;height:44px;color:var(--primary-700);border-radius:12px;flex-shrink:0;place-items:center;font-size:24px;display:grid}.stat-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.stat-label{color:var(--text-tertiary);font-size:14px}.profile-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-head-text{flex:220px;min-width:0}.profile-name{font-size:22px;font-weight:700}.profile-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;display:grid}.detail-item dt{color:var(--text-tertiary);font-size:13px}.detail-item dd{word-break:break-word;margin:2px 0 0;font-size:15px;font-weight:500}.detail-item a{color:var(--primary-700);font-weight:600}.two-col{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:16px;display:grid}.two-col>.card+.card{margin-top:0}.stack>*+*{margin-top:16px}.modal-backdrop{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.15s both fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-primary);width:100%;max-height:calc(100vh - 32px);box-shadow:var(--shadow-xl);border-radius:16px;flex-direction:column;animation:.15s both scaleIn;display:flex}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:860px}.modal-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-title{font-size:18px;font-weight:700}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border-light);background:var(--surface-primary);border-radius:0 0 16px 16px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.modal-foot .foot-start{margin-inline-end:auto}.confirm-message{color:var(--text-secondary);font-size:15px;line-height:1.6}.att-controls{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;margin-bottom:16px;display:grid}.att-controls select,.att-controls input[type=month]{border:1px solid var(--border-default);background:var(--surface-primary);border-radius:12px;width:100%;min-height:50px;padding:0 12px;font-size:17px;font-weight:600}.date-stepper{align-items:center;gap:6px;display:flex}.date-stepper .icon-btn{border:1px solid var(--border-default);background:var(--surface-primary);border-radius:12px;flex-shrink:0;width:50px;height:50px}.date-stepper .icon-btn:disabled{opacity:.35}.date-display{border:1px solid var(--border-default);background:var(--surface-primary);border-radius:12px;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:50px;padding:0 12px;display:flex;position:relative;overflow:hidden}.date-display strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.date-display small{color:var(--text-tertiary);font-size:12px}.date-display input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.att-summary{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.count-pill{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:15px;font-weight:700;display:inline-flex}.count-pill.present{background:var(--green-100);color:var(--green-700)}.count-pill.absent{background:var(--red-100);color:var(--red-700)}.count-pill.leave{background:var(--amber-100);color:var(--amber-700)}.att-hint{color:var(--text-tertiary);margin-inline-start:auto;font-size:14px}.att-list{flex-direction:column;gap:8px;display:flex}.att-row{align-items:stretch;gap:8px;display:flex}.att-main{border:2px solid var(--green-100);background:var(--surface-primary);text-align:start;min-width:0;min-height:64px;color:inherit;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:14px;flex:1;align-items:center;gap:12px;padding:10px 14px;display:flex}.att-main:disabled{cursor:default}.att-number{text-align:center;width:28px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.att-name{flex:1;min-width:0}.att-name strong{overflow-wrap:anywhere;font-size:17px;line-height:1.3;display:block}.att-name small{color:var(--text-tertiary);font-size:13px}.att-status{white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:15px;font-weight:700;display:inline-flex}.att-status svg{font-size:22px}.att-row.present .att-main{border-color:var(--green-100)}.att-row.present .att-status{background:var(--green-100);color:var(--green-700)}.att-row.absent .att-main{background:var(--red-50);border-color:#fca5a5}.att-row.absent .att-status{background:var(--red-600);color:#fff}.att-row.leave .att-main{background:var(--amber-50);border-color:#fcd34d}.att-row.leave .att-status{background:var(--amber-100);color:var(--amber-700)}.att-leave-btn{border:2px dashed var(--border-default);background:var(--surface-primary);width:64px;color:var(--amber-700);border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.att-leave-btn svg{font-size:20px}.att-row.leave .att-leave-btn{background:var(--amber-100);border-style:solid;border-color:#fcd34d}.att-savebar{z-index:20;background:var(--surface-primary);border:1px solid var(--border-light);box-shadow:var(--shadow-xl);border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex;position:sticky;bottom:12px}.att-savebar-text{min-width:0;color:var(--text-secondary);flex:1;font-size:14px;font-weight:600}.att-savebar-text.saved{color:var(--green-700)}.att-savebar-text.unsaved{color:var(--amber-700)}.att-savebar .btn{min-width:150px}.att-info{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:12px;font-size:14px;display:flex}.report-num-present{color:var(--green-700);font-weight:700}.report-num-absent{color:var(--red-700);font-weight:700}.report-num-leave{color:var(--amber-700);font-weight:700}.class-status-list{flex-direction:column;display:flex}.class-status-item{border-top:1px solid var(--border-light);color:inherit;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;display:flex}.class-status-item:hover{background:var(--surface-secondary)}.class-status-body{flex:1;min-width:0}.class-status-name{font-weight:600}.class-status-meta{color:var(--text-tertiary);font-size:13px}@media (width<=1024px){.two-col{grid-template-columns:minmax(0,1fr)}.two-col>.card+.card{margin-top:0}}@media (width<=900px){:root{--page-gutter:16px}.sidebar{transition:transform var(--transition-base);box-shadow:var(--shadow-xl);width:min(84vw,300px);transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar .sidebar-close{display:inline-grid}.sidebar-backdrop.open{z-index:35;background:#0f172a73;display:block;position:fixed;inset:0}.main-area{padding-bottom:var(--bottom-nav-height);margin-inline-start:0}.topbar{padding:0 12px}.topbar .topbar-menu{display:inline-grid}.topbar-title{flex:1;display:block}.topbar-spacer,.topbar-user-name,.menu-button .menu-button-label{display:none}.menu-button{padding:0 9px}.page{padding-top:16px}.page-title{font-size:22px}.page-header{flex-direction:column;align-items:stretch}.page-actions .btn{flex:auto}.data-table{display:none}.list-cards{display:block}.bottom-nav{inset-inline:0;z-index:30;height:var(--bottom-nav-height);background:var(--surface-primary);border-top:1px solid var(--border-light);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0}.bottom-nav a,.bottom-nav button{color:var(--text-tertiary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;font-size:12px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a span,.bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;overflow:hidden}.bottom-nav svg{font-size:24px}.bottom-nav a.active{color:var(--primary-700)}.att-savebar{bottom:calc(var(--bottom-nav-height) + 8px)}}@media (width<=640px){.form-grid,.detail-list,.att-controls{grid-template-columns:minmax(0,1fr)}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0;max-width:none;max-height:94vh}.modal-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:0}.modal-foot .btn{flex:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{flex-direction:column;align-items:flex-start;gap:8px}.att-main{gap:10px;padding:10px}.att-status{padding:8px 10px;font-size:14px}.att-savebar .btn{flex:1;min-width:0}.att-savebar{flex-wrap:wrap}.att-savebar-text{text-align:center;flex-basis:100%}.att-hint{display:none}.segmented{width:100%;display:flex;overflow:visible}.segmented button{white-space:normal;text-align:center;flex:1 1 0;justify-content:center;min-height:42px;padding:4px 6px;font-size:14px;line-height:1.2}.segmented button svg{display:none}}.login-page{background:linear-gradient(180deg, var(--primary-50), var(--surface-secondary) 60%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px 16px;display:flex}.login-langs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.login-lang{border:1px solid var(--border-light);background:var(--surface-primary);min-height:38px;color:var(--text-secondary);border-radius:999px;padding:0 14px;font-size:15px}.login-lang.active{border-color:var(--primary-500);color:var(--primary-700);font-weight:700}.login-card{background:var(--surface-primary);border:1px solid var(--border-light);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:16px;padding:28px 24px;display:flex}.login-card .notice{margin-bottom:0}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.login-logo{width:150px;height:auto;margin-inline:auto;display:block}.login-title{font-size:24px;font-weight:700}.login-subtitle{color:var(--text-tertiary);font-size:15px}.secret-input{position:relative}.secret-input input{letter-spacing:2px;padding-inline-end:48px!important;font-size:20px!important}.secret-input .icon-btn{inset-inline-end:4px;position:absolute;top:50%;transform:translateY(-50%)}.login-hint{text-align:center;color:var(--text-tertiary);font-size:14px}.login-switch{color:var(--primary-700);background:0 0;border:none;align-self:center;padding:6px;font-size:14px;font-weight:600}.user-menu-name{padding:8px 10px 4px;font-weight:700}.user-menu-role{color:var(--text-tertiary);border-bottom:1px solid var(--border-light);margin-bottom:4px;padding:0 10px 8px;font-size:13px}.menu-item.danger{color:var(--red-700)}.waqt-editor{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.waqt-row{border:1px solid var(--border-light);background:var(--surface-secondary);border-radius:12px;align-items:flex-end;gap:8px;width:100%;padding:12px;display:flex}.waqt-fields{flex:1;grid-template-columns:minmax(0,2fr) minmax(118px,1fr) minmax(118px,1fr) minmax(0,2fr);gap:8px;min-width:0;display:grid}.waqt-field{color:var(--text-secondary);flex-direction:column;gap:4px;min-width:0;font-size:13px;font-weight:600;display:flex}.waqt-field input,.waqt-field select{border:1px solid var(--border-default);background:var(--surface-primary);width:100%;min-height:42px;color:var(--text-primary);border-radius:10px;padding:8px 10px;font-size:15px;font-weight:400}.waqt-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}@media (width<=640px){.waqt-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.waqt-name,.waqt-ustad{grid-column:1/-1}}.waqt-picker{margin-bottom:12px}.holiday-banner{background:var(--amber-50);border:1px solid var(--amber-100);color:var(--amber-700);border-radius:16px;align-items:center;gap:14px;padding:20px;font-size:17px;font-weight:700;display:flex}.holiday-banner svg{font-size:32px}.holiday-banner small{font-size:14px;font-weight:500;display:block}.weekday-chips{flex-wrap:wrap;gap:6px;display:flex}.weekday-chip{border:1px solid var(--border-default);background:var(--surface-primary);min-width:52px;min-height:40px;color:var(--text-secondary);border-radius:999px;padding:0 12px;font-size:14px;font-weight:600}.weekday-chip.on{background:var(--amber-100);color:var(--amber-700);border-color:#fcd34d}.holiday-list{flex-direction:column;margin-top:12px;display:flex}.holiday-item{border-top:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 0;display:flex}.holiday-item-body{flex:1;min-width:0}.class-picker{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.class-picker select{width:100%}.class-chip{background:var(--blue-50);min-height:36px;color:var(--blue-700);border-radius:999px;align-items:center;gap:4px;padding:0 6px 0 12px;font-size:14px;font-weight:600;display:inline-flex}.class-chip button{width:28px;height:28px;color:inherit;background:0 0;border:none;border-radius:50%;place-items:center;font-size:18px;display:inline-grid}.class-chip button:hover{background:#1d4ed81a}