:root{color:#0b3d2e;background:#f7f4ef;font-family:Segoe UI,system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.brand{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#3d4a44}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,rgba(11,61,46,.14),transparent 42%),linear-gradient(180deg,#eef3ef,#f7f4ef 55%)}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #d7ddd8;border-radius:16px;padding:28px;display:grid;gap:12px}.auth-card h1,.app h1,.content h2,.card-form h3,.chart h3{margin:0}.app{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 28px 8px}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.org-switch{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#3d4a44}.org-switch select{min-width:180px;padding:8px 10px;border-radius:8px;border:1px solid #c9d0cb;background:#fff;color:#0b3d2e}.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:8px 28px 16px;border-bottom:1px solid #d7ddd8}.tab{border:1px solid #c9d0cb;background:#fff;color:#0b3d2e;border-radius:999px;padding:8px 14px;cursor:pointer}.tab.active{background:#0b3d2e;border-color:#0b3d2e;color:#f7f4ef}.content{padding:24px 28px 40px}.stack{display:grid;gap:18px}.card-form{display:grid;gap:12px;background:#fff;border:1px solid #d7ddd8;border-radius:14px;padding:18px}label{display:grid;gap:6px;font-size:.92rem;color:#3d4a44}input,select,textarea{border:1px solid #c9d0cb;border-radius:10px;padding:10px 12px;background:#fff;color:#0b3d2e}textarea{resize:vertical;min-height:72px}button{border:0;border-radius:10px;padding:10px 14px;background:#0b3d2e;color:#f7f4ef;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}button.ghost{background:transparent;color:#0b3d2e;border:1px solid #c9d0cb}.row{display:flex;flex-wrap:wrap;gap:12px}.row>label{flex:1 1 180px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{background:#fff;border:1px solid #d7ddd8;border-radius:12px;padding:14px;display:grid;gap:4px}button.stat.clickable{width:100%;text-align:left;background:#fff;color:#0b3d2e;border:1px solid #d7ddd8;cursor:pointer}button.stat.clickable:hover{border-color:#0b3d2e;box-shadow:0 0 0 2px #0b3d2e1f}button.stat.clickable.active{background:#0b3d2e;color:#f7f4ef;border-color:#0b3d2e}button.stat.clickable.active .stat-label,button.stat.clickable.active .stat-hint{color:#d5e4dc}.stat-hint{font-size:.75rem;color:#3d4a44}.tile-detail{gap:16px}.operator-group{display:grid;gap:8px;padding-top:8px;border-top:1px solid #e7ece8}.operator-group:first-of-type{border-top:0;padding-top:0}.operator-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.stat-label{color:#3d4a44;font-size:.85rem}.chart{background:#fff;border:1px solid #d7ddd8;border-radius:14px;padding:16px;display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center}.bar-label,.bar-value{font-size:.85rem;color:#3d4a44}.bar-track{height:10px;background:#e7ece8;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:#0b3d2e}.bar-row.share{grid-template-columns:minmax(120px,200px) 1fr 70px}.bar-row.share .bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #d7ddd8;border-radius:14px;padding:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #e7ece8;font-size:.92rem}th{color:#3d4a44;font-weight:600}tr.selected,tbody tr:hover{background:#eef5f1;cursor:pointer}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.78rem;background:#e7ece8}.pill.verified{background:#d7f0e1}.pill.suspended{background:#f7d7d7}.pill.pending{background:#f3e7c9}.muted{color:#3d4a44;margin:0}.error{color:#8b1e1e;margin:0}.ok{color:#0b3d2e;margin:0}.recovery-codes{display:grid;gap:8px;margin:0;padding-left:1.2rem}.recovery-codes code{font-size:1rem;letter-spacing:.04em}@media(max-width:900px){.split{grid-template-columns:1fr}.top,.tabs,.content{padding-left:16px;padding-right:16px}.bar-row{grid-template-columns:1fr}}
