:root{--navy:#002131;--green:#53AE48;--bg:#f4f6f7;--card:#fff;--text:#14222b;--muted:#687781;--line:#dce3e7;--danger:#a93226}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}body{padding-bottom:74px}.topbar{position:sticky;top:0;background:var(--navy);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;z-index:20}.topbar h1{margin:0;font-size:20px}.topbar p{margin:3px 0 0;color:#c7d3d9;font-size:13px}.badge{font-size:12px;padding:6px 9px;border-radius:999px;background:#475861}.badge.online{background:var(--green)}.badge.offline{background:#805500}.container{max-width:980px;margin:auto;padding:18px}.hero{background:linear-gradient(135deg,var(--navy),#0d3d53);color:#fff;padding:20px;border-radius:16px;margin-bottom:18px}.hero h2{margin:0 0 6px}.hero p{margin:0;color:#d7e2e7}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.card,.form-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}.card h3,.form-card h3{margin-top:0}.card p{color:var(--muted);font-size:14px}button{border:0;border-radius:10px;padding:12px 14px;font-weight:700;cursor:pointer;background:var(--navy);color:#fff;font-size:15px}.secondary{background:#e8eef1;color:var(--navy)}.green{background:var(--green)}.danger{background:var(--danger)}label{display:block;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #bac7ce;border-radius:9px;background:#fff;font-size:16px}textarea{min-height:110px}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.row3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.required:after{content:" *";color:var(--danger)}.small{font-size:12px;color:var(--muted)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);z-index:30}.nav-btn{border-radius:0;background:#fff;color:var(--navy);padding:14px 8px}.nav-btn.active{box-shadow:inset 0 3px 0 var(--green)}.notice{padding:12px 14px;border-radius:10px;background:#eef5ef;border:1px solid #cce3ce;margin-bottom:14px}.notice.amber{background:#fff6df;border-color:#efd99a}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#e9eef1;font-size:12px}.outbox-item{display:flex;justify-content:space-between;gap:12px}.module-tag{display:inline-block;margin-bottom:8px;color:var(--green);font-size:12px;font-weight:800;text-transform:uppercase}@media(max-width:680px){.row,.row3{grid-template-columns:1fr}.container{padding:12px}}