:root{--kovobel-navy: #0d1b3f;--kovobel-blue: #1565c0;--kovobel-blue-dark: #0d47a1;--kovobel-orange: #e65100;--kovobel-teal: #11a6b5;--kovobel-teal-dark: #0c6b76;--kovobel-teal-container: #e1f2f4;--kovobel-teal-bright: #2ed3e0;--status-assigned: #757575;--status-in-progress: #e65100;--status-done: #2e7d32;--status-incomplete: #c62828;--status-verified: #1565c0;--priority-high: #c62828;--priority-normal: #424242;--announcement-bg: #fff3cd;--announcement-text: #8d6e00;--announcement-border: #ffe08a;--topbar-bg: var(--kovobel-navy);--topbar-fg: #ffffff;--font-scale: 1;--radius-card: 12px;--radius-photo: 6px;--radius-chip: 999px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .12);--shadow-pop: 0 4px 16px rgba(0, 0, 0, .18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--primary: var(--kovobel-navy);--on-primary: #ffffff;--secondary: var(--kovobel-teal);--on-secondary: #ffffff;--secondary-container: var(--kovobel-teal-container);--on-secondary-container: var(--kovobel-teal-dark);--background: #f5f5f5;--surface: #ffffff;--surface-variant: #eceff1;--on-surface: #1a1c20;--on-surface-variant: #5a6066;--outline: #d4d8dd;--accent: var(--kovobel-teal)}html[data-theme=dark]{--primary: var(--kovobel-teal-bright);--on-primary: var(--kovobel-navy);--secondary: var(--kovobel-teal-bright);--on-secondary: var(--kovobel-navy);--secondary-container: var(--kovobel-teal-dark);--on-secondary-container: #ffffff;--background: #121212;--surface: #1e1e1e;--surface-variant: #2a2d31;--on-surface: #e6e8ea;--on-surface-variant: #aeb4ba;--outline: #3a3f44;--accent: var(--kovobel-teal-bright);--announcement-bg: #3a3320;--announcement-text: #ffd75e;--announcement-border: #5c5126}*{box-sizing:border-box}html{font-size:calc(16px * var(--font-scale))}body{margin:0;font-family:Segoe UI,Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased}a{color:var(--accent)}button{font-family:inherit;font-size:1rem;cursor:pointer}button:disabled{cursor:default;opacity:.5}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{background:var(--topbar-bg);color:var(--topbar-fg);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);height:56px;position:sticky;top:0;z-index:20;box-shadow:var(--shadow-card)}.topbar h1{font-size:1.15rem;margin:0;font-weight:700}.topbar .topbar-sub{font-size:.78rem;opacity:.8;font-weight:400}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:var(--sp-1)}.icon-btn{background:transparent;border:none;color:inherit;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1}.icon-btn:hover{background:#ffffff24}.body-grid{display:grid;grid-template-columns:240px 1fr}@media (max-width: 860px){.body-grid{grid-template-columns:1fr}.sidebar{display:none}}.sidebar{background:var(--surface);border-right:1px solid var(--outline);padding:var(--sp-3);display:flex;flex-direction:column;gap:2px;min-height:calc(100vh - 56px)}.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:10px 12px;border-radius:10px;color:var(--on-surface);text-decoration:none;font-size:.95rem}.nav-link:hover{background:var(--surface-variant)}.nav-link.active{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:600}.nav-link .nav-ico{width:22px;text-align:center}.bottom-nav{display:none}@media (max-width: 860px){.bottom-nav{display:flex;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--outline);z-index:20}.bottom-nav .nav-link{flex:1;flex-direction:column;gap:2px;font-size:.7rem;border-radius:0;padding:8px 2px;text-align:center}.bottom-nav .nav-link .nav-ico{width:auto}}.content{padding:var(--sp-4);max-width:1100px;width:100%;margin:0 auto}.page-title{font-size:1.3rem;font-weight:700;margin:0 0 var(--sp-3)}.card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-3)}.card+.card{margin-top:var(--sp-2)}.assignment-card{display:flex;gap:var(--sp-3);align-items:flex-start;border-left:4px solid var(--status-assigned)}.assignment-card .ac-main{flex:1;min-width:0}.assignment-card .ac-title{font-weight:600}.assignment-card .ac-detail{color:var(--on-surface-variant);font-size:.9rem;margin-top:2px}.muted{color:var(--on-surface-variant)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-chip);padding:3px 10px;font-size:.78rem;font-weight:600;white-space:nowrap}.pool-tag{border-radius:var(--radius-chip);padding:2px 8px;font-size:.72rem;font-weight:600;background:var(--secondary-container);color:var(--on-secondary-container)}.btn{border:none;border-radius:10px;padding:9px 16px;font-weight:600;font-size:.92rem;background:var(--surface-variant);color:var(--on-surface)}.btn:hover:not(:disabled){filter:brightness(.97)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-accent{background:var(--accent);color:#fff}.btn-tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-danger{background:var(--status-incomplete);color:#fff}.btn-ghost{background:transparent;color:var(--accent)}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:8px}.btn-block{width:100%}.banner-announcement{background:var(--announcement-bg);color:var(--announcement-text);border:1px solid var(--announcement-border);border-radius:var(--radius-card);padding:var(--sp-3);display:flex;gap:var(--sp-3);align-items:flex-start;margin-bottom:var(--sp-3)}.banner-impersonation{background:var(--status-incomplete);color:#fff;padding:8px var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);font-size:.9rem}.banner-info{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:10px;padding:8px 12px;font-size:.88rem}.banner-error{background:#fdecea;color:#b71c1c;border-radius:10px;padding:8px 12px;font-size:.9rem}html[data-theme=dark] .banner-error{background:#3a1f1d;color:#ff8a80}.tabs{display:flex;gap:var(--sp-1);border-bottom:1px solid var(--outline);margin-bottom:var(--sp-3)}.tab{background:transparent;border:none;padding:10px 14px;font-weight:600;color:var(--on-surface-variant);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.badge-count{background:var(--accent);color:#fff;border-radius:999px;padding:0 7px;font-size:.72rem;margin-left:6px}.date-nav{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.date-nav .date-label{font-weight:600;min-width:180px;text-align:center}label.field{display:block;margin-bottom:var(--sp-3)}label.field>span{display:block;font-size:.82rem;color:var(--on-surface-variant);margin-bottom:4px}input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--outline);border-radius:8px;background:var(--surface);color:var(--on-surface);font-size:.95rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{resize:vertical;min-height:70px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:50}.modal{background:var(--surface);color:var(--on-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);width:100%;max-width:460px;max-height:90vh;overflow:auto;padding:var(--sp-4)}.modal.wide{max-width:640px}.modal h2{margin:0 0 var(--sp-3);font-size:1.1rem}.modal-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-4)}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--outline);font-size:.92rem}table.data th{color:var(--on-surface-variant);font-weight:600}.bar-row{display:grid;grid-template-columns:120px 1fr 44px;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2)}.bar-track{background:var(--surface-variant);border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:var(--accent);height:100%;border-radius:999px}.bar-count{text-align:right;font-weight:700;color:var(--accent)}.progress{background:var(--surface-variant);border-radius:999px;height:8px;overflow:hidden}.progress>div{height:100%}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background);padding:var(--sp-4)}.login-card{width:100%;max-width:380px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow-pop);overflow:hidden}.login-hero{background:var(--kovobel-navy);padding:var(--sp-6) var(--sp-4);text-align:center}.login-body{padding:var(--sp-4)}.logo-badge{display:inline-flex;flex-direction:column;align-items:center}.logo-badge .logo-main{font-family:Montserrat,sans-serif;font-weight:900;letter-spacing:2px;background:var(--kovobel-navy);color:#fff;padding:10px 22px;border-radius:6px;font-size:1.6rem}.logo-badge.compact .logo-main{font-size:1.05rem;padding:6px 12px;letter-spacing:1.5px}.logo-badge .logo-sub{font-size:.7rem;letter-spacing:1.2px;margin-top:4px;color:var(--on-surface-variant);font-weight:600}.login-hero .logo-badge .logo-main{background:#fff;color:var(--kovobel-navy)}.login-hero .logo-badge .logo-sub{color:#ffffffd9}.center-screen{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.empty{text-align:center;color:var(--on-surface-variant);padding:var(--sp-6) var(--sp-4)}.section-head{font-weight:700;margin:var(--sp-4) 0 var(--sp-2)}.thumb{width:48px;height:48px;border-radius:var(--radius-photo);object-fit:cover;cursor:zoom-in;border:1px solid var(--outline)}.spin{width:28px;height:28px;border:3px solid var(--surface-variant);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}