:root{color:#1d2939;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy:#11243e;--blue:#155eef;--blue-dark:#004eeb;--muted:#667085;--border:#e4e7ec;--surface:#fff;--success:#067647;--danger:#b42318;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#eaf0f8;background:var(--navy);flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:42px;display:flex}.brand div:last-child{flex-direction:column;display:flex}.brand span,.operator span{color:#aebed2;font-size:.78rem}.brand-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#2e90fa,#155eef);border-radius:16px;place-items:center;width:58px;height:58px;font-weight:800;display:grid;box-shadow:0 12px 28px #155eef4d}.brand-mark.small{border-radius:12px;width:42px;height:42px}.sidebar nav{gap:8px;display:grid}.nav-item{color:#c6d2e1;text-align:left;background:0 0;border:0;border-radius:10px;padding:11px 14px;transition:background .15s,color .15s}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1a}.operator{overflow-wrap:anywhere;border-top:1px solid #ffffff1f;gap:6px;margin-top:auto;padding-top:18px;display:grid}.main-content{min-width:0;padding:32px clamp(24px,4vw,56px) 56px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}h1,h2,p{margin-top:0}h1{color:#101828;letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.8rem,3vw,2.35rem)}h2{color:#101828;letter-spacing:-.02em;margin-bottom:18px;font-size:1.18rem}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800}.environment,.status{border-radius:999px;align-items:center;width:fit-content;padding:5px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.environment{color:#344054;text-transform:uppercase;background:#eaecf0}.page-grid{grid-template-columns:minmax(270px,.7fr) minmax(540px,1.8fr);align-items:start;gap:20px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-width:0;padding:24px;box-shadow:0 1px 2px #1018280a}.panel.full{width:100%}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-heading h2{margin-bottom:6px}.section-heading p:not(.eyebrow){color:var(--muted)}.form-stack{gap:16px;display:grid}label{color:#344054;gap:7px;font-size:.84rem;font-weight:650;display:grid}label small{color:var(--muted);font-weight:400}input,select,textarea{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:9px;outline:none;width:100%;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px #155eef1f}textarea{resize:vertical;font:inherit}select[multiple]{min-height:108px}.button{border:1px solid #0000;border-radius:9px;min-height:40px;padding:9px 14px;font-weight:700}.button:disabled{cursor:not-allowed;opacity:.6}.button.primary{color:#fff;background:var(--blue)}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:#344054;background:#fff;border-color:#d0d5dd}.button.ghost{color:var(--blue);background:#eff4ff}.text-button{color:#b9c7d8;text-align:left;background:0 0;border:0;padding:0}.main-content .text-button{color:var(--blue);white-space:nowrap}.main-content .text-button.danger{color:var(--danger)}.text-button:disabled{cursor:not-allowed;opacity:.55}.row-actions{justify-content:flex-end;gap:12px;display:flex}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eaecf0;padding:13px 10px}th{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:.72rem}td:last-child,th:last-child{text-align:right}td code{color:#344054;font-size:.8rem}.client-push-url{max-width:220px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}.consumption-table{margin-top:20px}.consumption-client-id{color:var(--muted);margin-top:4px;display:block}.status.active{color:var(--success);background:#ecfdf3}.status.inactive{color:#475467;background:#f2f4f7}.status.pending{color:#b54708;background:#fffaeb}.search-row{align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.search-row.compact{max-width:680px}.grow{flex:1}.align-end{align-self:end}.alert{border-radius:9px;margin:14px 0;padding:10px 12px;font-size:.86rem}.alert.error{color:#912018;background:#fef3f2;border:1px solid #fecdca}.alert.warning{color:#93370d;background:#fffaeb;border:1px solid #fedf89}.alert.success{color:var(--success);background:#ecfdf3;border:1px solid #abefc6}.muted{color:var(--muted);font-size:.9rem}.catalog-label-translation{color:var(--muted);margin-top:3px;display:block}.empty-state{color:var(--muted);text-align:center;margin:18px 0 0;padding:24px 12px}.event-list{gap:12px;display:grid}.catalog-admin-list{gap:24px;display:grid}.catalog-client-panel{grid-column:1/-1}.catalog-client-panel h3{color:#344054;margin:28px 0 8px;font-size:1rem}.catalog-selection-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:8px 0 24px;display:grid}.catalog-choice{border:1px solid var(--border);background:#fcfcfd;border-radius:10px;grid-template-columns:none;align-items:flex-start;gap:10px;padding:12px;display:flex}.catalog-choice.assigned{background:#f2f4f7}.catalog-choice input{width:auto;margin-top:3px}.catalog-choice span{gap:4px;display:grid}.catalog-choice small{color:var(--muted);font-weight:400}.custom-catalog-entry{border-top:1px solid var(--border);margin-top:28px;padding-top:18px}.custom-catalog-entry .form-stack{max-width:560px;margin-top:18px}.catalog-admin-list h3{color:#344054;margin:18px 0 8px;font-size:.95rem}.catalog-admin-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:14px 0;display:flex}.catalog-admin-item code{color:var(--muted);margin-left:10px;font-size:.75rem}.catalog-admin-item p{color:var(--muted);margin:7px 0 3px;font-size:.86rem}.catalog-admin-item small{color:var(--muted)}.event-card{border:1px solid var(--border);background:#fcfcfd;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(180px,.5fr);gap:20px;padding:16px;display:grid}.event-title{align-items:center;gap:10px;margin-bottom:7px;display:flex}.event-card p,.event-card small{color:var(--muted)}details summary{color:var(--blue);cursor:pointer}pre{color:#d0d5dd;background:#101828;border-radius:8px;max-height:250px;padding:12px;font-size:.75rem;overflow:auto}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101828a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(560px,100%);padding:28px;box-shadow:0 24px 60px #10182847}.secret-value{overflow-wrap:anywhere;color:#00359e;background:#eff4ff;border:1px solid #b2ccff;border-radius:10px;margin:20px 0;padding:14px;display:block}.button-row{justify-content:flex-end;gap:10px;display:flex}.login-shell,.center-state{background:radial-gradient(circle at 15% 15%, #2e90fa33, transparent 32%), var(--navy);place-items:center;min-height:100vh;padding:24px;display:grid}.center-state{color:#fff}.login-card{color:#475467;background:#fff;border-radius:20px;width:min(480px,100%);padding:38px;box-shadow:0 30px 80px #00000040}.login-card .brand-mark{margin-bottom:30px}.login-card h1{margin-bottom:14px}.login-card .button{width:100%;margin-top:22px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:16px 20px;position:static}.brand{margin-bottom:16px}.sidebar nav{display:flex;overflow-x:auto}.operator{margin-top:16px}.page-grid{grid-template-columns:1fr}}@media (width<=640px){.main-content{padding:24px 16px 40px}.panel{padding:18px}.search-row,.button-row,.catalog-admin-item{flex-direction:column;align-items:stretch}.event-card{grid-template-columns:1fr}}
