:root{
  --bg:#f6f7fb;--surface:#fff;--surface-2:#f1f3f8;--surface-dark:#151724;--text:#171827;--muted:#73778b;--line:#e6e8f0;
  --primary:#5b3df5;--primary-2:#7b62ff;--primary-soft:#efecff;--cyan:#25c6d9;--green:#22b87a;--amber:#f2a93b;--red:#ef4b5a;
  --radius:18px;--radius-sm:12px;--shadow:0 18px 55px rgba(31,34,58,.12);--shadow-soft:0 10px 30px rgba(31,34,58,.08);
  --font:"Segoe UI",Tahoma,Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}img,video{max-width:100%}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:22px}.brand-light{color:#fff}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),#8570ff);box-shadow:0 10px 24px rgba(91,61,245,.28)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 18px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 10px 20px rgba(91,61,245,.2)}.btn-ghost{background:#fff;border:1px solid var(--line)}.btn-danger-soft{background:rgba(239,75,90,.12);color:#ff8e99}.btn-large{padding:14px 22px;border-radius:14px}.full-width{width:100%}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:13px;letter-spacing:.04em}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor;border-radius:99px}.form-alert{padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:14px}.form-alert.error{background:#fff0f2;color:#a92737}.form-alert.success{background:#eafaf4;color:#137452}.stack-form,.form-grid{display:grid;gap:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;font-size:13px;font-weight:700;color:#4e5266}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px;color:var(--text);outline:0;transition:.2s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(91,61,245,.1)}.error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#ece8ff,transparent 34%),#f6f7fb}.error-card{width:min(520px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:24px;padding:44px;text-align:center;box-shadow:var(--shadow)}.error-card>span{font-size:64px;font-weight:900;color:var(--primary)}.status,.severity,.media-mode{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:800;background:#eef0f5;color:#5a5f73}.status.live,.status.active,.status.paid,.status.online,.status.succeeded,.status.sent{background:#e8f8f1;color:#16835b}.status.open,.status.trial,.status.trialing,.status.issued,.status.scheduled,.status.provisioning{background:#fff5df;color:#9b650c}.status.suspended,.status.disabled,.status.cancelled,.status.failed,.status.offline,.status.overdue{background:#ffedf0;color:#b72f42}.status.past_due,.status.partially_paid,.status.degraded,.status.draining,.status.sending{background:#fff4e5;color:#ad6410}.media-mode.mesh{background:#e9f8ff;color:#137797}.media-mode.sfu{background:#efeaff;color:#5b3df5}.severity.info{background:#e8f3ff;color:#2567a4}.severity.warning{background:#fff4d8;color:#9a6400}.severity.critical{background:#ffebef;color:#b5293d}.severity.maintenance{background:#eeeafd;color:#5e48bb}.avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-weight:800;background:linear-gradient(135deg,#ffd3aa,#c5b9ff);color:#342d55}.avatar.small{width:38px;height:38px}.avatar.tiny{width:34px;height:34px}.icon-btn{border:0;background:transparent;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:inherit}.icon-btn:hover{background:rgba(100,104,130,.1)}.inline-form{display:inline}.empty-cell{text-align:center;padding:32px!important;color:var(--muted)}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:5000;min-width:min(420px,calc(100% - 30px));padding:13px 18px;border-radius:13px;box-shadow:var(--shadow);font-weight:700}.toast-success{background:#173f32;color:#dfffee}.toast-error{background:#4c2028;color:#ffe8ec}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(11,13,24,.58);backdrop-filter:blur(8px);z-index:4000}.modal.open{display:flex}.modal-card{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:var(--shadow)}.modal-card.wide{width:min(820px,100%)}.modal-card.xwide{width:min(1040px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.modal-head h3{margin-bottom:3px}.modal-head p{color:var(--muted);font-size:13px;margin-bottom:0}.modal-head>button{border:0;background:#f1f2f6;width:34px;height:34px;border-radius:50%;font-size:20px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.checkbox-card,.setting-toggle{display:flex;grid-template-columns:none;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;border-radius:12px}.checkbox-card input,.switch-row input,.setting-toggle input{width:auto}.checkbox-card span,.setting-toggle span{display:grid;gap:2px}.checkbox-card small,.setting-toggle small{color:var(--muted);font-weight:500}.switch-row{display:flex;align-items:center;gap:10px}@media(max-width:720px){.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal{padding:0;align-items:flex-end}.modal-card,.modal-card.wide,.modal-card.xwide{width:100%;max-height:92vh;border-radius:24px 24px 0 0}.form-actions{position:sticky;bottom:0;background:#fff;padding-top:12px}}
.brand-logo{width:38px;height:38px;object-fit:contain;border-radius:10px}.brand-primary,.btn-primary{background:var(--brand-primary,#5038d7)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent,#00c8bd) 70%,white);outline-offset:2px}


/* SILA V4 clean rebuild: global overflow, layers and modal system */
:where(.dashboard-shell,.dashboard-main,.dashboard-content,.panel,.panel-head,.stat-card,.entity-cell,.compact-list>*,.welcome-panel,main,section,article,div){min-width:0}
:where(h1,h2,h3,h4,p,strong,small,span,a,td,th,label){overflow-wrap:anywhere}
.toast-portal{position:fixed;inset:0;z-index:2147483600;pointer-events:none;display:grid;justify-items:center;align-content:start;padding:18px}
.toast-portal .toast{position:relative;inset:auto;left:auto;top:auto;transform:none;pointer-events:auto;z-index:1;max-width:min(560px,calc(100vw - 32px))}
.modal{z-index:100000;background:rgba(15,18,30,.55);backdrop-filter:blur(10px) saturate(.9);padding:clamp(10px,3vw,28px)}
.modal-card{position:relative;border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:clamp(18px,3vw,30px);box-shadow:0 30px 90px rgba(12,15,28,.28)}
.modal-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--brand-primary,var(--primary)),var(--brand-accent,#6b5cff))}
.modal-head{position:sticky;top:-1px;z-index:2;padding-block:2px 12px;background:inherit}
body.has-open-modal{overflow:hidden}