:root{--font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light;--sidebar-width: 13.75rem;--bg: #f4f6f9;--bg-strong: #e9edf3;--surface: #ffffff;--surface-strong: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f8fafc;--surface-dark: #1e2344;--surface-disabled: #eef1f6;--text: #1a1f36;--text-main: #1a1f36;--text-soft: #5c6578;--text-muted: #8b93a5;--line: #e2e6ee;--line-strong: #cdd3df;--accent: #28285e;--accent-deep: #1c2048;--accent-mid: #3d5a6e;--accent-green: #3d9b7a;--accent-green-deep: #2a7d61;--accent-soft: rgba(40, 40, 94, .08);--brand-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-mid) 55%, var(--accent-green) 100%);--brand-gradient-soft: linear-gradient( 135deg, rgba(40, 40, 94, .06) 0%, rgba(61, 90, 110, .05) 50%, rgba(61, 155, 122, .08) 100% );--success: #1d7a5c;--warning: #b7791f;--danger: #c23d32;--shadow-sm: 0 1px 2px rgba(26, 31, 54, .06);--shadow: 0 4px 24px rgba(26, 31, 54, .08);--shadow-lg: 0 12px 40px rgba(26, 31, 54, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;font-family:var(--font-family);background:var(--bg)}body{margin:0;min-height:100vh;font-family:var(--font-family);font-size:.9375rem;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.page-title{margin:0;font-family:var(--font-family);font-weight:600;font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2;letter-spacing:-.02em;color:var(--text)}.page-intro{margin:.35rem 0 0;max-width:42rem;font-size:.9rem;color:var(--text-soft);line-height:1.55}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--line);font-size:.8rem;font-weight:500;color:var(--text-soft);background:var(--surface-muted)}.badge-dot{width:.45rem;height:.45rem;border-radius:999px;background:currentColor}.status-danger{color:var(--danger)}.status-warning{color:var(--warning)}.status-success{color:var(--success)}.button-primary,.button-secondary,.button-ghost,.button-danger{border-radius:var(--radius-sm);padding:.55rem .95rem;font-size:.875rem;font-weight:500;border:1px solid transparent;transition:background .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease}.button-primary:hover,.button-secondary:hover,.button-ghost:hover,.button-danger:hover{box-shadow:var(--shadow-sm)}.button-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.button-secondary{border-color:var(--line-strong);background:var(--surface);color:var(--text)}.button-secondary:hover{background:var(--surface-muted);border-color:var(--line-strong)}.button-ghost{border-color:transparent;background:transparent;color:var(--text-soft)}.button-ghost:hover{background:var(--accent-soft);color:var(--accent)}.button-ghost-active{color:var(--accent);border-color:var(--line);background:var(--accent-soft)}.filter-toolbar .button-ghost-active{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:none}.filter-toolbar .button-ghost-active .filter-count{color:var(--accent);background:#ffffffeb}.button-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button-danger:hover{filter:brightness(1.05)}.toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.field,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.9rem;background:var(--surface);color:var(--text);transition:border-color .14s ease,box-shadow .14s ease}.field:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-mid);box-shadow:0 0 0 3px #3d5a6e26}.field:disabled,.select:disabled,.textarea:disabled{background:var(--surface-disabled);color:var(--text-muted);cursor:not-allowed}.muted{color:var(--text-soft)}.filter-count{display:inline-flex;min-width:1.5rem;justify-content:center;padding:.05rem .4rem;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--surface-muted)}.empty-state{padding:1.5rem;border-radius:var(--radius-md);border:1px dashed var(--line-strong);color:var(--text-soft);background:var(--surface-muted);font-size:.9rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.section-head h2,.panel-title{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.panel-kicker{margin:0 0 .2rem;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.filter-count-urgent{color:#fff!important;background:var(--danger)!important}.filter-toolbar .button-ghost.filter-tab-urgent:not(.button-ghost-active){color:var(--danger);border-color:#c23d3247;background:#c23d320f}.filter-toolbar .button-ghost.filter-tab-urgent:not(.button-ghost-active) .filter-count-urgent{color:#fff!important;background:var(--danger)!important}.chip-danger{color:var(--danger);border-color:#c23d3247;background:#c23d3214}.chip-danger .badge-dot{color:var(--danger)}.button-logout{width:100%;color:#fff;border-color:transparent;background:var(--brand-gradient)}.button-logout:hover{filter:brightness(1.05);color:#fff}.nav-link{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-badge{flex:none;min-width:1.35rem;padding:.1rem .4rem;border-radius:999px;font-size:.68rem;font-weight:700;line-height:1.2;text-align:center;color:#fff;background:var(--danger)}@media (max-width: 900px){.page-header{flex-direction:column}}@media (max-width: 640px){.app-panel{border-radius:var(--radius-md)}.page-header{gap:.75rem;margin-bottom:1rem}.toolbar{width:100%;display:grid;grid-template-columns:1fr;gap:.5rem}.toolbar>.button-primary,.toolbar>.button-secondary,.toolbar>.button-ghost,.toolbar>.button-danger,.toolbar>a,.toolbar>button{width:100%;text-align:center}.button-primary,.button-secondary,.button-ghost,.button-danger{min-height:44px}.empty-state{padding:1.1rem}}