:root{--primary:#073b76;--primary-2:#0b56a0;--accent:#17a34a;--accent-soft:#eaf8ef;--bg:#f3f6fa;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#667085;--border:#dfe6ee;--danger:#b42318;--warning:#b7791f;--shadow:0 8px 28px rgba(16,38,70,.08);--sidebar:270px}
html[data-theme="dark"]{--primary:#62a8ee;--primary-2:#8cc5ff;--accent:#43c777;--accent-soft:#173b27;--bg:#0f1722;--surface:#17212f;--surface-2:#111b27;--text:#eef4fb;--muted:#a9b7c8;--border:#2c3b4e;--danger:#ff8b82;--warning:#f4c86d;--shadow:0 10px 30px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--primary-2)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#082d59;color:#fff;display:flex;flex-direction:column;z-index:60;box-shadow:10px 0 30px rgba(4,27,54,.08)}.brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.brand img{display:block;width:100%;height:62px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}.brand-copy{margin-top:13px;display:flex;flex-direction:column}.brand-copy strong{font-size:18px}.brand-copy span{font-size:12px;color:#bfd4ed;margin-top:3px}.side-nav{padding:14px 12px;overflow:auto}.nav-section{padding:16px 12px 7px;color:#91b4d8;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.13em}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;color:#e9f2fc;text-decoration:none;border-radius:10px;font-weight:650;font-size:14px}.nav-item span{width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.13);color:#fff}.nav-item.active{box-shadow:inset 3px 0 0 #52d17d}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-footer a{color:#fff;font-size:12px}.version-chip{font-size:11px;background:rgba(255,255,255,.12);padding:6px 8px;border-radius:999px}.workspace{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:76px;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:16px}.topbar-title{display:flex;flex-direction:column}.topbar-title strong{font-size:18px;color:var(--text)}.topbar-title span{font-size:12px;color:var(--muted)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;min-width:40px;height:40px;cursor:pointer;font-size:18px}.menu-button{display:none}.quick-create{background:var(--accent);color:#fff;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:800;font-size:13px}.user-menu{display:flex;align-items:center;gap:9px;border-left:1px solid var(--border);padding-left:12px}.user-menu>div:nth-child(2){display:flex;flex-direction:column;min-width:105px}.user-menu strong{font-size:13px}.user-menu span,.user-links a{font-size:11px;color:var(--muted)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:#073b76;font-weight:900}.content{width:100%;max-width:1460px;margin:0 auto;padding:28px}.app-footer{text-align:center;padding:20px;color:var(--muted);font-size:11px}.sidebar-overlay{display:none}
.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1,.hero h2{margin:0 0 5px;color:var(--text)}.hero p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--primary-2)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0}.stat{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--primary-2)}.stat.warning:before{background:#e7a82d}.stat.danger:before{background:#d0443a}.stat.success:before{background:var(--accent)}.stat strong{display:block;font-size:31px;line-height:1;color:var(--text)}.stat span{display:block;color:var(--muted);font-size:13px;margin-top:7px}.stat small{color:var(--muted)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;text-decoration:none;color:var(--text);min-height:142px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);transition:transform .16s,border-color .16s}.tile:hover{transform:translateY(-3px);border-color:var(--primary-2)}.tile .icon{font-size:31px}.tile h3{margin:10px 0 5px;font-size:16px}.tile p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.tile.primary{background:linear-gradient(135deg,#073b76,#0b66bd);color:#fff;border-color:transparent}.tile.primary h3,.tile.primary p{color:#fff}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.section-title h2{margin:0;font-size:20px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:13px}
label{display:block;font-weight:750;margin:11px 0 5px;font-size:13px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}input[type=checkbox]{width:auto}textarea{min-height:94px}button,.btn{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 16px;text-decoration:none;display:inline-block;margin-top:12px;cursor:pointer;font-weight:800}.btn-blue{background:#0b56a0}.btn-red{background:#b42318}.btn-gray{background:#667085}.btn-small{padding:6px 10px;margin:3px;font-size:12px}.actions{display:flex;gap:9px;flex-wrap:wrap}.hint{font-size:12px;color:var(--muted)}.readonly{background:var(--surface-2)}
table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{border-bottom:1px solid var(--border);padding:10px;text-align:left;font-size:13px}th{background:#0b4b8a;color:#fff}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eaf2ff;color:#174f86;font-size:11px}.badge-off{background:#fee4e2;color:#b42318}.flash{padding:12px 14px;background:var(--accent-soft);border-left:5px solid var(--accent);margin-bottom:14px;border-radius:8px}.flash.danger{background:#fff0ef;border-left-color:#d0443a}.flash.warning{background:#fff8e5;border-left-color:#e2a400}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.compact-form{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:5px;min-width:520px}.compact-inline{display:flex;gap:5px;min-width:240px}.photos{display:flex;gap:12px;flex-wrap:wrap}.photo{width:180px;border:1px solid var(--border);padding:6px;border-radius:8px}.photo img{width:100%;height:130px;object-fit:cover}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.gallery-item img{width:100%;height:220px;object-fit:cover}.gallery-body{padding:14px}.timeline-item{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--border)}.timeline-date{font-weight:800;color:var(--primary-2)}.alert-list{display:grid;gap:10px}.alert-item{padding:12px;border-radius:10px;background:#fff8df;border-left:5px solid #e2a400;color:#5d4609}.alert-item.overdue{background:#ffebe9;border-left-color:#b42318;color:#6f1c16}.kv{display:grid;grid-template-columns:190px 1fr;gap:8px 18px}.kv div{padding:5px 0;border-bottom:1px solid var(--border)}.bar-chart{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(105px,1.3fr) minmax(100px,3fr) 38px;gap:10px;align-items:center;font-size:13px}.bar-track{height:14px;background:var(--border);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0b56a0,#55a2ed);border-radius:999px;min-width:2px}.signature-wrap{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px}.signature-wrap canvas{width:100%;height:180px;border:1px dashed #98a2b3;touch-action:none}.email-box{display:flex;align-items:end;gap:12px;background:var(--surface-2);border:1px solid var(--border);padding:12px;border-radius:10px}.module-placeholder{text-align:center;padding:45px 20px}.module-placeholder .big-icon{font-size:72px}.planned{display:inline-block;background:#eaf2ff;color:#174f86;padding:7px 12px;border-radius:999px;font-weight:800}
.auth-page{min-height:100vh;background:radial-gradient(circle at 20% 20%,#e6f3ff 0,transparent 38%),linear-gradient(135deg,#f5f9fd,#e9f1f8)}.auth-main{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px rgba(10,48,88,.18)}.login-brand{padding:48px;background:linear-gradient(145deg,#073b76,#0b66bd);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand img{background:#fff;padding:10px;border-radius:14px;width:100%;max-width:360px}.login-brand h1{font-size:34px;margin:28px 0 5px}.login-brand p{margin:0;color:#d7e9fb}.login-panel{padding:48px}.login-panel h2{font-size:27px;margin:0 0 5px}.login-panel .btn{width:100%}.release-note{font-size:11px;color:var(--muted);margin-top:22px}
@media(max-width:1100px){.tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);transition:transform .2s;width:min(86vw,290px)}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(4,18,33,.5);z-index:50}.menu-button{display:inline-grid;place-items:center}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.tiles{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.user-links{display:none}.quick-create{display:none}}
@media(max-width:700px){.topbar{height:66px;padding:0 14px}.topbar-title span,.user-menu>div:nth-child(2){display:none}.content{padding:14px}.hero{display:block}.hero .btn{width:100%;text-align:center}.grid,.grid-2{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr;min-width:260px}.login-shell{grid-template-columns:1fr}.login-brand{padding:28px}.login-brand h1{font-size:26px}.login-panel{padding:28px}.kv{grid-template-columns:1fr}}
@media(max-width:520px){.stats,.tiles,.gallery{grid-template-columns:1fr}.stat{padding:16px}.tile{min-height:120px}.timeline-item{grid-template-columns:1fr;gap:5px}.topbar-title strong{font-size:15px}}