:root{--ink:#16241f;--muted:#6e7e77;--forest:#173f35;--green:#176d57;--mint:#dff4eb;--cream:#f5f6f1;--line:#dce3df;--white:#fff;--danger:#9d2f35;--shadow:0 12px 30px rgba(25,54,45,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,.primary{border:0;border-radius:12px;padding:.8rem 1.1rem;min-height:46px;cursor:pointer}.primary{background:var(--forest);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.muted{color:var(--muted)}.eyebrow{font-size:.7rem;letter-spacing:.15em;font-weight:800;color:var(--green);margin:0 0 .45rem}.topbar{height:68px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;position:fixed;inset:0 0 auto;z-index:4}.topbar>div{text-align:right;display:grid;font-size:.78rem}.brand{display:flex;align-items:center;gap:.65rem;font-weight:800}.brand span,.login-logo{display:grid;place-items:center;background:var(--forest);color:white;border-radius:12px;width:40px;height:40px}.sidebar{display:none}.content{padding:92px 1rem 92px;max-width:1450px;margin:auto}.page-heading{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.4rem}.page-heading h1{font-size:1.8rem;margin:0}.page-heading p{margin-top:.35rem}.status,.badge{font-size:.75rem;background:var(--mint);color:var(--green);padding:.45rem .7rem;border-radius:99px;font-style:normal;align-self:flex-start}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.metric{background:white;border:1px solid var(--line);border-radius:16px;padding:1rem;display:grid;gap:.4rem;box-shadow:var(--shadow);min-width:0}.metric.accent{background:var(--forest);color:white}.metric span,.metric small{font-size:.75rem;color:var(--muted)}.metric.accent span,.metric.accent small{color:#cde3da}.metric strong{font-size:1.35rem;overflow-wrap:anywhere}.panel{background:white;border:1px solid var(--line);border-radius:18px;margin-top:1rem;overflow:hidden;box-shadow:var(--shadow)}.panel-head{padding:1rem;border-bottom:1px solid var(--line)}.panel h2{margin:0}.quick-grid{display:grid;padding:1rem;gap:.7rem}.quick-grid a{border:1px solid var(--line);border-radius:14px;padding:1rem;display:grid;grid-template-columns:38px 1fr;gap:.15rem .7rem}.quick-grid b{grid-row:1/3;font-size:1.4rem}.quick-grid small{color:var(--muted)}.filters{display:grid;gap:.6rem;margin-bottom:1rem}.filters input,.filters select,.stack input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:.75rem;background:white}.responsive-list{padding:.7rem}.table-row{display:grid;gap:.65rem;border:1px solid var(--line);border-radius:13px;padding:.9rem;margin-bottom:.65rem}.table-row>span{display:flex;justify-content:space-between;gap:1rem}.table-row>span:before{content:attr(data-label);color:var(--muted);font-size:.75rem}.table-row>span:first-child{display:grid;justify-content:initial}.table-row small{display:block;color:var(--muted)}.table-header{display:none}.bottom-nav{position:fixed;z-index:5;inset:auto 0 0;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:.35rem max(.25rem,env(safe-area-inset-right)) calc(.35rem + env(safe-area-inset-bottom))}.bottom-nav a{display:grid;place-items:center;gap:.15rem;font-size:1.1rem;min-height:54px}.bottom-nav span{font-size:.65rem}.bottom-nav [aria-disabled=true]{opacity:.4}.auth-content{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top right,#d5eee3,transparent 40%),var(--cream)}.login-card{width:min(100%,420px);padding:2rem;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.login-card h1{margin:.3rem 0}.login-logo{width:52px;height:52px;margin-bottom:1.5rem}.stack{display:grid;gap:1rem;margin:1.5rem 0}.stack label{font-size:.82rem;font-weight:700}.stack input{margin-top:.4rem}.alert{padding:1rem;border-radius:12px;margin-bottom:1rem}.alert.error{background:#fae5e5;color:var(--danger)}.alert.success{background:var(--mint);color:var(--green)}.empty{text-align:center;padding:4rem 1rem}.empty>strong{font-size:5rem;color:var(--green)}#offline{position:fixed;z-index:10;bottom:80px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:.7rem 1rem;border-radius:10px}
@media(min-width:768px){.page-heading{flex-direction:row;align-items:center;justify-content:space-between}.metric-grid{grid-template-columns:repeat(4,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:2fr 1fr auto}.table-row{grid-template-columns:2fr 1fr 1fr 1fr;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;align-items:center}.table-row>span{display:block}.table-row>span:before{display:none}.table-header{display:grid;background:#f7f9f7;font-size:.75rem;color:var(--muted);font-weight:700}}
@media(min-width:1024px){.topbar{left:240px;padding:0 2rem}.topbar .brand{display:none}.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:240px;background:var(--forest);color:white;padding:1.5rem;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:.5rem;margin-top:4rem}.sidebar a,.sidebar button{display:flex;gap:.8rem;padding:.85rem;border-radius:10px;color:white;background:transparent}.sidebar a:hover{background:#285849}.content{margin-left:240px;padding:100px 2rem 2rem}.bottom-nav{display:none}.metric strong{font-size:1.7rem}}
.form-panel{padding:1rem}.form-grid{display:grid;gap:1rem}.form-grid label{font-size:.82rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.permission-list select{display:block;width:100%;margin-top:.4rem;border:1px solid var(--line);border-radius:11px;padding:.75rem;background:white;min-height:46px}.form-actions,.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.7rem;margin-top:1rem}.actions{justify-content:flex-start;margin:0}.actions a,.actions button{font-size:.78rem;border:1px solid var(--line);padding:.45rem .65rem;border-radius:8px;background:white;min-height:auto}.permission-list{padding:1rem}.permission-list>label{display:grid;gap:.7rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.permission-list small{display:block;color:var(--muted)}@media(min-width:768px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.permission-list>label{grid-template-columns:1fr 220px;align-items:center}.users-row{grid-template-columns:2fr 1fr 1fr 2fr}}