@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#142c49;--blue:#244e9e;--red:#ed1c24;--ink:#182943;--muted:#697b90;--line:#e4eaf3}*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7eafff;outline-offset:2px}.wrap{max-width:640px;margin:auto;padding-bottom:110px;min-height:100dvh}.pad{padding:20px 16px 24px}header{background:white;padding:18px 20px 17px;border-radius:0 0 22px 22px;box-shadow:0 5px 24px #18385a10;border-bottom:3px solid var(--red)}.brand-logo{display:block;width:min(100%,290px);height:auto;object-fit:contain}.brand-subtitle{margin-top:7px;font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--navy)}.brand-subtitle span{font-weight:500;color:var(--muted)}.login-header{padding:28px 20px 23px}.login-header .brand-logo{width:min(100%,380px);margin:auto}.login-header .brand-subtitle{text-align:center;font-size:16px;margin-top:16px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row h2,.row h3{margin:0}.card{background:#fff;border:1px solid #edf1f6;border-radius:19px;padding:18px;margin-bottom:14px;box-shadow:0 6px 22px #18385a0b}.muted{color:var(--muted);font-size:13px;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{font-size:34px;font-weight:800;line-height:1.2;margin:5px 0}.metric{min-height:137px;margin:0}.metric-icon{font-size:22px}.eyebrow{color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.13em;margin-bottom:7px}.btn{border:0;background:var(--blue);color:#fff;border-radius:13px;padding:13px 17px;font-weight:800;min-height:46px;box-shadow:0 4px 12px #244e9e20}.btn.secondary{background:#eaf0f9;color:var(--navy);box-shadow:none}.btn.danger{background:#fff0f1;color:#ba2530;box-shadow:none}.btn:disabled{opacity:.55}input,textarea,select{width:100%;min-height:48px;padding:12px 13px;border:1px solid #d7e0eb;border-radius:12px;background:#fff;margin:6px 0 16px;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--blue)}label{font-size:13px;font-weight:800}textarea{min-height:92px;resize:vertical}.save-btn{width:100%;margin-top:6px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff;border-top:1px solid var(--line);padding:7px 4px max(9px,env(safe-area-inset-bottom));z-index:10;box-shadow:0 -5px 20px #142c4910}nav button{border:0;background:transparent;color:#6b7d93;padding:10px 2px;font-size:11px;min-height:49px;flex:1;max-width:128px;border-radius:11px}nav button.active{color:var(--blue);background:#eaf1ff;font-weight:800}.item{border-bottom:1px solid var(--line);padding:16px 0}.item:last-child{border:0}.item h3{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.actions button{font-size:12px;padding:9px 11px;min-height:42px}.notice{background:#fff4d5;padding:13px;border-radius:12px;font-size:13px;margin-bottom:14px}h1{font-size:25px}h2{font-size:21px;margin:5px 0 14px}h3{font-size:16px}.badge{flex-shrink:0;border-radius:30px;padding:6px 9px;background:#eef1f7;color:#43536a;font-size:11px;font-weight:800}.badge-done{background:#e4f7ec;color:#177748}.badge-progress{background:#e7efff;color:#2456a2}.badge-pending{background:#fff2df;color:#95621d}#toast{position:fixed;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),550px);background:var(--navy);color:#fff;padding:14px;border-radius:14px;text-align:center;display:none;z-index:20;box-shadow:0 10px 30px #0003;font-size:13px}#login .btn{width:100%;margin-top:4px}a{color:var(--blue)}@media(max-width:360px){.pad{padding:14px 11px}.card{padding:14px}.actions button{font-size:11px}.brand-logo{width:220px}nav button{font-size:10px}}@media(min-width:700px){.wrap{max-width:680px}.pad{padding:28px}header{padding:24px 28px}}@media print{header,nav,.noprint,.actions{display:none!important}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}.wrap{max-width:100%;padding:0}}


/* IMECOTRON Dark V3: high-contrast mobile-first interface */
:root{color-scheme:dark;--navy:#0b1524;--blue:#5b8df5;--red:#f04452;--ink:#eef3fb;--muted:#a5b5ca;--line:#29394d;--surface:#162335;--surface-raised:#1b2b40}
html{background:#0b111d}body{background:radial-gradient(ellipse at top,#15283d 0,#0b111d 48%,#090e17 100%);color:var(--ink)}
header{background:linear-gradient(145deg,#17273a,#101a2a);border-bottom:2px solid #e83c4c;box-shadow:0 10px 28px #0004}
.brand-logo{background:#f5f7fd;border-radius:13px;padding:9px 12px;width:min(100%,285px);box-shadow:0 2px 12px #0002}
.login-header .brand-logo{width:min(100%,370px);padding:16px}
.brand-subtitle{color:#f4f7ff}.brand-subtitle span{color:#aabbd1}
.card{background:linear-gradient(155deg,#1b2b40,#142133);border:1px solid #30435b;box-shadow:0 10px 28px #0003}
.metric{position:relative;overflow:hidden;border-top:2px solid #527ed4}.metric .stat{color:#fff}.metric-icon{filter:saturate(.85)}
.eyebrow{color:#9bbaff}.muted{color:#a5b5ca}.btn{background:linear-gradient(135deg,#3263c4,#25509f);box-shadow:0 5px 14px #0003;color:#fff}
.btn.secondary{background:#273c57;color:#edf3ff}.btn.danger{background:#4b2633;color:#ffd4dc}
input,textarea,select{background:#0e1b2c;border:1px solid #3c4e65;color:#f5f8ff;accent-color:#6295ff}
input::placeholder,textarea::placeholder{color:#869bb4}input:focus,textarea:focus,select:focus{border-color:#83adff;box-shadow:0 0 0 2px #527ac344}
input[type=date]{color-scheme:dark}option{background:#122035;color:#fff}
nav{background:#101c2b;border-top:1px solid #34465e;box-shadow:0 -8px 28px #0005}nav button{color:#b0c0d4}nav button.active{color:#d8e6ff;background:#24416a}
.item{border-bottom-color:#34465e}.badge{background:#304057;color:#e2ebf8}.badge-done{background:#163d35;color:#a7f0c8}.badge-progress{background:#203e68;color:#bdd7ff}.badge-pending{background:#4a3925;color:#ffe0a0}
.notice{background:#46361c;color:#ffe6b2}#toast{background:#243b59;border:1px solid #5c7595;color:#fff;box-shadow:0 10px 40px #0008}a{color:#a3c4ff}
button{transition:background .16s,transform .16s}button:active{transform:scale(.98)}
@media(min-width:700px){.wrap{max-width:760px}.grid{gap:16px}}
@media print{body{background:#fff;color:#111}.card{background:#fff;color:#111}.muted{color:#555}.badge{color:#333}}

/* Pro V4: responsive workspace and accessibility */
.toolbar{display:grid;gap:10px;margin:16px 0}.toolbar input,.toolbar select{min-height:44px}.toolbar-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.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}
:focus-visible{outline:3px solid #83b7ff!important;outline-offset:2px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.item{overflow-wrap:anywhere}.item .actions{flex-wrap:wrap}
@media(max-width:580px){.toolbar-selects{grid-template-columns:1fr 1fr}.toolbar-selects select:last-child{grid-column:1/-1}.item .actions .btn{flex:1 1 auto}}
@media(min-width:980px){.wrap{max-width:1120px;margin:auto}.pad{padding-bottom:100px}.toolbar{grid-template-columns:1fr 2fr;align-items:center}.toolbar-selects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}