:root{
  --ink:#111827;--muted:#667085;--line:#e5e7eb;--surface:#fff;--surface-2:#f8fafc;
  --soft:#f5f6f4;--nav:#081322;--nav-2:#0c1c2e;--brand:#e9165a;--brand-dark:#c71149;
  --accent:#6b3fd4;--success:#16a36a;--warning:#e69b24;--danger:#dc3157;--radius:14px;
  --shadow:0 18px 55px rgba(15,23,42,.08);--sidebar-width:252px
}
*{box-sizing:border-box}
html{font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--soft);color:var(--ink);text-rendering:optimizeLegibility}
body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}.panel-icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.panel-body{min-height:100vh;background:var(--soft);color:var(--ink);overflow-x:hidden}
.panel-area-partner,.panel-area-b2b{
  --ink:#f5f7fb;--muted:#93a4bd;--line:rgba(216,229,255,.13);--surface:rgba(13,24,43,.72);
  --surface-2:rgba(255,255,255,.045);--soft:#070d19;--nav:rgba(6,14,28,.86);--nav-2:rgba(8,20,36,.72);
  --shadow:0 22px 65px rgba(0,0,0,.22);background:#070d19
}
.panel-area-b2b{--brand:#2bc4bb;--brand-dark:#1ca99f;--accent:#e9165a;--soft:#061722;--surface:rgba(8,37,49,.72);--surface-2:rgba(43,196,187,.055);background:#061722}
.panel-ambient{position:fixed;z-index:0;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:0}
.panel-area-partner .panel-ambient,.panel-area-b2b .panel-ambient{opacity:.19}
.panel-ambient-one{width:560px;height:560px;right:8%;top:-260px;background:#7025bc}.panel-ambient-two{width:500px;height:500px;left:15%;bottom:-330px;background:#e9165a}
.panel-area-b2b .panel-ambient-one{background:#16b8bc}.panel-area-b2b .panel-ambient-two{background:#075f79}
.panel-shell{position:relative;z-index:1;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;overflow-y:auto;padding:22px 16px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,var(--nav),var(--nav-2));color:#c7d2e5;scrollbar-width:thin}
.panel-area-partner .sidebar,.panel-area-b2b .sidebar{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:inset -1px 0 rgba(255,255,255,.03)}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.sidebar-close{display:none;border:0;background:none;color:var(--ink);font-size:27px;cursor:pointer}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px;font-weight:780;letter-spacing:-.03em}.brand b{color:var(--brand)}.brand-logo{width:36px;height:36px;object-fit:contain}
.account-switcher{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin:21px 0 17px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);box-shadow:inset 0 1px rgba(255,255,255,.025)}
.account-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;color:var(--brand);background:rgba(255,255,255,.035)}.account-icon .panel-icon{width:19px;height:19px}
.account-switcher strong,.account-switcher small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switcher strong{color:#f8fafc;font-size:12px}.account-switcher small{margin-top:3px;color:#8da0b9;font-size:10px}.account-chevron{color:#8395ad}
.sidebar-nav{display:grid;gap:3px}.nav-group{margin:17px 10px 7px;color:#73849c;font-size:9px;font-weight:850;letter-spacing:.13em}.nav-group:first-child{margin-top:4px}
.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-height:39px;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#a9b7ca;text-decoration:none;font-size:12px;font-weight:650;transition:border-color .18s,background .18s,color .18s,transform .18s}
.nav-item:hover{border-color:var(--line);background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}.nav-item.active{border-color:rgba(233,22,90,.26);background:rgba(233,22,90,.1);color:#fff}
.panel-area-b2b .nav-item.active{border-color:rgba(43,196,187,.32);background:rgba(43,196,187,.11)}.panel-area-saas .nav-item.active{background:rgba(233,22,90,.1)}
.nav-item.active:before{position:absolute;left:-17px;width:3px;height:24px;border-radius:0 4px 4px 0;background:var(--brand);content:""}.nav-icon{display:grid;place-items:center;width:24px;color:currentColor}.nav-icon .panel-icon{width:17px;height:17px}
.sidebar-security{display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;margin-top:auto;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}
.security-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:rgba(22,163,106,.12);color:#42d691}.security-icon .panel-icon{width:17px}.sidebar-security strong,.sidebar-security small{display:block}.sidebar-security strong{color:#e9eef7;font-size:10px}.sidebar-security small{margin-top:4px;color:#8798af;font-size:9px}.sidebar-security small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#38d890;box-shadow:0 0 10px #38d890}
.sidebar-user{display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:9px;align-items:center;margin-top:10px;padding:11px 4px 0;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;font-size:12px;font-weight:900}.sidebar-user strong,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user strong{color:#f8fafc;font-size:11px}.sidebar-user small{margin-top:3px;color:#8495aa;font-size:9px}.logout-link{display:grid;place-items:center;color:#e485a4}.logout-link .panel-icon{width:17px}
.main-content{position:relative;min-width:0;padding:0 clamp(18px,3vw,42px) 24px}.appbar{display:flex;align-items:center;min-height:70px;margin:0 calc(clamp(18px,3vw,42px)*-1) 0;padding:0 clamp(18px,3vw,42px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.panel-area-partner .appbar,.panel-area-b2b .appbar{background:rgba(6,14,28,.44)}.panel-search{display:flex;align-items:center;gap:10px;width:min(390px,42vw);height:39px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted)}
.panel-search .panel-icon{width:17px}.panel-search input{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);outline:0;font-size:12px}.panel-search input::placeholder{color:var(--muted)}.panel-search kbd{padding:2px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:9px}
.appbar-actions{display:flex;align-items:center;gap:17px;margin-left:auto}.system-online{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.system-online i{width:7px;height:7px;border-radius:50%;background:#21c681;box-shadow:0 0 10px rgba(33,198,129,.65)}
.notification-button{position:relative;display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer}.notification-button .panel-icon{width:19px}.notification-button b{position:absolute;right:0;top:-1px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--soft);border-radius:999px;background:#e9165a;color:#fff;font-size:8px}.notification-button b[hidden]{display:none}
.appbar-profile{display:flex;align-items:center;gap:9px}.appbar-profile strong,.appbar-profile small{display:block}.appbar-profile strong{font-size:11px}.appbar-profile small{margin-top:2px;color:var(--muted);font-size:9px}.menu-toggle,.mobile-brand{display:none}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:31px 0 24px}.topbar h1{margin:3px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.07;letter-spacing:-.045em}.eyebrow{margin:0;color:var(--brand);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.page-subtitle{margin:9px 0 0;color:var(--muted);font-size:12px}.topbar-actions{display:flex;align-items:center;gap:9px;padding-top:2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-size:11px;font-weight:800;cursor:pointer;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.btn:hover{transform:translateY(-1px)}.btn .panel-icon{width:15px;height:15px}.btn-primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 9px 24px rgba(233,22,90,.18)}.btn-primary:hover{background:var(--brand-dark)}.panel-area-b2b .btn-primary{background:#e9165a;border-color:#e9165a}.panel-area-b2b .btn-primary:hover{background:#c71149}.btn-glass,.btn-secondary{border-color:var(--line);background:var(--surface-2);color:var(--ink)}.btn-danger{border-color:rgba(220,49,87,.22);background:rgba(220,49,87,.12);color:#ed6b8b}.btn-small{min-height:32px;padding:0 10px;font-size:10px}.btn-block,.full-button{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:17px}.two-col{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:grid;gap:16px}
.card,.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.panel-area-partner .card,.panel-area-partner .stat-card,.panel-area-b2b .card,.panel-area-b2b .stat-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 1px rgba(255,255,255,.035),var(--shadow)}
.card{padding:20px}.card h2,.card h3{margin-top:0;letter-spacing:-.025em}.card h2{font-size:17px}.card h3{font-size:14px}.stat-card{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:17px}.stat-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--brand)}.stat-icon .panel-icon{width:18px}.stat-copy>span,.stat-card small{display:block;color:var(--muted)}.stat-copy>span{font-size:10px}.stat-card strong{display:block;margin:3px 0;font-size:23px;letter-spacing:-.04em}.stat-card small{font-size:9px}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.section-head h2,.section-head h3,.section-head p{margin:0}.section-head p{margin-top:5px;color:var(--muted);font-size:11px}.muted{color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}.table{width:100%;border-collapse:collapse;background:transparent}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:11px}.table th{background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:var(--surface-2)}
.badge,.status-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:9px;font-weight:850}.badge.success,.status-badge.is-active{border-color:rgba(22,163,106,.24);background:rgba(22,163,106,.12);color:#41d494}.badge.warning,.status-badge.is-passive{border-color:rgba(230,155,36,.25);background:rgba(230,155,36,.12);color:#f0b74e}.badge.danger{border-color:rgba(220,49,87,.25);background:rgba(220,49,87,.12);color:#ed6b8b}
.alert,.impersonation-banner{margin:0 0 17px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;font-size:11px;font-weight:650}.alert-success{border-color:rgba(22,163,106,.28);background:rgba(22,163,106,.11);color:#46d99b}.alert-danger{border-color:rgba(220,49,87,.28);background:rgba(220,49,87,.11);color:#f17c98}.alert-warning,.impersonation-banner{border-color:rgba(230,155,36,.3);background:rgba(230,155,36,.11);color:#e9ae42}.alert-info{border-color:rgba(59,130,246,.28);background:rgba(59,130,246,.11);color:#70a8ff}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.impersonation-banner form{margin:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:6px;color:var(--ink);font-size:10px;font-weight:800}input,select,textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--ink);font-size:12px;outline:none}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 14%,transparent)}select option{background:#0d1929;color:#fff}.panel-area-saas select option{background:#fff;color:#111827}
.checkboxes,.action-row{display:flex;flex-wrap:wrap;gap:7px}.check-chip{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:9px;font-weight:700}.check-chip input{width:auto;min-height:0}.empty{padding:25px;text-align:center;color:var(--muted)}.color-dot{display:inline-block;width:13px;height:13px;margin-right:6px;border:1px solid var(--line);border-radius:50%;vertical-align:-2px}
.panel-footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 4px;color:var(--muted);font-size:9px}.panel-footer span{display:flex;align-items:center;gap:6px}.panel-footer .panel-icon{width:13px}.mobile-bottom-nav{display:none}.sidebar-overlay{display:none}

/* Dashboard composition */
.metric-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);overflow:hidden;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.metric-block{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;min-height:105px;padding:17px;border-right:1px solid var(--line)}.metric-block:last-child{border-right:0}.metric-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--brand)}.metric-symbol .panel-icon{width:19px}.metric-label,.metric-note{display:block;color:var(--muted);font-size:9px}.metric-value{display:block;margin:4px 0 3px;font-size:23px;line-height:1;letter-spacing:-.04em}.metric-trend{color:#3cd28e;font-size:9px;font-weight:850}.metric-trend.warning{color:#edae3d}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,.72fr);gap:16px;margin-bottom:16px}.dashboard-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:17px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.dashboard-card h2{margin:0;font-size:14px}.dashboard-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dashboard-card-head p{margin:5px 0 0;color:var(--muted);font-size:9px}.chart-legend{display:flex;gap:16px;margin:12px 0 4px;color:var(--muted);font-size:9px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:7px;height:7px;border-radius:50%;background:var(--brand)}.chart-legend span:nth-child(2) i{background:var(--accent)}.chart-filter{min-height:29px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--ink);font-size:9px}
.line-chart{display:block;width:100%;height:auto;overflow:visible}.line-chart .grid-line{stroke:currentColor;stroke-opacity:.09;stroke-width:1}.line-chart .line-primary,.line-chart .line-secondary{fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.line-chart .line-primary{stroke:var(--brand)}.line-chart .line-secondary{stroke:var(--accent)}.line-chart .area{fill:url(#chartArea);opacity:.15}.line-chart circle{fill:var(--surface);stroke-width:2}.line-chart .point-primary{stroke:var(--brand)}.line-chart .point-secondary{stroke:var(--accent)}.chart-label-row{display:flex;justify-content:space-between;padding:0 4px;color:var(--muted);font-size:8px}
.status-ring-wrap{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center;margin-top:19px}.status-ring,.target-ring{display:grid;place-items:center;width:106px;height:106px;border-radius:50%;background:conic-gradient(#48db91 0 82%,rgba(255,255,255,.08) 82%)}.status-ring:before,.target-ring:before{width:78px;height:78px;border:1px solid var(--line);border-radius:50%;background:var(--surface);content:""}.status-ring span,.target-ring span{position:absolute;color:#49dc92;font-size:21px;font-weight:850}.status-details strong{display:block;color:#49dc92;font-size:17px}.status-details span{display:block;margin-top:10px;color:var(--muted);font-size:10px}.status-updated{display:flex;justify-content:space-between;margin-top:18px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.62fr) minmax(220px,.72fr);gap:16px}.dashboard-list{display:grid;margin-top:10px}.dashboard-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.dashboard-list-row:last-child{border-bottom:0}.dashboard-list-row strong,.dashboard-list-row small{display:block}.dashboard-list-row strong{font-size:10px}.dashboard-list-row small{margin-top:3px;color:var(--muted);font-size:8px}.list-value{text-align:right;font-size:10px;font-weight:800}.list-value small{color:#3cd28e}.product-summary{display:flex;align-items:center;gap:9px}.product-thumb{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--brand)}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-thumb .panel-icon{width:15px}
.quick-action-list{display:grid;gap:7px;margin-top:12px}.quick-action{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);text-decoration:none}.quick-action-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:rgba(233,22,90,.13);color:#f24b7e}.quick-action:nth-child(2) .quick-action-icon{background:rgba(107,63,212,.16);color:#9b7bf0}.quick-action:nth-child(3) .quick-action-icon{background:rgba(230,155,36,.14);color:#f0b34b}.quick-action:nth-child(4) .quick-action-icon{background:rgba(59,130,246,.15);color:#6aa5ff}.quick-action-icon .panel-icon{width:15px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:9px}.quick-action small{margin-top:3px;color:var(--muted);font-size:8px}.quick-action>span:last-child{margin-left:auto;color:var(--muted)}
.activity-list{position:relative;display:grid;margin-top:11px}.activity-list:before{position:absolute;left:5px;top:7px;bottom:7px;width:1px;background:var(--line);content:""}.activity-item{position:relative;padding:0 0 14px 19px}.activity-item:last-child{padding-bottom:0}.activity-item:before{position:absolute;left:1px;top:4px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--brand);content:""}.activity-item:nth-child(2n):before{background:var(--accent)}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:9px}.activity-item small{margin-top:3px;color:var(--muted);font-size:8px}
.dealer-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.75fr)}.bar-chart{display:flex;align-items:flex-end;gap:7%;height:142px;padding:13px 15px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 35px,color-mix(in srgb,var(--line) 55%,transparent) 36px)}.bar-item{position:relative;display:flex;justify-content:center;width:10%;height:100%}.bar-item i{position:absolute;bottom:0;width:100%;min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 75%,white),var(--brand));box-shadow:0 0 18px color-mix(in srgb,var(--brand) 18%,transparent)}.bar-item span{position:absolute;top:calc(100% + 8px);color:var(--muted);font-size:8px;white-space:nowrap}.bar-chart-wrap{padding-bottom:22px}.target-ring{position:relative;margin:auto;background:conic-gradient(var(--brand) 0 var(--progress,84%),rgba(255,255,255,.08) var(--progress,84%))}.target-ring span{color:var(--ink);font-size:20px}.target-copy{text-align:center}.target-copy strong{display:block;margin:13px 0 4px;font-size:21px}.target-copy small{color:var(--muted);font-size:9px}.dealer-lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(220px,.65fr) minmax(190px,.55fr)}.saas-lower-grid{grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr)}.distribution-list{display:grid;gap:13px;margin-top:16px}.distribution-row{display:grid;grid-template-columns:88px minmax(60px,1fr) 30px;gap:9px;align-items:center}.distribution-row strong,.distribution-row small{display:block}.distribution-row strong{font-size:9px}.distribution-row small{margin-top:2px;color:var(--muted);font-size:8px}.distribution-row>b{font-size:9px;text-align:right}.distribution-track{height:5px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.distribution-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--brand))}.platform-health{display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:center;margin-top:19px;padding:11px;border:1px solid rgba(22,163,106,.2);border-radius:10px;background:rgba(22,163,106,.07)}.platform-health>span:first-child{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:rgba(22,163,106,.13);color:#16a36a}.platform-health strong,.platform-health small{display:block}.platform-health strong{font-size:9px}.platform-health small{margin-top:3px;color:var(--muted);font-size:8px}

.status-ring{position:relative}

/* Existing panel feature components */
.notice{border-left:3px solid var(--brand);padding:13px 15px;border-radius:0 10px 10px 0;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.55}.menu-preview-link{display:inline-flex;margin-top:10px;color:var(--brand);font-size:11px;font-weight:800}.product-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.product-row h4,.product-row p{margin:0}.product-row p{margin-top:4px;color:var(--muted);font-size:10px}.allergen-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.allergen-pill{padding:4px 7px;border:1px solid rgba(233,22,90,.2);border-radius:999px;background:rgba(233,22,90,.1);color:#f17b9a;font-size:8px;font-weight:800}
.media-setting{display:grid;gap:10px}.settings-preview{display:block;width:100%;height:170px;overflow:hidden;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);object-fit:cover}.media-setting:first-child .settings-preview{object-fit:contain}.color-fields input[type=color]{height:46px;padding:5px}.language-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.language-check{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.language-check input{width:auto;min-height:0}.language-check b{font-size:19px}.hours-grid{display:grid;gap:7px}.hours-row{display:grid;grid-template-columns:minmax(110px,1fr) 110px 110px auto;gap:9px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:10px}.hours-row>strong{align-self:center}.sticky-save{position:sticky;z-index:8;bottom:12px;display:flex;justify-content:flex-end;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.category-admin-list{display:grid;gap:7px;margin-top:13px}.category-admin-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.category-admin-list strong,.category-admin-list small{display:block}.category-admin-list small{margin-top:3px;color:var(--muted)}.language-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:16px;padding-bottom:4px}.language-tab{flex:0 0 auto;padding:8px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--muted);text-decoration:none;font-size:10px;font-weight:800}.language-tab.active{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.translation-grid{display:grid;gap:10px}.translation-item{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.translation-item h3{margin:0 0 9px}.translation-item small{display:block;margin-top:4px;color:var(--muted)}
.review-list{display:grid;gap:10px}.review-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.review-card.is-new{border-inline-start:3px solid var(--brand)}.review-head{display:flex;justify-content:space-between;gap:13px}.review-head time{color:var(--muted);font-size:9px}.review-card p{color:var(--muted);font-size:11px;line-height:1.65}.star-row{display:block;margin-top:5px;color:#eeb54c;letter-spacing:2px}.star-row i{color:var(--line);font-style:normal}
.compact-popover{display:grid;gap:7px;min-width:240px;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}details>summary.btn{list-style:none}details>summary.btn::-webkit-details-marker{display:none}code{padding:2px 5px;border-radius:5px;background:var(--surface-2);color:var(--muted)}
.support-thread{display:grid;gap:9px;max-height:520px;overflow:auto;padding:4px}.support-message{max-width:88%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.support-message.is-admin{margin-left:auto;border-color:color-mix(in srgb,var(--brand) 28%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}.support-message strong,.support-message small{font-size:9px}.support-message p{margin:7px 0;line-height:1.55}.support-message small{color:var(--muted)}
.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}.compact-stats .stat-card{padding:12px}.compact-stats .stat-card strong{font-size:19px}.ai-preview-card{position:sticky;top:20px}.ai-draft-list{display:grid;gap:9px;max-height:760px;overflow:auto;margin-bottom:14px}.ai-draft-list details{border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.ai-draft-list summary{display:flex;justify-content:space-between;gap:10px;padding:11px;cursor:pointer}.ai-draft-list summary span{color:var(--muted);font-size:9px}.ai-draft-list details>.stack{padding:0 11px 11px}.ai-draft-product{display:grid;grid-template-columns:1fr auto;gap:9px;padding:10px;border-radius:9px;background:var(--surface)}.ai-draft-product p{margin:4px 0;color:var(--muted);font-size:9px}.ai-draft-product small{color:var(--muted)}.ai-draft-product>.allergen-list{grid-column:1/-1}
.sortable-category>h3{margin:9px 0 7px}.draggable-product{grid-template-columns:auto auto minmax(0,1fr) auto;cursor:grab;transition:.15s}.draggable-product:active{cursor:grabbing}.draggable-product.is-dragging{opacity:.45;border-color:var(--brand)}.drag-handle{color:var(--muted);font-size:18px;font-weight:900;letter-spacing:-3px}.product-admin-thumb{width:54px;height:54px;border-radius:9px;object-fit:cover;background:var(--surface-2)}.sort-status{min-height:17px;color:var(--brand);font-size:9px;font-weight:800}
.live-editor-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr);gap:16px;align-items:stretch}.live-editor-copy{display:flex;flex-direction:column;justify-content:center}.live-editor-copy h2{margin:7px 0;font-size:25px}.live-editor-copy p:not(.eyebrow){color:var(--muted);line-height:1.65}.live-phone-card{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#08111f;box-shadow:var(--shadow)}.live-phone-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:9px 12px;color:#cbd5e1;font-size:9px}.live-phone-bar span:first-child{justify-self:start;width:8px;height:8px;border-radius:50%;background:#22c55e}.live-phone-bar span:last-child{justify-self:end;color:#65dbe1}.live-phone-card iframe{display:block;width:100%;height:650px;border:0;background:#fff}

.period-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:14px;padding-bottom:3px}.live-pill{display:flex;align-items:center;gap:6px;color:#35d391;font-size:9px;font-weight:850}.live-pill i{width:7px;height:7px;border-radius:50%;background:#35d391;box-shadow:0 0 9px #35d391}.legal-editor{min-height:460px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.55}.order-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.order-info-grid>div{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.order-info-grid span,.order-info-grid strong{display:block}.order-info-grid span{color:var(--muted);font-size:8px}.order-info-grid strong{margin-top:4px;font-size:10px}.order-items{display:grid;margin:13px 0}.order-items>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.order-items strong,.order-items small{display:block}.order-items small{margin-top:3px;color:var(--muted);font-size:8px}.order-total{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border-radius:11px;background:var(--surface-2)}.order-total span,.order-total strong{font-size:10px}.order-total span:last-of-type,.order-total strong:last-child{padding-top:8px;border-top:1px solid var(--line);font-size:14px}.legal-snapshot{margin-top:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.legal-snapshot summary{padding:11px;cursor:pointer;font-size:10px;font-weight:850}.legal-snapshot pre{max-height:350px;overflow:auto;margin:0;padding:12px;border-top:1px solid var(--line);white-space:pre-wrap;color:var(--muted);font-family:inherit;font-size:9px;line-height:1.55}.legal-snapshot>small{display:block;padding:0 12px 12px;color:var(--muted)}

/* Login and registration */
.login-body{min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#050b16;color:#fff}.login-layout{position:relative;z-index:2;width:min(1040px,calc(100% - 32px));display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.login-copy h1{max-width:580px;margin:17px 0 14px;font-size:clamp(38px,6vw,66px);line-height:.98;letter-spacing:-.055em}.login-copy p{max-width:550px;color:#9cacbf;font-size:15px;line-height:1.7}.brand.light{color:#fff}.login-badge{display:inline-block;margin-top:45px;padding:7px 10px;border:1px solid rgba(233,22,90,.25);border-radius:999px;background:rgba(233,22,90,.11);color:#f26d94;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.secure-note{margin-top:23px;color:#dbeafe;font-size:11px}.secure-note span{color:#34d399}.login-card,.register-card{padding:32px;border:1px solid rgba(255,255,255,.13);border-radius:21px;background:rgba(15,23,42,.7);box-shadow:0 25px 80px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.login-card h2{margin:4px 0 22px;font-size:25px}.login-card form{display:grid;gap:14px}.login-card label,.register-card label{color:#cbd5e1}.login-card input,.register-card input,.register-card select{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#fff}.back-link,.register-link{display:block;margin-top:18px;color:#94a3b8;text-align:center;text-decoration:none;font-size:10px}.register-link{color:#f26d94;font-weight:800}.login-orb{position:fixed;border-radius:50%;filter:blur(110px);opacity:.25}.orb-one{width:460px;height:460px;left:-120px;bottom:-180px;background:#e9165a}.orb-two{width:560px;height:560px;right:-180px;top:-210px;background:#6b3fd4}
.register-body{min-height:100vh;padding:36px 16px;background:linear-gradient(145deg,#050b16,#0b1c30);color:#fff}.register-shell{width:min(980px,100%);margin:auto}.register-head{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start;margin-bottom:22px}.register-head .brand{color:#fff}.register-head .login-badge{margin:0}.register-head h1{margin:12px 0 7px;font-size:clamp(30px,5vw,48px);letter-spacing:-.045em}.register-head p{max-width:700px;margin:0;color:#9fb2c9;line-height:1.6}.identity-note{padding:11px 13px;border:1px solid rgba(43,196,187,.22);border-radius:10px;background:rgba(43,196,187,.09);color:#b6edf0;font-size:10px;line-height:1.55}.agreement-wrap{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:12px}.agreement-title{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:rgba(255,255,255,.06);font-size:10px}.agreement-title span{color:#94a3b8}.agreement-box{max-height:260px;overflow:auto;padding:14px;color:#cbd5e1;font-size:10px;line-height:1.65}.agreement-check{display:flex;grid-template-columns:none;align-items:flex-start;gap:8px;line-height:1.5}.agreement-check input{width:auto;min-height:0;margin-top:3px}.agreement-history{display:grid;gap:8px}.history-item{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px}.history-item strong,.history-item small{display:block}.history-item strong{font-size:10px}.history-item small{margin-top:4px;color:var(--muted);font-size:9px}.history-item>div:last-child{text-align:right}.agreement-preview{margin-top:16px;padding-top:13px;border-top:1px solid var(--line)}.agreement-preview summary{cursor:pointer;font-size:11px;font-weight:800}.agreement-preview div{max-height:420px;overflow:auto;margin-top:11px;padding:12px;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.65}

@media(max-width:1180px){
  :root{--sidebar-width:222px}.dashboard-lower-grid,.dealer-lower-grid,.saas-lower-grid{grid-template-columns:1fr 1fr}.dashboard-lower-grid>:first-child,.dealer-lower-grid>:first-child,.saas-lower-grid>:first-child{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .panel-body{padding-bottom:76px}.panel-shell{display:block}.sidebar{position:fixed;z-index:60;left:0;top:0;width:min(300px,86vw);height:100dvh;transform:translateX(-104%);transition:transform .25s ease;box-shadow:20px 0 60px rgba(0,0,0,.35)}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;z-index:55;inset:0;display:block;background:rgba(1,6,14,.62);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .25s}.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar-close{display:block}.main-content{padding:0 16px 18px}.appbar{position:sticky;z-index:30;top:0;min-height:62px;margin:0 -16px;padding:0 14px}.menu-toggle{display:grid;width:34px;height:34px;padding:8px;border:0;background:transparent}.menu-toggle span{display:block;height:1.5px;margin:2px 0;background:var(--ink)}.mobile-brand{display:block;margin-left:5px}.mobile-brand img{display:block;width:30px;height:30px}.panel-search,.system-online{display:none}.appbar-actions{gap:9px}.appbar-profile>span:last-child{display:none}.topbar{padding:22px 0 18px}.topbar-actions .btn-glass{display:none}.dashboard-main-grid,.dealer-main-grid{grid-template-columns:1fr}.mobile-bottom-nav{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:67px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 84%,transparent);box-shadow:0 -12px 32px rgba(0,0,0,.17);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-bottom-nav a{display:grid;place-items:center;gap:3px;color:var(--muted);text-decoration:none;font-size:8px}.mobile-bottom-nav .panel-icon{width:18px;height:18px}.mobile-bottom-nav a.active{color:var(--brand)}.mobile-bottom-nav a.is-primary{align-self:start;justify-self:center;width:48px;height:48px;margin-top:-18px;border:5px solid color-mix(in srgb,var(--soft) 82%,transparent);border-radius:50%;background:#e9165a;color:#fff;box-shadow:0 9px 25px rgba(233,22,90,.35)}.mobile-bottom-nav a.is-primary span{display:none}.panel-footer{padding-bottom:12px}.live-editor-grid{grid-template-columns:1fr}.live-phone-card iframe{height:560px}
}
@media(max-width:680px){
  .order-info-grid{grid-template-columns:1fr}.period-tabs{margin-inline:-2px}
  .topbar{align-items:flex-start}.topbar h1{font-size:27px}.page-subtitle{max-width:255px;font-size:10px}.topbar-actions{padding-top:0}.topbar-actions .btn-primary{width:42px;padding:0;font-size:0}.topbar-actions .btn-primary .panel-icon{width:17px;height:17px}.metric-ribbon{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-block{min-height:91px;padding:12px;border-bottom:1px solid var(--line)}.metric-block:nth-child(2){border-right:0}.metric-block:nth-child(3),.metric-block:nth-child(4){border-bottom:0}.metric-value{font-size:20px}.dashboard-lower-grid,.dealer-lower-grid,.saas-lower-grid{grid-template-columns:1fr}.dashboard-lower-grid>:first-child,.dealer-lower-grid>:first-child,.saas-lower-grid>:first-child{grid-column:auto}.status-ring-wrap{grid-template-columns:96px 1fr}.status-ring,.target-ring{width:92px;height:92px}.status-ring:before,.target-ring:before{width:66px;height:66px}.stats-grid,.compact-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.three-col{grid-template-columns:1fr}.card{padding:14px}.dashboard-card{padding:14px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.language-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.hours-row{grid-template-columns:1fr 1fr}.hours-row>strong{grid-column:1/-1}.review-head,.history-item{display:grid}.history-item>div:last-child{text-align:left}.category-admin-list>div{align-items:flex-start;display:grid}.draggable-product{grid-template-columns:auto minmax(0,1fr)}.draggable-product .product-admin-thumb{display:none}.draggable-product>.action-row{grid-column:2}.ai-preview-card{position:static}.live-phone-card iframe{height:520px}.impersonation-banner{align-items:flex-start;flex-direction:column}.panel-footer span:last-child{display:none}.login-layout{grid-template-columns:1fr;gap:22px;padding:28px 0}.login-copy h1{font-size:40px}.login-copy p,.secure-note{display:none}.login-badge{margin-top:26px}.login-card{padding:23px}.register-head{grid-template-columns:1fr;gap:18px}.register-head .login-badge{margin-top:10px}.table th,.table td{white-space:nowrap}
}
@media print{.sidebar,.appbar,.topbar,.mobile-bottom-nav,.panel-footer,.no-print{display:none!important}.panel-shell{display:block}.main-content{padding:0}.card{border:0;box-shadow:none}.grid.two-col{display:block}.grid.two-col>article:first-child{display:none}.order-detail{display:block!important}.legal-snapshot pre{max-height:none}.legal-snapshot{break-inside:avoid}}
@supports not (background:color-mix(in srgb,white,black)){
  .mobile-bottom-nav{background:rgba(7,13,25,.94)}.panel-area-saas .mobile-bottom-nav{background:rgba(247,247,244,.95)}
}

/* RestoBulut 2026 focused light dashboard system */
.panel-area-saas,.panel-area-b2b,.panel-area-partner{
  --ink:#171823;--muted:#707487;--line:#e7e8ee;--surface:rgba(255,255,255,.92);
  --surface-2:#f7f7fa;--soft:#f5f6f9;--nav:rgba(255,255,255,.96);--nav-2:rgba(249,249,252,.94);
  --brand:#e9165a;--brand-dark:#c80e48;--accent:#6f3ed1;--success:#15966a;--warning:#cb801e;
  --shadow:0 12px 34px rgba(31,33,48,.065);background:#f5f6f9;color:var(--ink)
}
.panel-body{background:
  radial-gradient(circle at 88% 2%,rgba(111,62,209,.065),transparent 27rem),
  radial-gradient(circle at 28% 100%,rgba(233,22,90,.045),transparent 28rem),#f5f6f9}
.panel-ambient{opacity:.08!important;filter:blur(150px)}
.panel-ambient-one{background:#7142cc!important}.panel-ambient-two{background:#eb1b5d!important}
.sidebar{border-color:#e9eaf0;background:linear-gradient(180deg,var(--nav),var(--nav-2));color:#5f6473;box-shadow:8px 0 30px rgba(26,28,41,.025)}
.panel-area-partner .sidebar,.panel-area-b2b .sidebar{box-shadow:8px 0 30px rgba(26,28,41,.025);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
.brand{color:#181923}.brand b{color:var(--brand)}
.account-menu{position:relative;margin:21px 0 17px}.account-menu summary{list-style:none}.account-menu summary::-webkit-details-marker{display:none}
.account-switcher{margin:0;cursor:pointer;background:#fff;box-shadow:0 7px 20px rgba(31,33,48,.04);transition:border-color .18s,box-shadow .18s,transform .18s}
.account-switcher:hover,.account-menu[open] .account-switcher{border-color:rgba(233,22,90,.22);box-shadow:0 10px 25px rgba(233,22,90,.08);transform:translateY(-1px)}
.account-switcher strong{color:#242532}.account-switcher small{color:#85899a}.account-chevron{transition:transform .2s}.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-icon{border-color:#eee6eb;background:#fff3f7;color:var(--brand)}
.account-menu-popover{position:absolute;z-index:20;top:calc(100% + 7px);left:0;right:0;display:grid;gap:3px;padding:7px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(22,24,36,.14);animation:profileOpen .18s ease both}
.account-menu-popover a{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border-radius:8px;color:#4e5362;text-decoration:none}.account-menu-popover a:hover{background:#f8f1f5;color:var(--brand)}
.account-menu-popover .panel-icon{width:16px}.account-menu-popover strong,.account-menu-popover small{display:block}.account-menu-popover strong{font-size:10px}.account-menu-popover small{margin-top:2px;color:#8a8e9e;font-size:8px}
.nav-group{color:#989baa}.nav-item{color:#686d7c}.nav-item:hover{border-color:#e8e8ee;background:#f6f3f6;color:#20212c}.nav-item.active,.panel-area-b2b .nav-item.active,.panel-area-saas .nav-item.active{border-color:rgba(233,22,90,.12);background:linear-gradient(90deg,rgba(233,22,90,.105),rgba(111,62,209,.045));color:#b80c42}.nav-item.active:before{left:-17px}
.sidebar-security{background:#f8faf9}.sidebar-security strong{color:#30333d}.sidebar-security small{color:#858a97}.security-icon{color:#15966a;background:#eaf8f2}
.sidebar-user{grid-template-columns:minmax(0,1fr) 28px}.sidebar-user-profile{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;min-width:0;padding:3px;border-radius:9px;text-decoration:none}.sidebar-user-profile:hover{background:#f6f1f4}.sidebar-user strong{color:#242630}.sidebar-user small{color:#858999}.logout-link{color:#b95b78}
.appbar,.panel-area-partner .appbar,.panel-area-b2b .appbar{position:relative;z-index:40;border-color:rgba(225,226,234,.9);background:rgba(255,255,255,.78);box-shadow:0 6px 25px rgba(31,33,48,.025);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.panel-search{background:rgba(248,248,251,.9)}.panel-search:focus-within{border-color:rgba(233,22,90,.35);background:#fff;box-shadow:0 0 0 3px rgba(233,22,90,.07)}
.system-online i{animation:softPulse 2.4s ease-in-out infinite}.notification-button{border-radius:9px;transition:background .18s,color .18s}.notification-button:hover{background:#f6f1f4;color:var(--brand)}.notification-button b{border-color:#fff;animation:noticePulse 2.8s ease-in-out infinite}
.profile-menu{position:relative}.appbar-profile{min-height:44px;padding:5px 7px 5px 5px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer;transition:border-color .18s,background .18s}.appbar-profile:hover,.appbar-profile[aria-expanded=true]{border-color:var(--line);background:#fff}.profile-chevron{margin-left:3px;color:#9093a1;font-size:13px;transition:transform .2s}.appbar-profile[aria-expanded=true] .profile-chevron{transform:rotate(180deg)}
.profile-dropdown{position:absolute;z-index:100;top:calc(100% + 10px);right:0;width:285px;padding:8px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(24,26,38,.16);animation:profileOpen .18s ease both;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.profile-dropdown-head{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:9px 9px 12px;border-bottom:1px solid var(--line)}.avatar-large{width:44px;height:44px;font-size:15px}.profile-dropdown-head strong,.profile-dropdown-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-head strong{font-size:12px}.profile-dropdown-head small{margin-top:3px;color:var(--muted);font-size:9px}
.profile-dropdown-links{display:grid;gap:2px;padding:6px 0}.profile-dropdown-links a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:center;padding:9px;border-radius:9px;text-decoration:none;transition:background .15s,color .15s}.profile-dropdown-links a:hover{background:#f8f2f5;color:var(--brand)}.profile-dropdown-links .panel-icon{width:17px}.profile-dropdown-links strong,.profile-dropdown-links small{display:block}.profile-dropdown-links strong{font-size:10px}.profile-dropdown-links small{margin-top:2px;color:var(--muted);font-size:8px}
.profile-logout{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid var(--line);color:#bd2856;text-decoration:none;font-size:10px;font-weight:850}.profile-logout .panel-icon{width:16px}
.topbar h1{color:#171823}.page-subtitle{font-size:11px}.btn{position:relative;overflow:hidden}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(115deg,var(--brand),#d91b68 56%,var(--accent));box-shadow:0 10px 24px rgba(196,22,86,.17)}.btn-primary:hover{background:linear-gradient(115deg,var(--brand-dark),#c91458 56%,#5f32bc);box-shadow:0 13px 29px rgba(196,22,86,.23)}.panel-area-b2b .btn-primary{border-color:var(--brand);background:linear-gradient(115deg,var(--brand),#d91b68 56%,var(--accent))}.btn-glass,.btn-secondary{background:rgba(255,255,255,.85)}.btn.is-loading{color:transparent!important}.btn.is-loading:after{position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;content:"";animation:buttonSpin .7s linear infinite}
.card,.stat-card,.dashboard-card,.metric-ribbon{border-color:#e7e8ee;background:rgba(255,255,255,.91);box-shadow:var(--shadow)}.panel-area-partner .card,.panel-area-partner .stat-card,.panel-area-b2b .card,.panel-area-b2b .stat-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.dashboard-card,.card,.stat-card,.metric-ribbon{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashboard-card:hover,.stat-card:hover{border-color:#dddce5;box-shadow:0 17px 42px rgba(31,33,48,.085)}
.metric-symbol,.stat-icon{background:linear-gradient(145deg,#fff2f6,#f5f0ff);color:var(--brand)}.quick-action{background:#fafafd;transition:transform .17s,border-color .17s,background .17s}.quick-action:hover{border-color:rgba(233,22,90,.2);background:#fff;transform:translateX(3px)}
.badge.success,.status-badge.is-active{color:#147a58}.badge.warning,.status-badge.is-passive{color:#a96414}.badge.danger{color:#b52850}.alert-success{color:#137652}.alert-danger{color:#a9234a}.alert-warning,.impersonation-banner{color:#9b6015}.alert-info{color:#2768b5}
input,select,textarea{background:#fafafd}input:hover,select:hover,textarea:hover{border-color:#d9dae3}select option{background:#fff!important;color:#171823!important}label>small{color:var(--muted);font-size:8px;font-weight:550;line-height:1.45}
input:disabled,select:disabled,textarea:disabled{background:#f1f2f5;color:#8c8f9c;cursor:not-allowed}.form-actions{display:flex;align-items:center;gap:12px;margin-top:2px}.save-hint{color:var(--muted);font-size:9px}
.panel-reveal{animation:panelRise .42s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--reveal-index,0)*35ms)}

/* Account and user settings */
.account-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:23px 25px;border:1px solid #e7e8ee;border-radius:16px;background:linear-gradient(115deg,rgba(255,255,255,.98),rgba(251,246,250,.94) 55%,rgba(247,244,253,.95));box-shadow:var(--shadow)}
.account-identity{display:flex;align-items:center;gap:16px}.account-avatar{display:grid;place-items:center;width:64px;height:64px;border:5px solid #fff;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:0 12px 30px rgba(159,27,99,.19);color:#fff;font-size:22px;font-weight:900}.account-identity small{color:var(--brand);font-size:8px;font-weight:900;letter-spacing:.14em}.account-identity h2{margin:3px 0 4px;font-size:22px;letter-spacing:-.035em}.account-identity p{margin:0;color:var(--muted);font-size:10px}.account-state{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dcefe7;border-radius:11px;background:#f4fbf8}.account-state>i{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(21,150,106,.1)}.account-state strong,.account-state small{display:block}.account-state strong{font-size:10px}.account-state small{margin-top:2px;color:var(--muted);font-size:8px}
.account-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:16px}.account-card{padding:24px}.section-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #eee4ea;border-radius:11px;background:#fff4f8;color:var(--brand)}.section-icon .panel-icon{width:19px}.account-card .section-head h2{margin-top:4px}.input-prefix-wrap{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fafafd}.input-prefix-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(233,22,90,.1)}.input-prefix-wrap>span{display:grid;place-items:center;height:100%;border-right:1px solid var(--line);color:var(--brand);font-weight:900}.input-prefix-wrap input{border:0;border-radius:0;box-shadow:none!important}
.password-field{position:relative;display:block}.password-field input{padding-right:63px}.password-field button{position:absolute;right:6px;top:50%;min-height:30px;padding:0 8px;border:0;border-radius:7px;background:#f0edf2;color:#6d6270;font-size:8px;font-weight:850;transform:translateY(-50%);cursor:pointer}.password-field button:hover{background:#e8dfe6;color:var(--brand)}
.password-strength{display:grid;gap:6px}.password-strength>span{display:block;height:5px;overflow:hidden;border-radius:99px;background:#ececf1}.password-strength i{display:block;width:0;height:100%;border-radius:inherit;background:#d0d2da;transition:width .25s,background .25s}.password-strength[data-score="1"] i{width:25%;background:#d84a5c}.password-strength[data-score="2"] i{width:50%;background:#e39a31}.password-strength[data-score="3"] i{width:75%;background:#7254d5}.password-strength[data-score="4"] i{width:100%;background:#15966a}
.account-summary-card{padding:19px}.account-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.account-summary-row:last-child{border-bottom:0}.account-summary-row span{color:var(--muted);font-size:9px}.account-summary-row strong{max-width:58%;overflow:hidden;text-overflow:ellipsis;color:#333542;font-size:9px;text-align:right;white-space:nowrap}
.security-card{overflow:hidden;background:linear-gradient(145deg,#301030,#331544 58%,#28204a);color:#fff}.security-card-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.1);color:#fff}.security-card-icon .panel-icon{width:20px}.security-card h3{margin:15px 0 7px;color:#fff}.security-card p{color:#d8cddd;font-size:9px;line-height:1.6}.security-checks{display:grid;gap:8px;margin-top:14px}.security-checks span{display:flex;align-items:center;gap:7px;color:#f4ebf5;font-size:8px;font-weight:700}.security-checks i{width:6px;height:6px;border-radius:50%;background:#6ee7ad;box-shadow:0 0 9px rgba(110,231,173,.5)}
.support-cta{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.support-cta:hover{border-color:rgba(233,22,90,.24);transform:translateY(-2px)}.support-cta>span:first-child{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff1f6;color:var(--brand)}.support-cta .panel-icon{width:18px}.support-cta strong,.support-cta small{display:block}.support-cta strong{font-size:9px}.support-cta small{margin-top:3px;color:var(--muted);font-size:8px}.support-cta b{color:var(--brand);font-size:18px}

@keyframes panelRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes profileOpen{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
@keyframes softPulse{0%,100%{box-shadow:0 0 0 0 rgba(21,150,106,.16)}50%{box-shadow:0 0 0 6px rgba(21,150,106,0)}}
@keyframes noticePulse{0%,80%,100%{transform:scale(1)}86%{transform:scale(1.12)}}
@keyframes buttonSpin{to{transform:rotate(360deg)}}

@media(max-width:960px){
  .appbar{position:sticky}.sidebar{background:rgba(255,255,255,.98);box-shadow:20px 0 60px rgba(25,27,40,.16)}.sidebar-overlay{background:rgba(31,25,32,.42)}
  .mobile-bottom-nav{background:rgba(255,255,255,.9);box-shadow:0 -12px 32px rgba(35,31,39,.08)}
  .appbar-profile>span:nth-child(2),.profile-chevron{display:none}.profile-dropdown{position:fixed;top:68px;right:12px;width:min(300px,calc(100vw - 24px))}
  .account-layout{grid-template-columns:1fr}.account-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.support-cta{grid-column:1/-1}
}
@media(max-width:680px){
  .account-hero{align-items:flex-start;padding:17px}.account-avatar{width:52px;height:52px;border-radius:15px;font-size:18px}.account-state{display:none}.account-identity h2{font-size:18px}.account-identity p{font-size:9px}
  .account-aside{grid-template-columns:1fr}.support-cta{grid-column:auto}.account-card{padding:16px}.form-actions{align-items:stretch;flex-direction:column}.form-actions .btn{width:100%}.save-hint{text-align:center}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Reference dashboard suite: dense, calm and operational */
.suite-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.suite-toolbar-copy h2{margin:0;font-size:17px;letter-spacing:-.025em}.suite-toolbar-copy p{margin:4px 0 0;color:var(--muted);font-size:9px}.suite-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.suite-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px}.suite-metric{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.93);box-shadow:0 8px 24px rgba(25,28,42,.04);transition:transform .18s,border-color .18s,box-shadow .18s}.suite-metric:hover{transform:translateY(-2px);border-color:rgba(233,22,90,.18);box-shadow:0 13px 30px rgba(25,28,42,.07)}.suite-metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff1f5;color:var(--brand)}.suite-metric-icon.is-purple{background:#f2edff;color:var(--accent)}.suite-metric-icon.is-green{background:#eaf8f2;color:var(--success)}.suite-metric-icon.is-amber{background:#fff6e7;color:#c77b18}.suite-metric-icon .panel-icon{width:18px}.suite-metric small,.suite-metric strong,.suite-metric em{display:block}.suite-metric small{color:var(--muted);font-size:8px;font-weight:750}.suite-metric strong{margin-top:3px;color:#20212c;font-size:19px;letter-spacing:-.035em}.suite-metric em{margin-top:2px;color:#8a8e9c;font-size:7px;font-style:normal}.suite-metric em.is-up{color:var(--success)}
.suite-filterbar{display:grid;grid-template-columns:minmax(190px,1.6fr) repeat(3,minmax(120px,.72fr)) auto;gap:8px;align-items:center;margin-bottom:12px;padding:9px;border:1px solid var(--line);border-radius:12px;background:#fff}.suite-search{position:relative}.suite-search .panel-icon{position:absolute;left:11px;top:50%;width:15px;color:#9396a4;transform:translateY(-50%)}.suite-search input{padding-left:34px}.suite-filterbar input,.suite-filterbar select{min-height:36px;font-size:9px}
.license-filterbar{grid-template-columns:minmax(260px,1fr) minmax(190px,250px) auto}.license-key-cell{display:grid;justify-items:start;gap:6px;min-width:240px;max-width:330px}.license-key-value{display:block;max-width:100%;padding:6px 8px;white-space:normal;overflow-wrap:anywhere;word-break:break-all;color:#533278;font-size:10px;line-height:1.5}.license-key-cell .btn{width:max-content;min-height:27px}.license-filterbar [data-license-count]{font-size:9px;white-space:nowrap}
.suite-card{overflow:hidden;padding:0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.suite-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.suite-card-head h3{margin:0;font-size:11px}.suite-card-head p{margin:3px 0 0;color:var(--muted);font-size:8px}.suite-card-body{padding:16px}.suite-table{width:100%;border-collapse:collapse}.suite-table th{padding:10px 13px;background:#fafafd;color:#858997;font-size:7px;font-weight:900;letter-spacing:.07em;text-align:left;text-transform:uppercase}.suite-table td{padding:11px 13px;border-top:1px solid #efeff3;color:#4f5260;font-size:8px;vertical-align:middle}.suite-table tbody tr{cursor:default;transition:background .15s,box-shadow .15s}.suite-table tbody tr:hover,.suite-table tbody tr.is-selected{background:#fcf7fa}.suite-table tbody tr.is-selected{box-shadow:inset 3px 0 var(--brand)}.suite-table strong{color:#242632;font-size:9px}.suite-table small{display:block;margin-top:2px;color:#8c909e;font-size:7px}.suite-table .row-link{border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.suite-table .row-link:hover strong{color:var(--brand)}
.entity-cell{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center}.entity-avatar{display:grid;place-items:center;overflow:hidden;width:34px;height:34px;border:1px solid #e8e2e7;border-radius:9px;background:linear-gradient(145deg,#fff2f7,#f1ecff);color:var(--brand);font-size:11px;font-weight:900}.entity-avatar img{width:100%;height:100%;object-fit:cover}.status-dot{display:inline-flex;align-items:center;gap:5px;color:#747887;font-size:8px;font-weight:800}.status-dot:before{width:6px;height:6px;border-radius:50%;background:#a8acb6;content:""}.status-dot.is-active{color:#16805d}.status-dot.is-active:before{background:#18a471;box-shadow:0 0 0 4px rgba(24,164,113,.08)}.status-dot.is-warning{color:#ad6a16}.status-dot.is-warning:before{background:#dc8a21}.status-dot.is-danger{color:#b42750}.status-dot.is-danger:before{background:#dc295b}
.icon-btn{display:inline-grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:#6b6f7d;cursor:pointer;transition:border-color .15s,color .15s,transform .15s}.icon-btn:hover{border-color:rgba(233,22,90,.3);color:var(--brand);transform:translateY(-1px)}.icon-btn .panel-icon{width:14px}.suite-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.page-buttons{display:flex;gap:5px}.page-buttons button{min-width:27px;height:27px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#656977;font-size:8px}.page-buttons button.active{border-color:var(--brand);background:var(--brand);color:#fff}
.panel-drawer-backdrop{position:fixed;z-index:110;inset:0;visibility:hidden;border:0;background:rgba(20,17,25,.48);opacity:0;transition:opacity .22s,visibility .22s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel-drawer-backdrop.is-open{visibility:visible;opacity:1}.panel-drawer{position:fixed;z-index:120;top:50%;left:50%;width:min(760px,calc(100vw - 36px));max-height:calc(100vh - 40px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:rgba(255,255,255,.98);color:#111827;box-shadow:0 34px 110px rgba(22,19,28,.28);opacity:0;visibility:hidden;transform:translate(-50%,-47%) scale(.975);transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s,visibility .2s;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.panel-drawer.is-open{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}.drawer-open{overflow:hidden}.drawer-head{position:sticky;z-index:2;top:-22px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-22px -22px 0;padding:18px 22px 14px;border-bottom:1px solid #e5e7eb;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.drawer-head h2{margin:0;font-size:18px}.drawer-profile{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;padding:20px 0}.drawer-profile .entity-avatar{width:56px;height:56px;border-radius:15px;font-size:18px}.drawer-profile h3{margin:0;font-size:15px}.drawer-profile p{margin:5px 0 0;color:#667085;font-size:10px}.drawer-section{padding:17px 0;border-top:1px solid #e5e7eb}.drawer-section h4{margin:0 0 12px;color:#353744;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.drawer-data{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.drawer-data>div{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed #ececf1}.drawer-data span{color:#667085;font-size:9px}.drawer-data strong{max-width:64%;color:#30323e;font-size:9px;text-align:right}.drawer-actions{position:sticky;bottom:-22px;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 -22px -22px;padding:15px 22px 20px;border-top:1px solid #e5e7eb;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.drawer-actions>*{width:100%}.drawer-actions form{display:contents}.drawer-actions .is-full{grid-column:1/-1}
.panel-dialog{position:fixed;z-index:150;inset:0;display:grid;visibility:hidden;place-items:center;padding:18px;background:rgba(25,21,27,.38);opacity:0;transition:opacity .2s,visibility .2s}.panel-dialog.is-open{visibility:visible;opacity:1}.panel-dialog-card{width:min(620px,100%);max-height:min(760px,92vh);overflow:auto;padding:20px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 28px 90px rgba(24,21,30,.22);transform:translateY(9px) scale(.985);transition:transform .22s}.panel-dialog.is-open .panel-dialog-card{transform:none}.dialog-open{overflow:hidden}.panel-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-dialog-head h2{margin:0;font-size:16px}
.account-dialog-card{width:min(660px,100%);padding:0;overflow:hidden;color:#111827}.account-dialog-head{margin:0;padding:20px 22px;border-bottom:1px solid #e6e7ec;background:linear-gradient(135deg,rgba(233,22,90,.06),rgba(107,63,212,.06) 55%,#fff)}.account-popup-identity{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center}.account-popup-identity .avatar{width:48px;height:48px}.account-popup-identity h2{margin:2px 0 3px;font-size:17px}.account-popup-identity small{display:block;color:#667085;font-size:10px}.account-popup-tabs{display:flex;gap:6px;padding:12px 22px 0;background:#fff}.account-popup-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:37px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#667085;font-size:10px;font-weight:800;cursor:pointer}.account-popup-tabs button .panel-icon{width:15px}.account-popup-tabs button.active{border-color:rgba(233,22,90,.18);background:rgba(233,22,90,.07);color:#c71149}.account-popup-panels{max-height:min(570px,65vh);overflow:auto;padding:18px 22px 22px;background:#fff}.popup-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}.account-popup-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;border-top:1px solid #e6e7ec;background:#fafafb;color:#667085;font-size:9px}.account-popup-footer span{display:flex;align-items:center;gap:6px}.account-popup-footer span i,.notification-live-state span i{width:7px;height:7px;border-radius:50%;background:#16a36a;box-shadow:0 0 0 4px rgba(22,163,106,.1)}.account-popup-footer a{display:flex;align-items:center;gap:6px;color:#bd2856;text-decoration:none;font-weight:850}.account-popup-footer .panel-icon{width:14px}
.notification-dialog-card{width:min(680px,100%);padding:22px;color:#111827}.notification-dialog-card .panel-dialog-head{margin-bottom:12px}.notification-dialog-card .panel-dialog-head h2{margin-top:3px;font-size:21px}.notification-dialog-card .panel-dialog-head p{margin:4px 0 0;font-size:10px}.notification-live-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa;color:#667085;font-size:9px}.notification-live-state span{display:flex;align-items:center;gap:8px;font-weight:850}.notification-list{display:grid;gap:7px;max-height:min(500px,58vh);margin:12px 0;overflow:auto}.notification-item{display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #e7e7ec;border-radius:12px;background:#fff;color:#111827;text-decoration:none;transition:border-color .18s,background .18s,transform .18s}.notification-item:hover{border-color:rgba(233,22,90,.25);background:#fdf9fb;transform:translateY(-1px)}.notification-item-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:rgba(107,63,212,.09);color:#6b3fd4;font-size:14px;font-weight:900}.notification-item.is-urgent .notification-item-icon,.notification-item.is-high .notification-item-icon{background:rgba(233,22,90,.1);color:#d20f50}.notification-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notification-item-top strong{font-size:10px}.notification-item-top small,.notification-item-meta{color:#858898;font-size:8px}.notification-item-copy p{margin:4px 0;color:#626675;font-size:9px;line-height:1.45}.notification-item-meta{display:block}.notification-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px}.notification-loading,.notification-empty,.notification-error{display:grid;place-items:center;min-height:150px;padding:22px;border:1px dashed #dedfe5;border-radius:13px;background:#fafafa;text-align:center}.notification-loading i{width:22px;height:22px;border:2px solid #e3c6d1;border-top-color:#e9165a;border-radius:50%;animation:spin .75s linear infinite}.notification-loading span,.notification-empty p,.notification-error p{margin:8px 0 0;color:#777b8a;font-size:9px}.notification-empty span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(22,163,106,.1);color:#16a36a;font-size:18px}.notification-empty strong,.notification-error strong{margin-top:8px;font-size:11px}.notification-button.has-new{animation:noticeRing .65s ease 2}.panel-toast.is-notice{border-color:rgba(107,63,212,.22)}
@keyframes noticeRing{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.suite-tabs{display:flex;gap:5px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:10px;background:#f7f7fa}.suite-tabs button,.suite-tabs a{flex:0 0 auto;padding:7px 11px;border:0;border-radius:7px;background:transparent;color:#777b89;font-size:8px;font-weight:850;text-decoration:none;cursor:pointer}.suite-tabs .active{background:#fff;color:var(--brand);box-shadow:0 3px 10px rgba(27,29,40,.06)}
.switch-control{position:relative;display:inline-flex;align-items:center;gap:7px;color:#606473;font-size:8px;font-weight:800}.switch-control input{position:absolute;opacity:0;pointer-events:none}.switch-control i{position:relative;width:31px;height:18px;border-radius:99px;background:#d8dae1;transition:background .2s}.switch-control i:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.16);content:"";transition:transform .2s}.switch-control input:checked+i{background:linear-gradient(90deg,var(--brand),var(--accent))}.switch-control input:checked+i:after{transform:translateX(13px)}
.split-workspace{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(360px,1.25fr) minmax(280px,.9fr);min-height:620px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.workspace-pane{min-width:0;padding:15px;border-right:1px solid var(--line)}.workspace-pane:last-child{border-right:0}.workspace-pane-head{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:12px}.workspace-pane-head h3{margin:0;font-size:10px}.workspace-list{display:grid;gap:6px}.workspace-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid transparent;border-radius:9px;background:#fafafd;color:#565a69;text-decoration:none;cursor:pointer}.workspace-item:hover,.workspace-item.is-active{border-color:#eadce4;background:#fff6f9;color:#8e1745}.workspace-item strong,.workspace-item small{display:block}.workspace-item strong{font-size:8px}.workspace-item small{margin-top:2px;color:#9296a3;font-size:7px}.drag-mark{color:#b4b6bf;font-size:12px;letter-spacing:-2px}.workspace-editor{display:grid;gap:10px}.workspace-editor label{font-size:8px}.content-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.content-block-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#fff1f6;color:var(--brand)}.content-block strong,.content-block small{display:block}.content-block strong{font-size:8px}.content-block small{margin-top:2px;color:var(--muted);font-size:7px}
.preview-controls{display:flex;justify-content:center;gap:4px;margin-bottom:10px}.preview-controls button{display:grid;place-items:center;width:29px;height:27px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#8a8e9b;cursor:pointer}.preview-controls button.active{border-color:var(--brand);background:#fff2f7;color:var(--brand)}.live-preview-shell{display:flex;justify-content:center;min-height:470px;padding:12px;border-radius:12px;background:#eff0f4}.live-preview{width:100%;height:500px;overflow:hidden;border:0;border-radius:8px;background:#fff;box-shadow:0 12px 35px rgba(28,30,43,.12);transition:width .25s}.live-preview[data-preview-mode="tablet"]{width:72%}.live-preview[data-preview-mode="mobile"]{width:360px;max-width:100%}.live-preview iframe{width:100%;height:100%;border:0}
.qr-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:13px}.qr-mini{display:grid;place-items:center;width:36px;height:36px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fff}.qr-mini img{width:100%;height:100%}.heatmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.heatmap-cell{display:grid;place-items:center;aspect-ratio:1;border:1px solid #eadfe5;border-radius:9px;background:rgba(233,22,90,var(--heat,.05));color:#6e3a4f;font-size:8px;font-weight:900;cursor:pointer;transition:transform .15s}.heatmap-cell:hover,.heatmap-cell.is-active{transform:translateY(-2px);outline:2px solid rgba(233,22,90,.22)}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:74px;padding-top:10px}.mini-bars i{flex:1;min-height:5px;border-radius:4px 4px 1px 1px;background:linear-gradient(#8d54e0,#e9165a);animation:barGrow .55s ease both;transform-origin:bottom}.module-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.module-tile{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.module-tile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.module-tile h4{margin:9px 0 4px;font-size:9px}.module-tile p{min-height:30px;margin:0;color:var(--muted);font-size:7px;line-height:1.45}.module-tile footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.module-tile footer strong{font-size:8px;color:var(--brand)}
.analytics-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);gap:13px}.analytics-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.data-chart{min-height:230px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.data-chart h3{margin:0;font-size:10px}.chart-stage{position:relative;height:160px;margin-top:10px;border-bottom:1px solid #ececf0;background:repeating-linear-gradient(to bottom,#fff 0,#fff 39px,#efeff3 40px)}.chart-stage svg{position:absolute;inset:0;width:100%;height:100%}.satisfaction-row{display:grid;grid-template-columns:88px 1fr 28px;gap:8px;align-items:center;margin:10px 0}.satisfaction-row span,.satisfaction-row strong{font-size:8px}.meter{height:7px;overflow:hidden;border-radius:99px;background:#efeff3}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}.ai-side{overflow:hidden;border:1px solid #e8dfe5;border-radius:14px;background:linear-gradient(160deg,#fff,#fcf7fa 55%,#f6f1ff);box-shadow:var(--shadow)}.ai-side-head{padding:16px;background:linear-gradient(120deg,#42153d,#51205b 60%,#443173);color:#fff}.ai-side-head h3{margin:0;color:#fff;font-size:12px}.ai-side-head p{margin:4px 0 0;color:#e8dce7;font-size:8px}.ai-side-body{padding:15px}.drop-zone{display:grid;place-items:center;min-height:120px;padding:15px;border:1px dashed #d7bdca;border-radius:11px;background:rgba(255,255,255,.72);color:#8d6679;text-align:center}.drop-zone strong,.drop-zone small{display:block}.drop-zone strong{margin-top:7px;font-size:9px}.drop-zone small{margin-top:4px;font-size:7px}.token-estimate{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:11px 0;padding:9px;border-radius:9px;background:#fff}.token-estimate span,.token-estimate strong{font-size:8px}
.finance-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,.7fr);gap:13px}.finance-side{display:grid;gap:13px}.webhook-state{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:11px;border:1px solid #dbefe7;border-radius:10px;background:#f3fbf8}.webhook-state strong,.webhook-state small{display:block}.webhook-state strong{font-size:8px}.webhook-state small{margin-top:2px;color:var(--muted);font-size:7px}
.panel-toast-region{position:fixed;z-index:200;right:18px;bottom:18px;display:grid;gap:8px}.panel-toast{min-width:210px;max-width:min(360px,calc(100vw - 36px));padding:11px 13px;border:1px solid #dcece5;border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 16px 44px rgba(24,27,39,.15);color:#176747;font-size:9px;font-weight:750;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.panel-toast.is-visible{opacity:1;transform:none}.panel-toast.is-danger{border-color:#f0d5de;color:#aa244d}
@keyframes barGrow{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(max-width:1180px){.split-workspace{grid-template-columns:220px minmax(360px,1fr)}.split-workspace>.workspace-pane:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.analytics-layout{grid-template-columns:1fr}.ai-side{display:grid;grid-template-columns:260px 1fr}.module-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.suite-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.suite-filterbar{grid-template-columns:1fr 1fr}.suite-filterbar .suite-search{grid-column:1/-1}.qr-layout,.finance-layout{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}.panel-drawer{width:min(720px,calc(100vw - 22px));max-height:calc(100vh - 92px)}.ai-side{grid-template-columns:1fr}.split-workspace{grid-template-columns:1fr}.split-workspace>.workspace-pane{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:620px){.suite-toolbar{align-items:flex-start;flex-direction:column}.suite-actions{width:100%}.suite-actions .btn{flex:1}.suite-metrics{grid-template-columns:1fr 1fr}.suite-metric{grid-template-columns:31px minmax(0,1fr);padding:11px}.suite-metric-icon{width:31px;height:31px}.suite-metric strong{font-size:15px}.suite-filterbar{grid-template-columns:1fr}.suite-filterbar .suite-search{grid-column:auto}.module-strip{grid-template-columns:1fr}.panel-drawer{top:50%;width:calc(100vw - 18px);max-height:calc(100vh - 92px);padding:17px;border-radius:18px}.drawer-head{top:-17px;margin:-17px -17px 0;padding:15px 17px 12px}.drawer-data{grid-template-columns:1fr}.drawer-actions{bottom:-17px;grid-template-columns:1fr;margin:0 -17px -17px;padding:13px 17px 17px}.drawer-actions .is-full{grid-column:auto}.panel-dialog{padding:9px}.panel-dialog-card{padding:15px;border-radius:15px}.account-dialog-card{padding:0}.account-dialog-head{padding:16px}.account-popup-tabs{padding:10px 16px 0}.account-popup-tabs button{flex:1;justify-content:center;padding:0 7px}.account-popup-panels{padding:15px 16px 18px}.popup-form-actions,.notification-dialog-actions{align-items:stretch;flex-direction:column}.popup-form-actions .btn,.notification-dialog-actions .btn{width:100%}.account-popup-footer{padding:12px 16px}.notification-dialog-card{padding:16px}.notification-item-top{display:grid;gap:3px}.suite-table th,.suite-table td{white-space:nowrap}.workspace-pane{padding:12px}.live-preview-shell{padding:7px}.live-preview{height:560px}}