:root{--ink:#14243b;--muted:#63728a;--line:#d3dde8;--soft:#f5f8fb;--teal:#117f75;--blue:#2d62ed;--orange:#f18638;--danger:#b43f35;--shadow:0 22px 60px rgba(31,49,75,.14)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 8%,#ddfbf5 0,transparent 28%),linear-gradient(135deg,#f7fbfd,#e9eef6);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.portal-shell{width:min(940px,calc(100% - 30px));margin:clamp(36px,9vh,105px) auto 30px}.portal-card,.setup-card,.users-card{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.portal-card{padding:34px}.portal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:.12em}.portal-head h1,.setup-card h1,.users-card h1{margin:8px 0 6px;font-size:clamp(32px,5vw,48px)}.portal-head p,.setup-card>p,.users-card>p{margin:0;color:var(--muted)}.account-box{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.account-box strong{color:var(--ink)}.portal-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 13px;color:var(--ink);font:700 13px Arial;text-decoration:none;cursor:pointer}.portal-button:hover{border-color:#9eb0bf}.portal-button.primary{border-color:var(--teal);background:var(--teal);color:#fff}.portal-button.danger{border-color:#e3bbb7;color:var(--danger)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}.tool-card{min-height:218px;padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--soft);text-decoration:none;transition:.16s}.tool-card:hover{transform:translateY(-3px);border-color:#91b8c5;box-shadow:0 13px 28px rgba(31,49,75,.12)}.tool-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:14px;background:var(--teal);color:#fff;font-size:18px;font-weight:900}.tool-card:nth-child(2) .tool-icon{background:var(--blue)}.tool-card:nth-child(3) .tool-icon{background:var(--orange)}.tool-card h2{margin:20px 0 8px}.tool-card p{margin:0;color:var(--muted);line-height:1.5}.portal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}.portal-footer{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}.login-card{width:min(430px,calc(100% - 28px));margin:12vh auto;padding:30px}.login-card h1{font-size:34px}.login-form,.setup-form{display:grid;gap:13px;margin-top:24px}.login-form label,.setup-form label,.users-form label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.login-form input,.setup-form input,.users-form input,.users-form select{width:100%;height:42px;padding:9px 11px;border:1px solid #c8d4df;border-radius:9px;background:#fff;font:14px Arial}.setup-body{padding:30px}.setup-card{width:min(650px,100%);margin:20px auto;padding:30px}.setup-form{grid-template-columns:1fr 1fr}.setup-form label:first-of-type,.setup-form hr,.setup-form button{grid-column:1/-1}.setup-form hr{width:100%;border:0;border-top:1px solid var(--line)}.setup-form small{font-weight:400}.message{margin:18px 0;padding:11px 13px;border-radius:9px}.message.error{background:#ffe9e6;color:#92382f}.message.success{background:#e1f5ed;color:#17684f}.users-card{width:min(1080px,calc(100% - 28px));margin:35px auto;padding:28px}.users-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.users-form{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:end;margin:24px 0;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.users-form .wide{grid-column:span 2}.users-form button{height:42px}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.users-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.inline-form{display:flex;gap:6px}.inline-form input{min-width:140px;padding:7px;border:1px solid var(--line);border-radius:7px}.inline-form button{padding:7px 9px}
.users-card{width:min(1400px,calc(100% - 28px))}.users-table{table-layout:fixed}.users-table th,.users-table td{vertical-align:top}.users-table th:nth-child(1){width:13%}.users-table th:nth-child(2){width:10%}.users-table th:nth-child(3){width:44%}.users-table th:nth-child(4){width:24%}.users-table th:nth-child(5){width:9%}.users-table .inline-form{display:grid;align-items:center}.users-table td:nth-child(3) .inline-form{grid-template-columns:minmax(90px,1fr) minmax(130px,1.7fr) minmax(70px,.7fr) auto}.users-table td:nth-child(4) .inline-form{grid-template-columns:minmax(110px,1fr) auto}.users-table select,.users-table input{min-width:0;width:100%}.users-table td:last-child form{display:flex;justify-content:flex-end}.users-table .portal-button{white-space:nowrap}@media(max-width:760px){.portal-card{padding:22px}.portal-head{display:grid}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:0}.portal-actions,.users-head{align-items:stretch;flex-direction:column}.setup-form,.users-form{grid-template-columns:1fr}.setup-form label:first-of-type,.setup-form hr,.setup-form button,.users-form .wide{grid-column:auto}.users-table{display:block;min-width:980px;overflow:auto}}
.users-table-scroll{width:100%;overflow-x:auto}@media(max-width:1100px){.users-table{display:table;min-width:1050px;table-layout:fixed}}
.users-head{justify-content:flex-start}.users-head>.portal-button{flex:none;margin-top:2px}
.visitor-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.visitor-head h2{margin:6px 0 4px;font-size:26px}.visitor-head p{margin:0;color:var(--muted)}.visitor-table{table-layout:auto;min-width:980px}.visitor-table th:nth-child(1){width:130px}.visitor-table th:nth-child(2){width:18%}.visitor-table th:nth-child(3){width:14%}.visitor-table th:nth-child(4){width:110px}.visitor-table th:nth-child(5){width:130px}.visitor-table th:nth-child(6){width:auto}.visitor-browser{max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.main-menu-button{background:#111!important;border-color:#111!important;color:#fff!important}.main-menu-button:hover{background:#000!important;border-color:#000!important;color:#fff!important}