:root{--ink:#183236;--muted:#718287;--line:#dfe9ea;--page:#f2f6f7;--white:#fff;--navy:#123e43;--navy2:#0d3034;--teal:#1f8f8b;--teal2:#176e6b;--soft:#e7f6f4;--green:#2d8a63;--greenSoft:#eaf7f0;--amber:#a96f16;--amberSoft:#fff5dc;--red:#b94141;--redSoft:#fff0f0;--shadow:0 14px 40px rgba(18,62,67,.09);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--page);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.eyebrow{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--teal2);margin-bottom:7px}.eyebrow.light{color:#85ded8}.btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;box-shadow:0 8px 18px rgba(31,143,139,.2)}.btn.ghost{background:#fff;border-color:var(--line);color:#355257}.btn.light{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.btn.full{width:100%;padding:12px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.setup-card{width:min(560px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);text-align:center}.setup-card .logo{margin:auto;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;display:grid;place-items:center;font-size:25px;font-weight:900}.setup-card h1{margin:18px 0 8px}.setup-card p{color:var(--muted)}.setup-note{margin:22px 0;padding:14px;background:#f5fbfa;border:1px solid #d6ebe8;border-radius:14px;font-size:12px}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr)}.login-brand{background:linear-gradient(140deg,#0d3034,#123e43 62%,#176e6b);padding:8vw;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:32px;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(255,255,255,.05);right:-240px;top:-180px}.brand-orb{width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#3ec0b8,#1e8f8b);display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.18)}.login-brand h1{font-size:46px;line-height:1.03;max-width:600px;margin:0}.login-brand p{color:#c8dddf;font-size:15px;line-height:1.7;max-width:600px}.login-points{display:grid;gap:13px;color:#e9f3f3;font-size:13px}.login-points span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border-radius:50%;background:rgba(255,255,255,.1);color:#7fe0d9}.login-panel{display:grid;place-items:center;padding:40px;background:#f5f8f8}.login-card{width:min(440px,100%);padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.login-card h2{font-size:28px;margin:0 0 8px}.login-card p{color:var(--muted);font-size:13px;margin:0 0 23px}.login-card label{display:grid;gap:7px;font-size:10px;font-weight:900;text-transform:uppercase;color:#687e82;margin-bottom:14px}.login-card input,.formgrid input,.formgrid select,.formgrid textarea,.toolbar input,.toolbar select{width:100%;border:1px solid #d8e4e5;border-radius:11px;padding:11px;background:#fff;color:#1c393d;outline:none;font-size:12px}.login-card input:focus,.formgrid input:focus,.formgrid select:focus,.formgrid textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#79bcb8;box-shadow:0 0 0 4px rgba(31,143,139,.08)}.login-card small{display:block;text-align:center;color:#9aa8aa;margin-top:16px;font-size:10px}.form-error{margin:12px 0;padding:10px;border-radius:9px;background:var(--redSoft);color:var(--red);font-size:11px}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy2),var(--navy));color:#fff;padding:22px 14px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.brandmark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#3ec0b8,#1e8f8b);display:grid;place-items:center;font-weight:900}.brand strong{font-size:13px;display:block}.brand small{display:block;color:#aecacc;font-size:10px;margin-top:3px}.nav{padding-top:16px;display:grid;gap:4px}.nav button{border:0;background:transparent;color:#bed0d2;border-radius:11px;padding:10px 11px;display:flex;align-items:center;gap:11px;font-size:12px;font-weight:700;cursor:pointer;text-align:left}.nav button span{width:27px;height:27px;border-radius:8px;background:rgba(255,255,255,.06);display:grid;place-items:center}.nav button:hover,.nav button.active{background:rgba(255,255,255,.1);color:#fff}.nav button.active span{background:#daf4f1;color:var(--teal2)}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:16px 8px 3px;display:grid;gap:12px}.user-mini{display:flex;gap:9px;align-items:center}.avatar{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;font-weight:900}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:11px}.user-mini small{font-size:9px;color:#a8c0c2;margin-top:2px}.logout{border:0;background:transparent;color:#b9ced0;font-size:10px;text-align:left;cursor:pointer;padding:0}.main{min-width:0;padding:28px 30px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.topbar h1{font-size:28px;letter-spacing:-.04em;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:6px 0 0}.top-actions{display:flex;gap:8px}.view{display:none}.view.active{display:block}.welcome-card{background:linear-gradient(125deg,var(--navy2),#17565b);color:#fff;border-radius:23px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:var(--shadow);margin-bottom:16px}.welcome-card h2{font-size:25px;margin:0}.welcome-card p{color:#c5d9da;margin:7px 0 0;font-size:12px}.welcome-actions{display:flex;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:0 4px 14px rgba(24,68,73,.04)}.metrics span{display:block;color:var(--muted);font-size:10px;font-weight:800}.metrics strong{display:block;font-size:23px;margin-top:7px;color:#1c3d41}.metrics small{display:block;color:#9aabad;font-size:9px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.panel,.workspace{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 4px 14px rgba(24,68,73,.04);overflow:hidden}.panel-head{padding:17px 18px 13px;border-bottom:1px solid #edf2f3;display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font-size:14px}.link{border:0;background:transparent;color:var(--teal2);font-size:10px;font-weight:800;cursor:pointer}.list{padding:8px 17px 15px}.list-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2f3}.list-item:last-child{border-bottom:0}.list-item strong{font-size:11px}.list-item small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;text-transform:uppercase;background:#eef3f3;color:#64777a}.badge.ok{background:var(--greenSoft);color:var(--green)}.badge.warn{background:var(--amberSoft);color:var(--amber)}.badge.danger{background:var(--redSoft);color:var(--red)}.toolbar{padding:14px 15px;border-bottom:1px solid #edf2f3;display:flex;gap:9px;align-items:center}.toolbar .search{min-width:300px;flex:1}.tablewrap{overflow:auto;padding:5px 11px 13px}table{width:100%;border-collapse:separate;border-spacing:0 6px}th{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#809095;text-align:left;padding:8px 10px;white-space:nowrap}td{font-size:11px;padding:11px 10px;background:#fbfdfd;border-top:1px solid #e7eeee;border-bottom:1px solid #e7eeee;white-space:nowrap}tbody tr td:first-child{border-left:1px solid #e7eeee;border-radius:10px 0 0 10px}tbody tr td:last-child{border-right:1px solid #e7eeee;border-radius:0 10px 10px 0}.row-actions{display:flex;justify-content:flex-end;gap:4px}.mini-btn{border:0;background:transparent;color:var(--teal2);font-size:9px;font-weight:800;cursor:pointer;padding:5px}.mini-btn.danger{color:var(--red)}.calendar{padding:13px;border-bottom:1px solid #edf2f3}.cal-head,.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-head div{text-align:center;font-size:8px;font-weight:900;text-transform:uppercase;color:#819296;padding:5px}.cal-day{min-height:92px;border:1px solid #e5eded;border-radius:10px;background:#fff;padding:7px}.cal-day.other{background:#f7f9f9;color:#aeb8ba}.cal-day.today{border-color:#5eaaa6;background:#f3fbfa}.cal-num{font-size:9px;font-weight:900;margin-bottom:5px}.cal-chip{display:block;font-size:7px;padding:4px 5px;margin:3px 0;border-radius:6px;background:var(--soft);color:#316b6d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reminder-grid{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reminder-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fbfdfd}.reminder-card.overdue{border-color:#efc8c4;background:#fff9f8}.reminder-card h3{font-size:12px;margin:8px 0}.reminder-card p{font-size:10px;line-height:1.45;color:var(--muted);min-height:30px}.reminder-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:9px;color:#809095}.report-workspace{padding-bottom:18px}.report-area{padding:20px}.report-title{margin-bottom:16px}.report-title h2{margin:0}.report-title p{margin:5px 0 0;color:var(--muted);font-size:11px}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.backdrop{position:absolute;inset:0;background:rgba(12,35,39,.58);backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:21px;box-shadow:0 28px 80px rgba(7,27,30,.24)}.modal-head{padding:19px 21px 15px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eaf0f1;background:#f9fcfc}.modal-head h2{margin:0;font-size:18px}.x{border:1px solid var(--line);background:#fff;width:33px;height:33px;border-radius:9px;cursor:pointer;font-size:19px;color:#607679}.formgrid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.span2{grid-column:span 2}.field label{font-size:9px;font-weight:900;text-transform:uppercase;color:#687e82}.field textarea{min-height:90px;resize:vertical}.modal-actions{padding:13px 20px;border-top:1px solid #eaf0f1;background:#fafcfc;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#123e43;color:#fff;border-radius:12px;padding:12px 15px;font-size:11px;box-shadow:var(--shadow)}.toast.error{background:#8c2e2e}.empty{padding:28px;text-align:center;color:var(--muted);font-size:11px}
@media(max-width:1100px){.app{grid-template-columns:76px 1fr}.sidebar{padding:16px 9px}.brand>div:last-child,.nav button{font-size:0}.brand{justify-content:center;padding:0 0 18px}.brandmark{flex:none}.nav button{justify-content:center;padding:8px}.nav button span{font-size:12px}.user-mini>div:not(.avatar),.logout{display:none}.user-mini{justify-content:center}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.reminder-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.app{display:block}.sidebar{position:fixed;z-index:60;left:0;right:0;bottom:0;top:auto;width:auto;height:68px;padding:7px 8px;background:#0d3034}.sidebar .brand,.sidebar-bottom{display:none}.nav{padding:0;display:flex;overflow-x:auto;gap:3px}.nav button{min-width:56px;display:grid;place-items:center}.nav button span{width:30px;height:30px}.main{padding:18px 12px 86px}.topbar{align-items:flex-start}.top-actions .btn.ghost{display:none}.topbar h1{font-size:23px}.welcome-card{display:block}.welcome-actions{margin-top:15px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metrics article{padding:13px}.metrics strong{font-size:19px}.toolbar{align-items:stretch;flex-direction:column}.toolbar .search{min-width:0}.reminder-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.span2{grid-column:span 1}.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:18px}.calendar{overflow:auto}.cal-head,.cal-grid{min-width:700px}}
@media print{body{background:#fff}.sidebar,.topbar,.toolbar,#toast{display:none!important}.app{display:block}.main{padding:0}.view{display:none!important}#view-reports{display:block!important}.workspace,.panel,.metrics article{box-shadow:none;border-color:#ddd}.report-area{padding:0}.report-area .dashboard-grid{grid-template-columns:1fr 1fr}.report-metrics{grid-template-columns:repeat(4,1fr)}}