:root{color-scheme:dark;--bg-root: #020617;--bg-elevated: #020617;--bg-card: #020617;--border-subtle: #1f2937;--text-main: #e5e7eb;--text-muted: #9ca3af;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .2);--danger: #f97373;--success: #22c55e;--warning: #facc15}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;color:var(--text-main);background-color:var(--bg-root)}h1,h2,h3,p{margin:0}button{font-family:inherit}.login-root{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3.5rem 1.5rem;overflow:hidden;background:radial-gradient(circle at top,rgba(37,99,235,.25),transparent 55%),radial-gradient(circle at bottom right,rgba(249,115,22,.18),transparent 55%),radial-gradient(circle at bottom left,rgba(16,185,129,.15),transparent 55%),radial-gradient(circle at center,#020617 0,#000 65%)}.login-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;mix-blend-mode:screen}.login-card{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);max-width:1100px;width:100%;border-radius:1.75rem;border:1px solid rgba(148,163,184,.2);background:linear-gradient(135deg,#0f172ae6,#0f172af0) padding-box,linear-gradient(135deg,#60a5fab3,#818cf866) border-box;box-shadow:0 20px 60px #000c,0 0 80px #38bdf866;overflow:hidden}@media(max-width:900px){.login-card{grid-template-columns:minmax(0,1fr)}}.login-left{padding:2.5rem 2.75rem;border-right:1px solid rgba(148,163,184,.3);background:radial-gradient(circle at top left,rgba(94,234,212,.15),transparent 55%)}@media(max-width:900px){.login-left{border-right:none;border-bottom:1px solid rgba(148,163,184,.3)}}.login-right{padding:2.5rem;background:radial-gradient(circle at top right,rgba(59,130,246,.2),transparent 55%)}.logo{display:flex;align-items:center;gap:.5rem}.logo-mark{width:32px;height:32px;border-radius:12px;background:radial-gradient(circle at 25% 15%,#fbbf24,#ec4899 50%,#4f46e5 95%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#0b1020;box-shadow:0 0 25px #ec4899b3}.logo-text{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;color:#cbd5f5}.login-title{margin-top:2rem;font-size:2rem;line-height:1.15}.accent{color:var(--accent)}.login-subtitle{margin-top:1rem;font-size:.95rem;color:var(--text-muted);max-width:460px}.login-highlight-grid{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}.highlight-pill{padding:.45rem .75rem;border-radius:999px;background:#0f172aa6;border:1px solid rgba(148,163,184,.4);font-size:.75rem;display:inline-flex;align-items:center;gap:.45rem;color:#cbd5f5}.pill-dot{width:6px;height:6px;border-radius:999px;background:linear-gradient(to right,#22c55e,#a3e635)}.login-form{background:#0f172af2;border-radius:1.5rem;padding:1.75rem;border:1px solid rgba(148,163,184,.5);box-shadow:0 18px 40px #0f172ae6}.login-form h2{font-size:1.35rem;margin-bottom:.3rem}.login-form-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;font-size:.85rem}.field span{color:#cbd5f5}.field input,.field select{border-radius:.9rem;border:1px solid rgba(148,163,184,.55);background:#0f172af2;padding:.55rem .75rem;font-size:.9rem;color:var(--text-main);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 1px #6366f1b3;background:#0f172a}.btn-primary{margin-top:.75rem;width:100%;border-radius:999px;border:none;padding:.7rem 1rem;font-size:.9rem;font-weight:500;background:linear-gradient(135deg,#4f46e5,#6366f1,#a855f7);color:#fff;cursor:pointer;box-shadow:0 12px 30px #4f46e5bf,0 0 30px #818cf8cc;transition:transform .1s ease-out,box-shadow .1s ease-out,filter .1s ease-out}.btn-primary:disabled{opacity:.7;cursor:default;box-shadow:none}.btn-primary:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-primary:not(:disabled):active{transform:translateY(1px);box-shadow:0 6px 18px #4f46e580}.login-footnote{margin-top:.85rem;font-size:.75rem;color:var(--text-muted)}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 60%),radial-gradient(circle at bottom right,rgba(139,92,246,.16),transparent 55%),#020617}.sidebar{width:280px;border-right:1px solid var(--border-subtle);background:#0f172af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.1rem 1.1rem;position:sticky;top:0;max-height:100vh}.logo-sidebar{margin-left:.25rem}.sidebar-top{display:flex;flex-direction:column;gap:1.4rem}.sidebar-company{margin-top:.4rem}.sidebar-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.company-switcher{margin-top:.45rem;border-radius:1rem;width:100%;border:1px solid rgba(148,163,184,.6);background:#0f172af5;padding:.55rem .6rem;display:flex;align-items:center;gap:.55rem;cursor:default}.company-avatar{width:26px;height:26px;border-radius:.9rem;background:linear-gradient(135deg,#38bdf8,#6366f1);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#020617}.company-meta{display:flex;flex-direction:column}.company-name{font-size:.82rem;font-weight:500}.company-sub{font-size:.72rem;color:var(--text-muted)}.company-chevron{margin-left:auto;font-size:.7rem;color:var(--text-muted)}.company-list{margin-top:.45rem;border-radius:1rem;border:1px solid rgba(148,163,184,.45);padding:.3rem;display:flex;flex-direction:column;gap:.1rem;background:#0f172ad9}.company-list-item{width:100%;border-radius:.7rem;border:none;background:transparent;padding:.35rem .4rem;display:flex;gap:.4rem;align-items:center;cursor:pointer;color:inherit;text-align:left}.company-list-item:hover{background:#1f2937cc}.company-list-item.active{background:#4f46e540}.company-list-avatar{width:22px;height:22px;border-radius:.6rem;background:#374151cc;display:flex;align-items:center;justify-content:center;font-size:.75rem}.company-list-text span:first-child{font-size:.78rem}.company-sub-small{font-size:.7rem;color:var(--text-muted)}.sidebar-nav{margin-top:1.2rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{border-radius:.9rem;border:none;background:transparent;padding:.55rem .7rem;font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:.45rem;cursor:pointer}.nav-item:hover{background:#0f172ad9;color:#e5e7eb}.nav-item-active{background:linear-gradient(135deg,#4f46e54d,#818cf840);color:#e5e7eb}.nav-dot{width:8px;height:8px;border-radius:999px;background:#94a3b8b3}.nav-item-active .nav-dot{background:#6366f1}.sidebar-bottom{border-top:1px solid rgba(31,41,55,.9);padding-top:.9rem;margin-top:1.2rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-user{display:flex;align-items:center;gap:.45rem}.user-avatar{width:28px;height:28px;border-radius:.9rem;background:radial-gradient(circle at top,#22c55e,#0f766e 75%);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#020617}.user-meta{display:flex;flex-direction:column}.user-name{font-size:.85rem}.user-role{font-size:.72rem;color:var(--text-muted)}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem .7rem;border-bottom:1px solid var(--border-subtle);background:linear-gradient(to bottom,#0f172aeb,#0f172af0);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.breadcrumbs{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:.75rem}.content-area{padding:1.4rem 1.5rem 1.8rem}.btn-secondary,.btn-ghost{border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172af2;padding:.45rem .85rem;font-size:.8rem;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.btn-secondary:hover{background:#1e40afb3;border-color:#818cf8e6}.btn-ghost{border-style:dashed;border-color:#94a3b88c;background:transparent}.btn-ghost:hover{background:#0f172acc}.w-full{width:100%}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;border:1px solid rgba(148,163,184,.6);background:#0f172ae6}.badge-success{border-color:#22c55ecc;background:#16a34a2e;color:#bbf7d0}.badge-muted{border-color:#94a3b8b3;background:#0f172af2;color:#d1d5db}.dot{width:8px;height:8px;border-radius:999px}.dot-success{background:radial-gradient(circle at 30% 20%,#bbf7d0,#22c55e)}.dot-warning{background:radial-gradient(circle at 30% 20%,#fef3c7,#facc15)}.dot-info{background:radial-gradient(circle at 30% 20%,#e0f2fe,#38bdf8)}.page{display:flex;flex-direction:column;gap:1.25rem}.page-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}@media(max-width:900px){.page-header{flex-direction:column}}.page-title{font-size:1.35rem;margin-bottom:.25rem}.page-subtitle{font-size:.86rem;color:var(--text-muted)}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.card{border-radius:1.15rem;border:1px solid rgba(30,64,175,.7);background:radial-gradient(circle at top left,rgba(30,64,175,.35),transparent 60%),radial-gradient(circle at bottom right,rgba(30,64,175,.2),transparent 60%),#0f172afa;padding:1.15rem 1.2rem;box-shadow:0 18px 40px #0f172af2}.card-header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;margin-bottom:.7rem}.card-header h2{font-size:.92rem}.card-helper{font-size:.75rem;color:var(--text-muted);text-align:right}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.stats-grid{grid-template-columns:minmax(0,1fr)}}.stat-card{background:radial-gradient(circle at top left,rgba(52,211,153,.16),transparent 60%),#0f172afa}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.75rem;color:var(--text-muted)}.stat-value{margin-top:.4rem;font-weight:600;font-size:1.1rem}.stat-helper{margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.grid{display:grid;gap:.9rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}}.progress-wrapper{display:flex;align-items:center;gap:.35rem}.progress-track{flex:1;height:5px;border-radius:999px;background:#1e40af80;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#eab308)}.progress-label{font-size:.7rem;color:var(--text-muted)}.budget-bars{margin-top:.4rem;display:flex;flex-direction:column;gap:.7rem}.budget-bar-row{display:flex;flex-direction:column;gap:.35rem}.budget-bar-label{display:flex;flex-direction:column}.budget-bar-name{font-size:.85rem}.budget-bar-meta{font-size:.72rem;color:var(--text-muted)}.budget-bar-track{position:relative;height:12px;border-radius:999px;overflow:hidden;background:#0f172ae6;border:1px solid rgba(30,64,175,.9)}.budget-bar-budget{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at left,rgba(59,130,246,.3),transparent 60%)}.budget-bar-spent{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#eab308,#f97316)}.budget-bar-values{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-muted)}.channel-list{margin-top:.3rem;display:flex;flex-direction:column;gap:.45rem}.channel-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,3fr) auto;align-items:center;gap:.45rem;font-size:.78rem}.channel-label{color:var(--text-muted)}.channel-bar-track{height:8px;border-radius:999px;overflow:hidden;background:#1e40af99}.channel-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#6366f1,#a855f7)}.channel-value{font-variant-numeric:tabular-nums;color:var(--text-muted)}.small-note{margin-top:.5rem;font-size:.74rem;color:var(--text-muted)}.table{width:100%;border-collapse:collapse;font-size:.8rem}.table thead{background:#0f172ae6}.table th,.table td{padding:.55rem .4rem;border-bottom:1px solid rgba(31,41,55,.95)}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.table tr:hover td{background:#0f172ae6}.table.compact th,.table.compact td{padding:.45rem .35rem}.right{text-align:right}.cell-main{display:flex;flex-direction:column}.cell-title{font-size:.8rem}.cell-sub{font-size:.72rem;color:var(--text-muted)}.simple-list{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--text-muted)}.shopify-status{margin-top:.4rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.filter-select{display:flex;flex-direction:column;gap:.25rem;font-size:.74rem;color:var(--text-muted)}.filter-select select{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172af2;padding:.35rem .7rem;font-size:.78rem;color:var(--text-main)}.collection-card{display:flex;flex-direction:column;gap:.5rem}.collection-title{font-size:.95rem;margin-top:.35rem}.collection-sub{font-size:.78rem;color:var(--text-muted)}.collection-meta-row{display:flex;justify-content:space-between;font-size:.78rem;margin-top:.1rem}.pill{padding:.2rem .5rem;border-radius:999px;font-size:.72rem}.pill-soft{background:#22c55e29;color:#bbf7d0}@media(max-width:900px){.sidebar{display:none}.app-shell{flex-direction:column}.topbar,.content-area{padding-inline:1rem}}