:root{--bg:#071c1b;--panel:#0d2927;--panel2:#123330;--accent:#2dd4bf;--text:#f4fffd;--muted:#9fc3be;--line:#214b47;--danger:#fb7185;--warn:#fbbf24}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;background:#eef6f5;color:#17302d}button,input,select,textarea{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#164e49,#061b19)}.login-card{width:min(92vw,400px);background:#fff;padding:28px;border-radius:22px;box-shadow:0 24px 70px #0006}.brand{display:flex;align-items:center;gap:12px}.logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0f766e);display:grid;place-items:center;color:#fff;font-weight:900}.muted{color:#64817d}.field{display:grid;gap:7px;margin:14px 0}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #c9dcda;border-radius:12px;background:#fff}.btn{border:0;border-radius:12px;padding:11px 15px;background:#0f766e;color:#fff;font-weight:700;cursor:pointer}.btn.secondary{background:#e2efed;color:#16433e}.btn.danger{background:#be123c}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:var(--bg);color:var(--text);padding:20px 14px;position:sticky;top:0;height:100vh}.side .brand{padding:4px 8px 20px}.nav button{width:100%;text-align:left;background:none;border:0;color:#b9d5d2;padding:11px 12px;border-radius:10px;cursor:pointer;margin:2px 0}.nav button.active,.nav button:hover{background:#123b37;color:#fff}.main{padding:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid #dce9e7;border-radius:17px;padding:17px;box-shadow:0 5px 20px #17443d0d}.kpi strong{display:block;font-size:28px;margin-top:8px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.toolbar input,.toolbar select{padding:10px 12px;border:1px solid #c9dcda;border-radius:11px;background:#fff}.tablewrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid #dce9e7}table{border-collapse:collapse;width:100%;min-width:780px}th,td{padding:12px 13px;border-bottom:1px solid #edf3f2;text-align:left;font-size:14px}th{color:#5d7773;background:#f8fbfb}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#dff7f3;color:#0b6b60;font-size:12px;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal{position:fixed;inset:0;background:#001c1a99;display:grid;place-items:center;padding:20px;z-index:20}.modal.hidden,.hidden{display:none!important}.modalbox{background:#fff;width:min(760px,96vw);max-height:90vh;overflow:auto;padding:20px;border-radius:18px}.service-row{display:grid;grid-template-columns:1fr 100px 120px;gap:10px;align-items:end;border-bottom:1px solid #edf3f2;padding:10px 0}.public{min-height:100vh;background:linear-gradient(#071c1b 0 280px,#eef6f5 280px);padding:28px}.public .hero{max-width:980px;margin:auto;color:#fff;padding:30px 0}.public .content{max-width:980px;margin:auto}.servicecards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.servicecard{background:#fff;padding:15px;border-radius:15px;border:1px solid #dce9e7}.notice{padding:12px;border-radius:12px;background:#e8faf7;color:#146c63}.right{text-align:right}@media(max-width:900px){.app{grid-template-columns:1fr}.side{height:auto;position:static}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;width:auto}.cards{grid-template-columns:1fr 1fr}.main{padding:15px}.grid2,.servicecards{grid-template-columns:1fr}.public{padding:15px}.service-row{grid-template-columns:1fr 90px 100px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}
.plan{padding:14px 0;border-bottom:1px solid #e5efed}.plan:last-child{border-bottom:0}.saas-pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#dff7f3;color:#0b6b60;font-weight:700;font-size:12px}a{color:#0f766e}