:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172f3b;background:#f3f6f8;font-synthesis:none;line-height:1.5;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:1px solid #087c78;background:#087c78;color:white;padding:.7rem 1.1rem;border-radius:8px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:white;color:#294651;border-color:#d9e2e6}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6acdc4;outline-offset:2px}h1,h2,p{margin:0 0 1rem}h1{font-size:2rem;line-height:1.2;letter-spacing:-.04em}h2{font-size:1.2rem;line-height:1.3}p,small,.help{color:#627684}small{display:block;font-size:.8rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:700;color:#4a928f;margin-bottom:.6rem}.brand{font-size:1.5rem;font-weight:800;letter-spacing:.06em;color:white}.brand span{font-weight:400;font-size:.7rem;letter-spacing:.2em;display:block;color:#93cec8}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.brand-panel{background:linear-gradient(145deg,#102f3d,#064d54);padding:3.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:4rem;color:white}.brand-panel h1{font-size:clamp(2rem,3.3vw,3.4rem);max-width:650px}.brand-panel p{color:#c5dada;max-width:440px;font-size:1.1rem}.brand-panel small{color:#a2c0c2}.login-panel{display:grid;place-items:center;padding:3rem}.login-copy{width:100%;max-width:370px}.login-copy h2{font-size:2rem}.login-copy form{margin:2rem 0 1.5rem}.login-copy button{width:100%}.field{display:grid;gap:.4rem;margin-bottom:1rem;font-size:.87rem;font-weight:600}.field input,.field select{width:100%;padding:.75rem;border-radius:7px;border:1px solid #c9d6dd;background:white;color:#172f3b;min-width:0}.field small{font-weight:400}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100dvh}.sidebar{background:#102f3d;padding:2rem 1.25rem;display:flex;flex-direction:column;color:white;gap:1.2rem}.sidebar .brand{padding:0 .6rem}.sidebar-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#8ba9b5;margin-top:2rem}.area-picker{color:#c4d8df;font-size:.78rem}.area-picker select{padding:.6rem;background:#1c4352;color:white;border-color:#35606d}.sidebar nav{display:grid;gap:.45rem}.sidebar nav button{background:transparent;border:0;color:#bfd2d9;text-align:left;font-weight:500}.sidebar nav button.active{background:#20505c;color:white}.sidebar-footer{margin-top:auto;color:#87a6b3;font-size:.75rem}.main-content{min-width:0}.topbar{background:white;border-bottom:1px solid #e0e7eb;padding:1.4rem 2.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar .eyebrow{display:block;margin:0}.topbar strong{font-size:.95rem}.account{display:flex;align-items:center;gap:1rem}.account small{font-size:.7rem}.page-content{padding:2.5rem;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.7rem}.page-heading p{margin:0}.page-heading button{flex-shrink:0}.panel{background:white;border:1px solid #e0e7eb;border-radius:12px;padding:1.6rem;box-shadow:0 3px 12px #17374404}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.2rem}.area-card{display:flex;flex-direction:column;align-items:flex-start}.area-card h2{margin-top:1rem}.area-card .actions{margin-top:auto;flex-wrap:wrap}.badge{display:inline-block;border-radius:99px;background:#e4f3ed;color:#1d7255;padding:.2rem .7rem;font-size:.73rem;font-weight:700}.badge.muted{background:#edf0f3;color:#6d7c87}.actions{display:flex;align-items:center;gap:.5rem}.actions button{font-size:.8rem;padding:.5rem .75rem}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:.88rem}th{background:#f9fbfc;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#667e8b}td,th{padding:1rem 1.2rem;border-bottom:1px solid #edf1f4;vertical-align:middle}tr:last-child td{border-bottom:0}.note{padding:1rem 1.1rem;margin-top:1.2rem;background:#e9f0f4;color:#4f6876;border-radius:8px;font-size:.85rem}.narrow{max-width:520px}.empty{padding:3rem}.help{font-size:.82rem}.check{display:flex;align-items:flex-start;gap:.6rem;font-size:.85rem;margin:.6rem 0}.check input{margin-top:.3rem;accent-color:#087c78}.checks{display:flex;gap:1.5rem;flex-wrap:wrap}.permission-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dbe5e9;border-radius:8px;padding:1rem;gap:.2rem 1.2rem}.permission-grid legend{font-size:.8rem;color:#607582;padding:0 .5rem}.permission-summary{padding-left:1.2rem;columns:2;line-height:2}dialog{border:1px solid #d9e2e7;border-radius:14px;max-width:740px;width:calc(100% - 2rem);max-height:90dvh;padding:1.6rem;color:#172f3b}dialog::backdrop{background:#0a2635a6}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.dialog-heading h2{margin:.5rem 0}.dialog-actions{display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid #e4ebef;padding-top:1.1rem;margin-top:1.5rem}#notice{position:fixed;z-index:10;top:1rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 2rem);padding:1rem 1.5rem;background:#fff3d4;border:1px solid #e7cd84;border-radius:10px;box-shadow:0 8px 30px #0002;color:#604c1c}.loading{padding:3rem}@media(max-width:900px){.workspace{grid-template-columns:210px minmax(0,1fr)}.page-content{padding:1.5rem}.topbar{padding:1rem 1.5rem}.brand-panel{padding:2rem}.page-heading{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.login-layout{grid-template-columns:1fr}.brand-panel{min-height:220px;gap:2rem}.brand-panel h1{font-size:1.8rem}.brand-panel p,.brand-panel small{display:none}.login-panel{padding:2rem 1.5rem}.workspace{display:block}.sidebar{padding:1.1rem;gap:.75rem}.sidebar .brand{font-size:1.1rem}.sidebar-label,.sidebar-footer{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{font-size:.75rem;white-space:nowrap;padding:.6rem}.area-picker{margin:0}.topbar{padding:1rem;align-items:flex-start}.account{gap:.5rem}.account strong{font-size:.8rem}.page-content{padding:1.2rem}.permission-grid{grid-template-columns:1fr}.permission-summary{columns:1}.page-heading h1{font-size:1.7rem}td,th{padding:.8rem}.actions{flex-wrap:wrap}}