:root{--page:#f6f8f4;--surface:#fff;--ink:#17201c;--muted:#647067;--line:#dfe5df;--line-strong:#c4cec5;--accent:#0f766e;--accent-strong:#115e59;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cairo,Segoe UI,Tahoma,Arial,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.auth-page,.admin-shell{background:linear-gradient(180deg, #0f766e14, #0f766e00 340px), var(--page);min-height:100vh}.auth-page{place-items:center;padding:32px 18px;display:grid}.auth-panel,.tenant-section,.dialog-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 18px 48px #17201c14}.auth-panel{width:min(100%,520px);padding:32px}.topbar{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;gap:18px;padding:18px clamp(18px,4vw,44px);display:flex}.content-grid{box-sizing:border-box;gap:20px;width:min(1440px,100%);margin:0 auto;padding:24px clamp(16px,4vw,44px) 44px;display:grid}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:10px;padding:18px;display:grid}.metric span{color:var(--muted);font-size:.88rem;font-weight:700}.metric strong{color:var(--ink);font-size:2rem;line-height:1}.metric-good{border-color:#0f766e47}.metric-warn{border-color:#b4530947}.metric-danger{border-color:#b91c1c47}.tenant-section{padding:22px}.panel-heading,.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-heading{align-items:center}.session-box{color:var(--muted);align-items:center;gap:12px;font-size:.94rem;font-weight:700;display:flex}.form-grid{gap:14px;display:grid}.form-grid.compact{gap:10px}label{color:var(--ink);gap:7px;font-size:.9rem;font-weight:800;display:grid}input,textarea{box-sizing:border-box;border:1px solid var(--line-strong);width:100%;color:var(--ink);font:inherit;letter-spacing:0;background:#fff;border-radius:8px;padding:11px 12px}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline-offset:2px;border-color:var(--accent);outline:3px solid #0f766e38}.checkbox-row{color:var(--muted);align-items:center;gap:9px;font-weight:700;display:flex}.checkbox-row input{width:17px;height:17px}button{cursor:pointer;font:inherit;letter-spacing:0;border:0;border-radius:8px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s}button:disabled{cursor:not-allowed;opacity:.65}button:not(:disabled):hover{transform:translateY(-1px)}.primary-action,.secondary-action,.ghost-action,.danger-action,.neutral-action,.create-action,.manage-action,.activate-action,.suspend-action,.expire-action,.compact-action,.icon-action{min-height:40px;padding:10px 14px}.primary-action{background:var(--accent);color:#fff;box-shadow:0 10px 22px #0f766e38}.create-action{color:#fff;background:#1d4ed8;box-shadow:0 10px 22px #1d4ed833}.manage-action{color:#1d4ed8;background:#eef6ff}.activate-action{color:#166534;background:#dcfce7}.suspend-action{color:#92400e;background:#fef3c7}.expire-action{color:#991b1b;background:#fee2e2}.neutral-action{border:1px solid var(--line-strong);color:var(--ink);background:#f8faf9}.secondary-action{border:1px solid var(--line-strong);color:var(--ink);background:#fff}.ghost-action{color:var(--accent-strong);background:#ecfdf5}.danger-action{color:#991b1b;background:#fff5f5;border:1px solid #b91c1c42}.icon-action{border:1px solid var(--line);min-width:40px;color:var(--muted);background:#fff;font-size:1rem}.notice{border-radius:8px;padding:12px 14px;font-weight:700}.notice-error{color:#991b1b;background:#fff5f5;border:1px solid #b91c1c40}.notice-success{color:#115e59;background:#f0fdfa;border:1px solid #0f766e40}.tenant-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.tenant-facts div{border:1px solid var(--line);border-radius:8px;padding:12px}.tenant-facts dt{color:var(--muted);font-size:.78rem;font-weight:800}.tenant-facts dd{color:var(--ink);overflow-wrap:anywhere;margin:5px 0 0;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 12px}th{color:var(--muted);text-transform:uppercase;font-size:.78rem}td strong{color:var(--ink);display:block}td span{color:var(--muted);margin-top:4px;font-size:.86rem;display:block}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.dialog-backdrop{z-index:50;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog-scrim{background:#17201c7a;border-radius:0;min-height:auto;padding:0;position:absolute;inset:0}.dialog-scrim:hover{transform:none}.dialog-panel{z-index:1;width:min(720px,100%);max-height:min(88vh,860px);padding:22px;position:relative;overflow-y:auto}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.dialog-copy{color:var(--muted);margin:0;line-height:1.6}.dialog-feedback{border-radius:8px;padding:11px 12px;font-size:.9rem;font-weight:800;line-height:1.45}.dialog-feedback-success{color:#115e59;background:#ecfdf5;border:1px solid #0f766e3d}.dialog-feedback-error{color:#991b1b;background:#fff5f5;border:1px solid #b91c1c40}.expire-control{display:inline-flex;position:relative}.expire-confirm{z-index:5;background:#fff;border:1px solid #b91c1c2e;border-radius:8px;gap:14px;width:min(430px,100vw - 44px);padding:14px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 16px 34px #17201c21}.expire-confirm:after{content:"";background:#fff;border-bottom:1px solid #b91c1c2e;border-right:1px solid #b91c1c2e;width:14px;height:14px;position:absolute;bottom:-7px;left:24px;transform:rotate(45deg)}.expire-confirm h3{color:var(--ink);margin:0;font-size:.98rem;line-height:1.25}.expire-confirm p{color:var(--muted);margin:6px 0 0;font-size:.92rem;font-weight:650;line-height:1.5}.expire-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.compact-action{min-height:34px;padding:8px 12px;font-size:.86rem}.split-actions{justify-content:flex-start;align-items:center}.action-spacer{flex:auto}.status-badge{width:max-content;color:var(--muted);background:#f4f1e8;border-radius:999px;align-items:center;padding:5px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.status-active{color:#0f766e;background:#dff8ef}.status-suspended{color:#92400e;background:#fef3c7}.status-expired{color:#991b1b;background:#fee2e2}.empty-copy{color:var(--muted);margin:0;line-height:1.6}.eyebrow{color:var(--accent-strong);text-transform:uppercase;margin:0 0 7px;font-size:.78rem;font-weight:900}.lede{color:var(--muted);margin:12px 0 0;line-height:1.7}h1,h2{color:var(--ink);letter-spacing:0;margin:0}h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.05}h2{font-size:1.25rem;line-height:1.2}@media (width<=1080px){.stats-row{grid-template-columns:1fr 1fr}}@media (width<=720px){.topbar,.section-heading,.panel-heading,.dialog-heading,.session-box{flex-direction:column;align-items:stretch}.stats-row,.tenant-facts,.dialog-grid{grid-template-columns:1fr}.auth-panel,.dialog-panel,.tenant-section{padding:18px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button,.expire-control{width:100%}.expire-confirm{width:auto;right:0}.expire-confirm-actions{flex-direction:column-reverse}.expire-confirm-actions button{width:100%}.action-spacer{display:none}}
