:root{--navy:#091e3b;--navy-light:#14345a;--green:#269d57;--mint:#eaf7ee;--ink:#192a40;--muted:#7c8ca1;--line:#e8edf2;--bg:#f6f8fa;--surface:#fff}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a6e6bb;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}#app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);padding:28px 16px;color:#adbed0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:block;width:185px;max-width:100%;background:#fff;border-radius:12px;padding:12px;object-fit:contain}.side-caption{font-size:11px;letter-spacing:.1px;padding:4px 4px 24px;color:#a9bdd2}.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:transparent;color:#bbcada;border:0;text-align:left;padding:13px 14px;font-weight:650;border-radius:12px}.sidebar nav button.active,.sidebar nav button:hover{background:#173b65;color:white}.side-bottom{margin-top:auto;padding:18px 10px;border-top:1px solid #244465;font-size:10px;letter-spacing:.7px;line-height:1.7}.side-bottom span{display:block;overflow-wrap:anywhere;margin:8px 0}.sidebar .outline{background:none;border:1px solid #5d7290;color:white;border-radius:10px;padding:8px 14px}.top{height:90px;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:16px;position:sticky;top:0;z-index:3}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;font-size:10px;font-weight:800;color:var(--muted)}.top h1{font-size:23px;font-weight:750;letter-spacing:-.7px;margin:3px 0}.header-actions{display:flex;gap:9px;align-items:center}.header-actions select{min-width:110px;border:1px solid var(--line);background:#f6f8fa;border-radius:11px;padding:11px;max-width:250px}.signout-mobile{display:none}.main-content{max-width:1370px;margin:auto;padding:32px 37px 80px}.intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.intro h2{font-size:30px;letter-spacing:-1.2px;line-height:1.18;margin:0 0 7px;color:var(--navy)}.intro p{color:var(--muted);font-size:13px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:20px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:23px;box-shadow:0 12px 40px #11243a08}.stat .label{font-size:12px;color:var(--muted);font-weight:650}.stat .number{font-size:32px;letter-spacing:-1px;font-weight:800;margin:8px 0 4px}.stat .hint{font-size:11px;color:var(--muted)}.cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:20px;align-items:start}.stack{display:grid;gap:20px}.panel h3{font-size:17px;letter-spacing:-.35px;margin:0 0 5px}.panel p.sub{color:var(--muted);font-size:12px;margin:0 0 15px}.row{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:center}.row:first-child{border-top:0}.row strong{font-size:13px}.sub{font-size:11px;color:var(--muted);line-height:1.5}.badge{display:inline-block;padding:6px 10px;background:var(--mint);color:#238347;border-radius:99px;font-size:11px;font-weight:750}.badge.orange{background:#fff3e2;color:#966721}.badge.gray{background:#eef2f6;color:#62758c}.badge.red{background:#ffeded;color:#ba4242}.primary,.secondary,.green,.outline{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:13px;padding:12px 18px;font-weight:750;border:1px solid var(--line);min-height:46px}.primary{background:var(--navy);color:white;border-color:var(--navy)}.green{background:var(--green);color:white;border-color:var(--green)}.secondary{background:white;color:var(--navy)}.outline{background:transparent}.wide{width:100%}.smallbtn{font-size:11px;padding:9px 12px;min-height:34px}.buttonrow{display:flex;gap:9px;flex-wrap:wrap}.field{display:grid;gap:6px;margin-bottom:13px}.field label,.formgrid label{color:#4b6079;font-weight:700;font-size:12px}.field input,.field select,.field textarea,.formgrid input,.formgrid select,.formgrid textarea{width:100%;padding:12px;border:1px solid #dce6ee;border-radius:12px;outline:none;background:white;color:var(--ink)}.field textarea{min-height:90px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.formgrid label{display:grid;gap:7px}.notice{border-radius:13px;background:var(--mint);padding:13px 14px;font-size:12px;color:#307647}.notice.warning{background:#fff7e8;color:#916b2d}.empty{text-align:center;color:var(--muted);padding:22px;border:1px dashed var(--line);border-radius:13px}.cleaner{max-width:660px;margin:auto}.cleaner-banner{background:var(--navy);color:white;border-radius:23px;padding:27px;margin-bottom:19px}.cleaner-banner h2{font-size:26px;margin:10px 0 5px;letter-spacing:-.8px}.cleaner-banner p{margin:0;color:#bdd1e6;font-size:12px}.cleaner .panel{margin-bottom:15px}.task{display:flex;align-items:center;gap:13px;background:#f8fafc;border-radius:13px;padding:16px 13px;margin:10px 0;font-weight:630}.task input{width:23px;height:23px;accent-color:var(--green)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.photo{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fafbfd}.photo img{display:block;width:100%;height:146px;object-fit:cover}.photo .caption{padding:10px;font-size:11px}.photo small{color:var(--muted)}.progress{height:7px;background:#e8edf1;border-radius:99px;overflow:hidden;margin:15px 0}.progress div{height:100%;background:var(--green)}.bottom-nav{display:none}.center-screen{min-height:100vh;background:linear-gradient(145deg,#091d38,#153963);display:grid;place-items:center;padding:25px}.auth-card{width:100%;max-width:425px;background:white;border-radius:24px;padding:35px;box-shadow:0 24px 100px #0002}.auth-card img{display:block;width:190px;max-height:110px;object-fit:contain;margin-bottom:22px}.auth-card h1{font-size:30px;letter-spacing:-1px;margin:6px 0}.auth-card p{color:var(--muted);font-size:13px}.auth-card form label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-top:14px}.auth-card input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px}.auth-card form button{margin-top:22px}.link{background:transparent;border:0;color:var(--navy);margin-top:15px;font-size:12px;font-weight:700}.small-note{color:var(--muted);font-size:11px;margin-top:16px}.error{color:#b04444!important}.message{border:1px solid #cce8d5;background:#eff9f2;color:#207c42;padding:12px 16px;margin-bottom:20px;border-radius:12px}.message.error{background:#fff0f0;border-color:#f9d7d7;color:#b43c3c}.count{color:var(--muted);font-size:11px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table td,.table th{border-bottom:1px solid var(--line);text-align:left;padding:14px 8px;font-size:12px}.table th{font-size:10px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase}.restricted{font-size:11px;color:var(--muted)}
@media(max-width:1000px){.cols{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#app{display:block;padding-bottom:calc(75px + env(safe-area-inset-bottom))}.sidebar{display:none}.top{position:sticky;top:0;padding:12px 16px;height:auto;min-height:76px;gap:8px}.top h1{font-size:19px}.header-actions{gap:5px}.header-actions select{padding:9px 5px;font-size:11px;max-width:110px;min-width:0}.main-content{padding:20px 16px 35px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat .number{font-size:25px}.intro h2{font-size:25px}.intro{align-items:flex-start}.panel{padding:19px}.photo-grid{grid-template-columns:repeat(2,1fr)}.formgrid{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:stretch;background:#fffefa;border-top:1px solid var(--line);height:calc(69px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:8}.bottom-nav button{border:0;background:transparent;flex:1;color:#758499;font-size:11px;font-weight:700}.bottom-nav button.active{color:var(--navy);background:#f1f5f9}.cleaner-banner{padding:22px}.auth-card{padding:25px}.signout-mobile{display:inline-flex;white-space:nowrap;font-size:10px;border:0;background:transparent;color:#697b8f}.header-actions{flex-wrap:wrap;justify-content:flex-end}.photo img{height:115px}}
[hidden]{display:none!important}
