:root{--color-bg-canvas: #f6f7fb;--color-bg-subtle: #eef1f7;--color-bg-surface: #ffffff;--color-bg-elevated: #ffffff;--color-text-primary: #172033;--color-text-secondary: #526079;--color-text-tertiary: #748099;--color-text-disabled: #9ca5b6;--color-border-subtle: #e7eaf0;--color-border-default: #d6dbe5;--color-border-strong: #aeb7c8;--color-border-focus: #c45d3e;--color-brand: #c45d3e;--color-brand-hover: #b35235;--color-brand-active: #9c452b;--color-brand-subtle: #fef4f1;--color-on-brand: #ffffff;--color-success: #18794e;--color-success-subtle: #e9f7f0;--color-warning: #a15c00;--color-warning-subtle: #fff4df;--color-danger: #b42332;--color-danger-subtle: #fff0f1;--color-info: #176b87;--color-info-subtle: #e9f6fa;--color-primary: var(--color-brand);--color-primary-hover: var(--color-brand-hover);--color-primary-light: var(--color-brand-subtle);--color-bg: var(--color-bg-canvas);--color-surface: var(--color-bg-surface);--color-border: var(--color-border-default);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-tertiary);--color-warn: var(--color-warning);--color-warn-light: var(--color-warning-subtle);--color-success-light: var(--color-success-subtle);--color-danger-light: var(--color-danger-subtle);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-devanagari: "Noto Sans Devanagari", "Mangal", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-display: 2rem;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--motion-fast: .12s;--motion-normal: .18s;--motion-slow: .22s;--texture-ruled-color: color-mix(in srgb, var(--color-text-primary) 4%, transparent);--color-margin-accent: color-mix(in srgb, var(--color-brand) 6%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-canvas: #10131c;--color-bg-subtle: #171c28;--color-bg-surface: #1c2230;--color-bg-elevated: #252c3c;--color-text-primary: #f5f7fb;--color-text-secondary: #bdc6d6;--color-text-tertiary: #8f9aae;--color-text-disabled: #6d7687;--color-border-subtle: #22293a;--color-border-default: #2c3447;--color-border-strong: #3a4257;--color-border-focus: #e8846a;--color-brand: #e8846a;--color-brand-hover: #f09a82;--color-brand-active: #f5b09e;--color-brand-subtle: #3d2219;--color-on-brand: #0f1320;--color-success: #41b883;--color-success-subtle: #153423;--color-warning: #f0b13e;--color-warning-subtle: #382814;--color-danger: #ff7b88;--color-danger-subtle: #3a1c22;--color-info: #5bc0de;--color-info-subtle: #132a31;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 18px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 28px rgba(0, 0, 0, .42);--texture-ruled-color: color-mix(in srgb, var(--color-text-primary) 3%, transparent);--color-margin-accent: color-mix(in srgb, var(--color-brand) 5%, transparent)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.65}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast),border-color var(--motion-fast);white-space:nowrap;cursor:pointer;text-decoration:none;line-height:1.4;position:relative}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:var(--color-primary);color:var(--color-on-brand);border-color:var(--color-primary);box-shadow:0 1px 2px #00000014,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #c45d3e40,inset 0 1px #ffffff1a}.btn-primary:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;box-shadow:0 0 0 4px var(--color-brand-subtle)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-canvas);border-color:var(--color-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:0 1px 2px #00000014}.btn-danger:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 8px #b4233240}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--motion-normal),border-color var(--motion-normal)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin-bottom:var(--space-5);color:var(--color-text-tertiary);opacity:.7}.empty-state h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary)}.empty-state p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:360px;margin-bottom:var(--space-5);line-height:1.6}.empty-state-action{margin-top:var(--space-2)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap;line-height:1.4;letter-spacing:.01em}.chip[data-tone=success]{background:var(--color-success-light);color:var(--color-success)}.chip[data-tone=warn]{background:var(--color-warn-light);color:var(--color-warn)}.chip[data-tone=danger]{background:var(--color-danger-light);color:var(--color-danger)}.chip[data-tone=neutral]{background:var(--color-bg-canvas);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle)}.chip[data-tone=info]{background:var(--color-info-subtle);color:var(--color-info)}.skeleton-row{height:2.5rem;margin-bottom:var(--space-2)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.datagrid-sort{background:transparent;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;transition:color var(--motion-fast)}.datagrid-sort:hover{color:var(--color-brand)}.datagrid-pagination{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:768px){.btn-lg{padding:var(--space-3) var(--space-6)}}:root{--color-bg-canvas: #f6f7fb;--color-bg-subtle: #eef1f7;--color-bg-surface: #ffffff;--color-bg-elevated: #ffffff;--color-text-primary: #172033;--color-text-secondary: #526079;--color-text-tertiary: #748099;--color-text-disabled: #9ca5b6;--color-border-subtle: #e7eaf0;--color-border-default: #d6dbe5;--color-border-strong: #aeb7c8;--color-border-focus: #c45d3e;--color-brand: #c45d3e;--color-brand-hover: #b35235;--color-brand-active: #9c452b;--color-brand-subtle: #fef4f1;--color-on-brand: #ffffff;--color-success: #18794e;--color-success-subtle: #e9f7f0;--color-warning: #a15c00;--color-warning-subtle: #fff4df;--color-danger: #b42332;--color-danger-subtle: #fff0f1;--color-info: #176b87;--color-info-subtle: #e9f6fa;--color-primary: var(--color-brand);--color-primary-hover: var(--color-brand-hover);--color-primary-light: var(--color-brand-subtle);--color-bg: var(--color-bg-canvas);--color-surface: var(--color-bg-surface);--color-border: var(--color-border-default);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-tertiary);--color-warn: var(--color-warning);--color-warn-light: var(--color-warning-subtle);--color-success-light: var(--color-success-subtle);--color-danger-light: var(--color-danger-subtle);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-devanagari: "Noto Sans Devanagari", "Mangal", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-display: 2rem;--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;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--sidebar-width: 260px;--header-height: 64px;--bottom-nav-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--shell-gutter: 16px;--motion-fast: .12s;--motion-normal: .18s;--motion-slow: .22s;--texture-ruled-color: color-mix(in srgb, var(--color-text-primary) 4%, transparent);--color-margin-accent: color-mix(in srgb, var(--color-brand) 6%, transparent)}@media(min-width:390px){:root{--shell-gutter: 20px}}@media(min-width:768px){:root{--shell-gutter: 24px}}@media(min-width:1024px){:root{--shell-gutter: 32px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-canvas: #10131c;--color-bg-subtle: #171c28;--color-bg-surface: #1c2230;--color-bg-elevated: #252c3c;--color-text-primary: #f5f7fb;--color-text-secondary: #bdc6d6;--color-text-tertiary: #8f9aae;--color-text-disabled: #697386;--color-border-subtle: #282f3e;--color-border-default: #384154;--color-border-strong: #566178;--color-border-focus: #e8846a;--color-brand: #e8846a;--color-brand-hover: #f09a82;--color-brand-active: #f5b09e;--color-brand-subtle: #3d2219;--color-on-brand: #11162a;--color-success: #5dcc96;--color-success-subtle: #153c2d;--color-warning: #f2b35e;--color-warning-subtle: #493117;--color-danger: #ff8895;--color-danger-subtle: #482129;--color-info: #71c7e3;--color-info-subtle: #173744;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--texture-ruled-color: color-mix(in srgb, var(--color-text-primary) 3%, transparent);--color-margin-accent: color-mix(in srgb, var(--color-brand) 5%, transparent)}}[data-theme=dark]{--color-bg-canvas: #10131c;--color-bg-subtle: #171c28;--color-bg-surface: #1c2230;--color-bg-elevated: #252c3c;--color-text-primary: #f5f7fb;--color-text-secondary: #bdc6d6;--color-text-tertiary: #8f9aae;--color-text-disabled: #697386;--color-border-subtle: #282f3e;--color-border-default: #384154;--color-border-strong: #566178;--color-border-focus: #e8846a;--color-brand: #e8846a;--color-brand-hover: #f09a82;--color-brand-active: #f5b09e;--color-brand-subtle: #3d2219;--color-on-brand: #11162a;--color-success: #5dcc96;--color-success-subtle: #153c2d;--color-warning: #f2b35e;--color-warning-subtle: #493117;--color-danger: #ff8895;--color-danger-subtle: #482129;--color-info: #71c7e3;--color-info-subtle: #173744;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--texture-ruled-color: color-mix(in srgb, var(--color-text-primary) 3%, transparent);--color-margin-accent: color-mix(in srgb, var(--color-brand) 5%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: var(--color-brand);--color-primary-hover: var(--color-brand-hover);--color-primary-light: var(--color-brand-subtle);--color-bg: var(--color-bg-canvas);--color-surface: var(--color-bg-surface);--color-border: var(--color-border-default);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-tertiary);--color-warn: var(--color-warning);--color-warn-light: var(--color-warning-subtle);--color-success-light: var(--color-success-subtle);--color-danger-light: var(--color-danger-subtle)}}[data-theme=dark]{--color-primary: var(--color-brand);--color-primary-hover: var(--color-brand-hover);--color-primary-light: var(--color-brand-subtle);--color-bg: var(--color-bg-canvas);--color-surface: var(--color-bg-surface);--color-border: var(--color-border-default);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-tertiary);--color-warn: var(--color-warning);--color-warn-light: var(--color-warning-subtle);--color-success-light: var(--color-success-subtle);--color-danger-light: var(--color-danger-subtle)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--color-text);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-wrap:pretty;color:var(--color-text-primary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-fast)}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-border-focus) 15%,transparent)}:focus-visible:active{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-border-focus) 10%,transparent)}.skip-link{position:absolute;top:-100%;left:0;z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-bg-surface);color:var(--color-brand);font-size:var(--text-sm);font-weight:600;border:2px solid var(--color-border-focus);border-radius:0 0 var(--radius-md) 0;text-decoration:none;transition:top var(--motion-fast)}.skip-link:focus{top:0;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:focus,.sr-only-focusable:focus-visible{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.tabular-nums,.nums-tab{font-variant-numeric:tabular-nums}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:20;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background-image:linear-gradient(to right,var(--color-margin-accent),var(--color-margin-accent) 1px,transparent 1px),repeating-linear-gradient(to bottom,transparent 0px,transparent 23px,var(--texture-ruled-color) 23px,var(--texture-ruled-color) 24px)}.app-header{height:var(--header-height);display:flex;align-items:center;padding:0 var(--shell-gutter);border-bottom:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-bg-surface) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.app-header-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.app-header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.app-header-role{font-size:var(--text-sm);color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:var(--space-1)}.app-header-signout-mobile{display:none;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:var(--space-1);color:var(--color-text-tertiary);min-width:44px;min-height:44px}.app-content{padding:var(--space-6) var(--shell-gutter);padding-bottom:calc(var(--bottom-nav-height) + var(--space-6) + var(--safe-area-bottom))}.sidebar-brand{padding:var(--space-4) var(--space-6);font-size:var(--text-xl);font-weight:700;color:var(--color-brand);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:var(--space-3) 0;overflow-y:auto}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-3)}.sidebar-footer-row{display:flex;align-items:center;gap:var(--space-2);justify-content:space-between}.sidebar-footer-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.sidebar-footer-signout{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);border:none;background:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--motion-fast),background var(--motion-fast)}.sidebar-footer-signout:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}.switcher-field-select{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.switcher-field-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:2px}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;transition:background var(--motion-fast),color var(--motion-fast),border-left-color var(--motion-fast);border-left:3px solid transparent;min-height:44px}.sidebar-link:hover{background:var(--color-brand-subtle);color:var(--color-brand);text-decoration:none}.sidebar-link.active,.sidebar-link[aria-current=page]{background:var(--color-brand-subtle);color:var(--color-brand);border-left-color:var(--color-brand);font-weight:600}.nav-link-icon{display:inline-flex;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast);white-space:nowrap;cursor:pointer;text-decoration:none;line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-canvas);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){filter:brightness(.85);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text);transform:translateY(-1px)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm),inset 0 1px color-mix(in srgb,var(--color-bg-elevated),transparent 40%)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);font-weight:600}.card-body{padding:var(--space-6)}.card-mt-3{margin-top:var(--space-3)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.form-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-bg-surface);color:var(--color-text);transition:border-color var(--motion-fast),box-shadow var(--motion-fast);min-height:44px}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder{color:var(--color-text-muted)}.form-input-error{border-color:var(--color-danger)}.form-input-error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}@media(max-width:768px){input,select,textarea{font-size:16px!important}}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap;line-height:1.4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chip-syncing{animation:pulse 2s ease-in-out infinite}.chip-icon-online{color:#2dd46c}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:var(--space-4);color:var(--color-text-tertiary)}.empty-state h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:400px;margin-bottom:var(--space-4)}.empty-state-action{margin-top:var(--space-3)}.coming-soon{max-width:520px;margin:var(--space-8) auto;text-align:center;padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface)}.coming-soon-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-brand-subtle);color:var(--color-brand);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.coming-soon-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto var(--space-3);color:var(--color-text-tertiary);background:var(--color-bg-subtle);border-radius:var(--radius-full)}.coming-soon h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.coming-soon p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.attendance-grid{width:100%;border-collapse:collapse}.attendance-grid th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.attendance-grid td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);transition:background var(--motion-fast)}.attendance-grid tr:hover td{background:color-mix(in srgb,var(--color-brand) 3%,transparent)}.attendance-grid .student-name{font-weight:500}.attendance-grid .num-col{width:3rem}.attendance-grid .cell-muted{color:var(--color-text-muted)}.attendance-grid .attendance-status-group{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.attendance-grid .status-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg-surface);min-width:3rem;min-height:44px;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}.attendance-grid .status-btn[aria-checked=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 3px #c45d3e33}.attendance-grid .status-btn.status-Present[aria-checked=true]{background:var(--color-success);border-color:var(--color-success);box-shadow:0 1px 3px #18794e33}.attendance-grid .status-btn.status-Absent[aria-checked=true]{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 1px 3px #b4233233}.attendance-grid .status-btn.status-Late[aria-checked=true]{background:var(--color-warn);border-color:var(--color-warn);box-shadow:0 1px 3px #a15c0033}.attendance-grid .status-btn:hover:not([aria-checked=true]){background:var(--color-bg-canvas);border-color:var(--color-border-strong)}.attendance-grid .status-btn[aria-checked=true]:hover{opacity:.9}.attendance-grid .status-btn:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.public-entry{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg);padding:var(--space-4)}.public-card{width:100%;max-width:400px;padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-surface);box-shadow:var(--shadow-sm)}.public-card-wide{max-width:480px}.public-card-demo{max-width:500px}.public-brand{text-align:center;margin-bottom:var(--space-6)}.public-brand h1{font-size:var(--text-2xl);color:var(--color-brand);letter-spacing:-.02em}.public-brand p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.public-footnote{margin-top:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.public-footnote a{color:var(--color-brand);font-weight:500}.public-divider{border:none;border-top:1px solid var(--color-border-subtle);margin:var(--space-4) 0}.login-landing{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:var(--space-6);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,420px);gap:var(--space-8);align-items:stretch}.login-hero{display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--space-6),4vw,var(--space-12));border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:linear-gradient(170deg,var(--color-bg-surface) 0%,var(--color-brand-subtle) 50%,var(--color-bg-canvas) 100%);position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:80%;background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 8%,transparent),transparent 70%);pointer-events:none}.login-hero-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand);position:relative}.login-hero h1{margin-top:var(--space-3);font-size:clamp(2.25rem,5vw,4rem);line-height:1.06;letter-spacing:-.04em;max-width:11ch;position:relative}.login-hero-tagline{margin-top:var(--space-4);max-width:42ch;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.6;position:relative}.login-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-8);position:relative}.login-hero-card{padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-bg-surface) 80%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-height:132px;transition:border-color var(--motion-normal),box-shadow var(--motion-normal)}.login-hero-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.login-hero-card-icon{color:var(--color-brand)}.login-hero-card-label{margin-top:var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.login-hero-card-copy{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.login-hero-trust{margin-top:var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs);position:relative}.login-hero-trust-sep{color:var(--color-border-strong)}.login-hero-visual{display:flex;justify-content:center;margin-top:var(--space-8);position:relative}.login-hero-phone{width:180px;border-radius:24px;background:var(--color-bg-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-lg);overflow:hidden;flex-shrink:0}.login-hero-phone-screen{background:var(--color-bg-canvas);min-height:280px;display:flex;flex-direction:column}.login-hero-phone-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle);font-size:11px;color:var(--color-text-tertiary)}.login-hero-phone-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-success)}.login-hero-phone-body{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.login-hero-phone-class{font-size:11px;font-weight:600;color:var(--color-text-primary);letter-spacing:.02em}.login-hero-phone-date{font-size:10px;color:var(--color-text-tertiary)}.login-hero-phone-students{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--color-bg-surface);border-radius:var(--radius-sm);font-size:11px}.login-hero-phone-student{color:var(--color-text-secondary);font-weight:500}.login-hero-phone-status{font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);letter-spacing:.04em}.status-present{background:var(--color-success-subtle);color:var(--color-success)}.status-absent{background:var(--color-danger-subtle);color:var(--color-danger)}.status-late{background:var(--color-warning-subtle);color:var(--color-warning)}.login-hero-phone-footer{margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle);display:flex;justify-content:flex-end}.login-hero-phone-sync{font-size:10px;color:var(--color-success);font-weight:600}@media(max-width:640px){.login-hero-visual{margin-top:var(--space-6)}.login-hero-phone{width:150px;border-radius:20px}.login-hero-phone-screen{min-height:240px}}.login-form-col{display:flex;align-items:center}.login-auth-card{width:100%;max-width:420px;margin-left:auto;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-surface);box-shadow:var(--shadow-md);transition:box-shadow var(--motion-normal)}.login-auth-card:focus-within{box-shadow:var(--shadow-lg)}.login-auth-head{margin-bottom:var(--space-6)}.login-auth-head-kicker{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand)}.login-auth-head h2{margin-top:var(--space-2);font-size:var(--text-2xl);line-height:1.15}.login-auth-head p{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:960px){.login-landing{grid-template-columns:1fr;min-height:100dvh}.login-form-col{justify-content:center;order:-1}.login-hero{order:1}.login-auth-card{margin-left:0}}@media(max-width:640px){.login-landing{padding:var(--space-4);gap:var(--space-6)}.login-hero{padding:var(--space-6) var(--space-4)}.login-hero h1{max-width:none}.login-hero-grid{grid-template-columns:1fr}.login-auth-card{padding:var(--space-6)}}.step-progress{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}.step-progress-bar{width:2rem;height:4px;border-radius:var(--radius-full);background:var(--color-border);transition:background var(--motion-normal),transform var(--motion-normal)}.step-progress-bar.active{background:var(--color-brand);transform:scaleX(1.1)}.review-summary{background:var(--color-brand-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid color-mix(in srgb,var(--color-brand) 10%,transparent)}.review-summary-name{font-weight:600}.review-summary-detail{font-size:var(--text-sm);color:var(--color-text-secondary)}.demo-banner{display:flex;align-items:center;gap:var(--space-2);background:var(--color-warning-subtle);color:var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid color-mix(in srgb,var(--color-warning) 15%,transparent)}.demo-banner-icon{flex-shrink:0;display:flex}.demo-role-list{display:flex;flex-direction:column;gap:var(--space-2)}.demo-role-btn{width:100%;justify-content:flex-start;text-align:left}.pricing-page{max-width:1100px;margin:0 auto;padding:var(--space-6)}.pricing-header{text-align:center;margin-bottom:var(--space-8)}.pricing-header h1{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:-.02em}.pricing-header p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.pricing-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.pricing-toggle{display:flex;gap:var(--space-1);background:var(--color-bg-canvas);border-radius:var(--radius-lg);padding:4px;width:fit-content;margin:0 auto;border:1px solid var(--color-border-subtle)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.pricing-plan-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--motion-normal),border-color var(--motion-normal)}.pricing-plan-card:hover{box-shadow:var(--shadow-md)}.pricing-plan-card.popular{border:2px solid var(--color-brand);box-shadow:var(--shadow-md)}.pricing-popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-brand);color:var(--color-on-brand);font-size:var(--text-xs);font-weight:600;padding:2px 12px;border-radius:var(--radius-full);white-space:nowrap}.pricing-plan-body{padding:var(--space-6)}.pricing-plan-name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.pricing-price-row{margin-bottom:var(--space-4)}.pricing-price{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.pricing-period{font-size:var(--text-sm);color:var(--color-text-secondary)}.pricing-savings{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-1);font-weight:500}.pricing-student-limit{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.pricing-estimated-total{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.pricing-features{margin-top:var(--space-4);list-style:none;padding:0}.pricing-features li{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-1) 0;display:flex;gap:var(--space-2);align-items:flex-start;line-height:1.5}.pricing-features li svg{flex-shrink:0;margin-top:1px;color:var(--color-success)}.pricing-faq{margin-top:var(--space-8);text-align:center}.pricing-faq h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.pricing-faq-list{max-width:600px;margin:0 auto;text-align:left}.pricing-faq-item{margin-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-3)}.pricing-faq-question{font-weight:500;cursor:pointer;font-size:var(--text-sm);transition:color var(--motion-fast)}.pricing-faq-question:hover{color:var(--color-brand)}.pricing-faq-answer{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.6}.checkout-page{max-width:500px;margin:0 auto;padding:var(--space-6)}.checkout-result{max-width:500px;margin:0 auto;padding:var(--space-6);text-align:center}.checkout-result-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.checkout-result h1{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.checkout-result p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.checkout-order-summary,.checkout-payment-method{margin-bottom:var(--space-4)}.checkout-gateway-list{display:flex;flex-direction:column;gap:var(--space-2)}.checkout-gateway-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--motion-fast)}.checkout-gateway-option.selected{border-color:var(--color-brand);background:var(--color-brand-subtle)}.checkout-gateway-option:not(.selected){border:1px solid var(--color-border);background:transparent}.checkout-gateway-radio{width:1.125rem;height:1.125rem;accent-color:var(--color-brand)}.checkout-gateway-name{font-weight:500}.checkout-gateway-currency{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.checkout-result-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.receipt-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm)}.receipt-row-secondary{color:var(--color-text-secondary)}.receipt-discount{color:var(--color-success);font-weight:500}.receipt-total{display:flex;justify-content:space-between;padding-top:var(--space-2);border-top:2px solid var(--color-border);font-weight:600}.receipt-total-amount{font-size:var(--text-lg);font-variant-numeric:tabular-nums}.country-selector{display:flex;gap:var(--space-2)}.text-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.text-body-sm{font-size:var(--text-sm);color:var(--color-text-secondary)}.text-muted{font-size:var(--text-xs);color:var(--color-text-muted)}.text-muted-center{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.flex-row{display:flex}.flex-row-gap2{display:flex;gap:var(--space-2)}.flex-row-gap3{display:flex;gap:var(--space-3)}.flex-row-gap1-center{display:inline-flex;align-items:center;gap:var(--space-1)}.flex-row-gap2-center{display:flex;gap:var(--space-2);align-items:center}.flex-row-gap3-center{display:flex;gap:var(--space-3);align-items:center}.flex-row-gap3-wrap{display:flex;gap:var(--space-3);flex-wrap:wrap}.flex-col{display:flex;flex-direction:column}.flex-col-gap2{display:flex;flex-direction:column;gap:var(--space-2)}.flex-col-gap3{display:flex;flex-direction:column;gap:var(--space-3)}.flex-center{justify-content:center}.flex-center-gap3{display:flex;justify-content:center;gap:var(--space-3)}.flex-items-center{align-items:center}.flex-row-space-between{display:flex;justify-content:space-between;align-items:center}.flex-row-space-between-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.flex-row-gap2-wrap{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.flex-1{flex:1}.btn-block{width:100%}.btn-left{width:100%;justify-content:flex-start}.btn-demo-role{height:auto;min-height:64px;align-items:center;white-space:normal;gap:var(--space-3)}.btn-demo-role-icon{flex-shrink:0}.btn-demo-role-label{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);text-align:left;min-width:0}.btn-demo-role-label strong{line-height:1.4}.btn-demo-role-desc{font-size:var(--text-sm);font-weight:400;color:var(--color-text-secondary);line-height:1.4;word-break:break-word}.icon-inline{display:inline;vertical-align:middle;margin-right:4px}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.page-container{max-width:900px}.page-heading{font-size:var(--text-xl);font-weight:600}.text-muted-sm{color:var(--color-text-secondary);font-size:var(--text-sm)}.scroll-x{overflow-x:auto}.list-unstyled{list-style:none;padding:0}.p-4{padding:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-0{padding:0}.border-0{border:0}.spinner-center{margin:0 auto var(--space-4)}.footnote-sep{color:var(--color-text-tertiary);margin:0 var(--space-2)}.page-narrow{max-width:800px}.text-lg{font-size:var(--text-lg)}.fw-semibold{font-weight:600}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.tab-bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.tab-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid transparent;white-space:nowrap;cursor:pointer;text-decoration:none;line-height:1.4;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast)}.tab-item-active{background:var(--color-bg-surface);color:var(--color-text);border-color:var(--color-border) var(--color-border) transparent;font-weight:600}.tab-item-ghost{background:transparent;color:var(--color-text-secondary)}.tab-item-ghost:hover{color:var(--color-text);background:var(--color-bg-subtle)}.progress-bar{height:6px;border-radius:var(--radius-full);background:var(--color-border);width:200px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width var(--motion-normal)}.progress-bar-danger{background:var(--color-danger)}.settings-plan-row{align-items:flex-start}.stat-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.stat-item-label{font-size:var(--text-xs);color:var(--color-text-muted)}.stat-item-value{font-size:var(--text-lg);font-weight:600}.signup-step-title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}.form-actions{display:flex;gap:var(--space-2)}.form-actions .btn{flex:1}.demo-school-card{background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.demo-school-name{font-weight:600;margin-bottom:var(--space-1)}.demo-school-info{font-size:var(--text-sm);color:var(--color-text-secondary)}.demo-role-heading{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.btn-left-label{text-align:left}.demo-footnote{margin-top:var(--space-6)}.checkout-fail-list{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:left;padding-left:var(--space-4)}.dashboard{max-width:1200px}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-header h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em}.dashboard-header p{color:var(--color-text-secondary);margin-top:var(--space-1)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.stat-card{padding:var(--space-6);transition:box-shadow var(--motion-normal),border-color var(--motion-normal)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.stat-card .stat-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-1);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-card .stat-change{font-size:var(--text-xs);margin-top:var(--space-1);font-weight:500}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.conflict-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203399;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.conflict-dialog{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;overflow:hidden;animation:fadeIn .2s ease}.conflict-dialog-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2)}.conflict-dialog-header h2{font-size:var(--text-lg);font-weight:600}.conflict-dialog-body{padding:var(--space-6)}.conflict-compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.conflict-side{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.conflict-side.mine{border-color:var(--color-primary);background:var(--color-primary-light)}.conflict-side.theirs{border-color:var(--color-border)}.conflict-side-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.conflict-side-value{font-size:var(--text-lg);font-weight:600}.conflict-side-meta{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.conflict-dialog-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203399;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.modal-dialog{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;padding:var(--space-6);animation:fadeIn .2s ease}.modal-dialog h2{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.modal-dialog-message{color:var(--color-text-secondary);line-height:1.6}.modal-dialog-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.spinner{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attendance-page{max-width:800px}.attendance-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.attendance-page-header h2{font-size:var(--text-xl);font-weight:600}.attendance-page-header .attendance-meta-label{display:flex;align-items:center;gap:var(--space-3)}.attendance-meta{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.attendance-summary{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border);margin-top:var(--space-2)}.attendance-summary-item{font-size:var(--text-sm)}.attendance-summary-item strong{font-weight:600}.attendance-actions{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.attendance-actions-banner{margin-top:var(--space-4)}.attendance-list{display:none}@media(max-width:640px){.attendance-grid-wrapper{display:none}.attendance-list{display:flex;flex-direction:column;gap:var(--space-2)}}.attendance-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-height:56px;transition:border-color var(--motion-fast)}.attendance-list-item:hover{border-color:var(--color-border-strong)}.attendance-list-item .student-name{font-weight:500;font-size:var(--text-sm)}.attendance-list-item .attendance-segmented{display:flex;gap:2px;background:var(--color-bg-subtle);border-radius:var(--radius-md);padding:2px}.attendance-list-item .attendance-segmented button{min-width:44px;min-height:44px;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.attendance-list-item .attendance-segmented button[aria-checked=true]{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.attendance-list-item .attendance-segmented button.status-Present[aria-checked=true]{color:var(--color-success)}.attendance-list-item .attendance-segmented button.status-Absent[aria-checked=true]{color:var(--color-danger)}.attendance-list-item .attendance-segmented button.status-Late[aria-checked=true]{color:var(--color-warning)}.attendance-list-item .attendance-segmented button:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.attendance-expiring-banner{margin-top:var(--space-3)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.banner-compact{margin:0}.banner-info{background:var(--color-primary-light);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 15%,transparent)}.banner-success{background:var(--color-success-light);color:var(--color-success);border:1px solid color-mix(in srgb,var(--color-success) 15%,transparent)}.banner-warn{background:var(--color-warn-light);color:var(--color-warn);border:1px solid color-mix(in srgb,var(--color-warn) 15%,transparent)}.banner-danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid color-mix(in srgb,var(--color-danger) 15%,transparent)}.toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:100;display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:var(--text-sm);max-width:400px;animation:slideUp .3s ease}.toast-message{flex:1}.toast-dismiss{background:transparent;border:0;color:inherit;font-size:1.125rem;line-height:1;cursor:pointer;opacity:.8;padding:0 var(--space-1);transition:opacity var(--motion-fast)}.toast-dismiss:hover{opacity:1}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-danger);color:#fff}.toast-info{background:var(--color-primary);color:#fff}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.collect-page{max-width:800px}.collect-page h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);letter-spacing:-.01em}.collect-search-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.collect-invoice-list{display:flex;flex-direction:column;gap:var(--space-2)}.collect-invoice-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.collect-invoice-item:hover{border-color:var(--color-brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.collect-invoice-item-info{flex:1}.collect-invoice-item-info .invoice-student{font-weight:500;font-size:var(--text-sm)}.collect-invoice-item-info .invoice-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.collect-invoice-item .invoice-amount{font-weight:600;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.collect-invoice-item .invoice-outstanding{font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.collect-receipt{text-align:center;padding:var(--space-8)}.collect-receipt-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-success)}.collect-receipt h3{font-weight:600;margin-bottom:var(--space-2)}.collect-receipt-actions{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.collect-invoice-detail{margin-top:var(--space-4)}.collect-invoice-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.collect-invoice-detail-header .student-name{font-weight:600}.collect-invoice-heads{margin-bottom:var(--space-4)}.collect-invoice-head-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-subtle)}.collect-invoice-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-top:2px solid var(--color-border);font-weight:600}.collect-invoice-total-amount{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.collect-submit-row{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.collect-submit-row .btn{flex:1}.parent-fees-page{max-width:600px}.parent-fees-page h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);letter-spacing:-.01em}.parent-fees-student{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.parent-fees-invoice{margin-top:var(--space-4)}.parent-fees-invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.parent-fees-invoice-header h3{font-size:var(--text-base);font-weight:600}.parent-fees-heads{margin-bottom:var(--space-3)}.parent-fees-head-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);border-bottom:1px solid var(--color-border-subtle)}.parent-fees-total{display:flex;justify-content:space-between;padding:var(--space-3) 0;font-weight:600;border-top:2px solid var(--color-border)}.parent-fees-paid{color:var(--color-success)}.parent-fees-outstanding{color:var(--color-danger);font-weight:600}.parent-fees-card{margin-bottom:var(--space-4)}.parent-fees-pay-btn{width:100%}.parent-fees-pay-btn+.parent-fees-pay-btn{margin-top:var(--space-3)}.parent-fees-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.parent-fees-error{margin-top:var(--space-4)}.marks-page{max-width:900px}.marks-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.marks-page-header h2{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.marks-page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm)}.marks-input{width:4rem;text-align:center;font-variant-numeric:tabular-nums;padding:var(--space-1) var(--space-2)}.marks-total-cell{text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.marks-progress{font-size:var(--text-sm);color:var(--color-text-secondary)}.marks-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.marks-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.marks-col-num{width:3rem}.marks-col-score{width:6rem}.marks-col-total-h{width:5rem}.marks-submitted-banner{margin-top:var(--space-4)}.card-body-skeleton{padding:var(--space-6)}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg-canvas) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:1rem;margin-bottom:var(--space-2)}.skeleton-heading{height:1.5rem;width:60%;margin-bottom:var(--space-4)}.skeleton-row{height:2.5rem;margin-bottom:var(--space-2);border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8)}.error-page h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.error-page p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.error-page-actions{display:flex;gap:var(--space-3);justify-content:center}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.detail-grid{grid-template-columns:1fr}}.exam-terms-layout{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start}@media(max-width:768px){.exam-terms-layout{grid-template-columns:1fr}}.detail-group-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.detail-list{list-style:none;padding:0;font-size:var(--text-sm)}.detail-list li{padding:var(--space-1) 0}.stat-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-summary-item{text-align:center;padding:var(--space-4)}.stat-summary-value{font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-summary-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.results-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.results-table{width:100%;border-collapse:collapse}.results-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.results-table th.center{text-align:center}.results-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.results-table td.center{text-align:center}.results-table td.total{text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.results-table tr:hover td{background:color-mix(in srgb,var(--color-brand) 3%,transparent)}.results-table .result-subject{font-weight:500}.unavailable-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.unavailable-state-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin-bottom:var(--space-4);color:var(--color-text-tertiary);border-radius:var(--radius-full);background:var(--color-bg-subtle)}.unavailable-state h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.unavailable-state p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:400px;margin-bottom:var(--space-4);line-height:1.6}.unavailable-state .btn{margin-top:var(--space-2)}.page-section{margin-top:var(--space-6)}.page-section-sm{max-width:700px}.page-section-xs{max-width:600px}.page-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.page-section-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em}.page-section-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.notices-list{display:flex;flex-direction:column;gap:var(--space-3)}.notice-card-body{padding:var(--space-4) var(--space-6)}.notice-card-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.notice-card-title{font-weight:600;font-size:var(--text-base)}.notice-card-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.5}.notice-card-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.notice-form-field{margin-bottom:var(--space-3)}.notice-form-row{display:flex;gap:var(--space-3);justify-content:flex-end}.notice-channel-info{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.notice-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-weight:400}.onboarding-checkbox{width:1.125rem;height:1.125rem;accent-color:var(--color-success)}.onboarding-progress-track{height:6px;border-radius:var(--radius-full);background:var(--color-border);overflow:hidden;margin-bottom:var(--space-4)}.onboarding-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.onboarding-progress-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.onboarding-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background .15s}.onboarding-item:hover{background:var(--color-bg-subtle)}.onboarding-item-done,.onboarding-item-done:hover{background:var(--color-success-subtle)}.onboarding-item-link{flex:1;text-decoration:none;color:inherit}.onboarding-item-label{font-size:var(--text-sm);font-weight:500}.onboarding-item-label-done{text-decoration:line-through;color:var(--color-text-tertiary)}.onboarding-item-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.onboarding-item-unavailable{opacity:.6}.onboarding-unavailable-badge{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:1px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full)}.upgrade-banner{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-hover));color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);margin-top:var(--space-4)}.upgrade-banner-warn{background:linear-gradient(135deg,var(--color-warning),#b45309)}.upgrade-banner h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.upgrade-banner p{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--space-3);line-height:1.5}.upgrade-banner .btn{background:#fff;color:var(--color-primary);font-weight:600}.upgrade-banner .btn:hover{background:var(--color-bg)}.upgrade-banner-actions{display:flex;gap:var(--space-3);align-items:center}.upgrade-banner-price{font-size:var(--text-xs);opacity:.8}.bottom-nav-more{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom));left:0;right:0;background:var(--color-bg-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:21;padding:var(--space-2);display:flex;flex-direction:column;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.bottom-nav-more-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);min-height:44px;transition:background var(--motion-fast)}.bottom-nav-more-item:hover{background:var(--color-bg-subtle);text-decoration:none}.onboarding-progress{height:6px;border-radius:var(--radius-full);background:var(--color-border);overflow:hidden}.onboarding-progress-bar{height:100%;border-radius:var(--radius-full);transition:width .3s ease}@media(max-width:768px){.app-sidebar{display:none}.app-main{margin-left:0}.app-header-signout-mobile{display:inline-flex}.app-content{padding-top:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + var(--space-4))}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background:color-mix(in srgb,var(--color-bg-surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border-subtle);z-index:20}.bottom-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-secondary);font-size:var(--text-xs);text-decoration:none;min-height:44px;padding:4px 0;transition:color var(--motion-fast)}.bottom-nav-link.active,.bottom-nav-link[aria-current=page]{color:var(--color-brand);font-weight:600}.bottom-nav-link:hover{text-decoration:none}.dashboard-grid,.conflict-compare{grid-template-columns:1fr}}@media(min-width:769px){.bottom-nav{display:none}}:lang(ne),:lang(hi){font-family:var(--font-devanagari);line-height:1.6;word-spacing:.02em}:lang(ne) h1,:lang(hi) h1,:lang(ne) h2,:lang(hi) h2,:lang(ne) h3,:lang(hi) h3,:lang(ne) h4,:lang(hi) h4{letter-spacing:.01em}:lang(ne) .btn,:lang(hi) .btn{white-space:nowrap}@media(min-width:768px){:root{--shell-gutter: 24px}.app-content{padding:var(--space-6) var(--shell-gutter)}}@media(min-width:769px)and (max-width:1023px){:root{--sidebar-width: 88px}.app-sidebar{width:var(--sidebar-width)}.app-main{margin-left:var(--sidebar-width)}.app-content{padding-top:var(--space-5)}.sidebar-brand,.sidebar-footer{padding-left:0;padding-right:0;align-items:center}.sidebar-brand{justify-content:center}.sidebar-brand>span:last-child,.sidebar-link>span:last-child,.sidebar-footer-label,.sidebar-footer-signout>span,.switcher-field-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-nav{padding:var(--space-2) 0}.sidebar-link{justify-content:center;padding-left:0;padding-right:0;gap:0;border-left:none;border-radius:var(--radius-md);margin:0 var(--space-2)}.sidebar-link:hover{background:var(--color-brand-subtle)}.sidebar-link.active{background:var(--color-brand-subtle);border-left:none}.sidebar-link .nav-link-icon{margin:0 auto}.sidebar-footer{gap:var(--space-2)}.sidebar-footer-row{justify-content:center}.sidebar-footer-signout{justify-content:center;width:100%}.switcher-field-select{width:100%;min-width:0}}@media(min-width:1024px){:root{--shell-gutter: 32px}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(min-width:1280px){.app-content{max-width:1440px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.app-main{background-image:none!important}}