
:root{
  --bg:#ece9e2;--surface:#f8f6f0;--surface2:#e3ded4;--ink:#0c0c0c;--muted:#777269;--line:rgba(12,12,12,.13);
  --accent:#c7a36b;--accent2:#8c6b42;--side:#080808;--sideInk:#f4f0e7;--good:#5f8d68;--warn:#b28b4d;--bad:#a5544c;
  --shadow:0 24px 80px rgba(0,0,0,.11);--sidebar:266px;
}
html[data-admin-theme="light"]{--bg:#ece9e2;--surface:#f8f6f0;--surface2:#e3ded4;--ink:#0c0c0c;--muted:#777269;--line:rgba(12,12,12,.13);--side:#080808;--sideInk:#f4f0e7}
html[data-admin-theme="dark"]{--bg:#080808;--surface:#101010;--surface2:#171717;--ink:#f4f0e8;--muted:#8a867f;--line:rgba(255,255,255,.12);--side:#060606;--sideInk:#f4f0e7;--shadow:0 26px 90px rgba(0,0,0,.42)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;transition:background .25s,color .25s}.hidden{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.admin-noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.admin-brand{font-size:28px;font-weight:950;letter-spacing:-.08em}.admin-brand span{color:var(--accent)}.kicker{font-size:7px;letter-spacing:.24em;color:var(--accent);font-weight:900}
.login-view{min-height:100vh;display:grid;grid-template-columns:52% 48%;background:#080808;color:#fff}.login-copy{padding:34px max(36px,calc((100vw - 1500px)/2));display:flex;flex-direction:column;justify-content:space-between}.login-head,.login-foot{display:flex;align-items:center;justify-content:space-between}.health{font-size:7px;letter-spacing:.18em;color:#777}.health i,.system-mini i,.live-chip i,.owner-chip>i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76a17e;box-shadow:0 0 0 5px rgba(118,161,126,.08);margin-right:8px}
.login-main{max-width:650px;padding:46px 0}.login-main h1{font-size:clamp(64px,7vw,122px);line-height:.76;letter-spacing:-.075em;margin:22px 0 30px}.login-main h1 em,.view-hero h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--accent)}.login-main>p{color:#818181;line-height:1.75;max-width:540px;font-size:13px}.login-main form{max-width:440px;margin-top:34px}.login-main label{display:grid;gap:8px;margin-bottom:13px}.login-main label span{font-size:7px;letter-spacing:.16em;color:#777}.login-main input{height:52px;background:#111;border:1px solid #2b2b2b;color:#fff;padding:0 14px;outline:0}.login-main input:focus{border-color:var(--accent)}.login-msg{color:#d18177;font-size:9px;margin-top:12px}.login-foot{font-size:7px;letter-spacing:.18em;color:#444}
.login-visual{position:relative;background:var(--accent);overflow:hidden;color:#0b0b0b;display:grid;place-items:center}.login-glyph{font-size:58vw;line-height:.7;font-weight:950;letter-spacing:-.16em;transform:translate(-1%,4%)}.visual-orbit{position:absolute;border:1px solid rgba(0,0,0,.24);border-radius:50%}.o1{width:72%;aspect-ratio:1}.o2{width:48%;aspect-ratio:1}.visual-card{position:absolute;right:7%;top:8%;border:1px solid rgba(0,0,0,.3);padding:18px;min-width:190px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);display:grid;gap:8px}.visual-card span,.visual-card small,.visual-code{font-size:7px;letter-spacing:.18em}.visual-card b{font-size:24px;letter-spacing:-.04em}.visual-code{position:absolute;right:7%;bottom:5%}
.admin-btn{min-height:42px;border:1px solid var(--line);background:transparent;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:7px;letter-spacing:.14em;font-weight:900;transition:transform .2s,background .2s,color .2s}.admin-btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.login-view .admin-btn.primary{background:#fff;color:#0a0a0a;border-color:#fff}.admin-btn.danger{border-color:rgba(165,84,76,.55);color:#c2675e}.admin-btn:hover{transform:translateY(-1px)}
.admin-app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{background:var(--side);color:var(--sideInk);height:100vh;position:sticky;top:0;padding:22px 16px;display:flex;flex-direction:column;z-index:100}.sidebar-top{display:flex;justify-content:space-between;align-items:center;padding:0 8px}.collapse-btn{border:1px solid #252525;background:transparent;color:#777;width:30px;height:30px}.store-chip{margin:26px 0 15px;border:1px solid #222;padding:10px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;background:#0d0d0d}.store-avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:#080808;font-weight:950}.store-chip b{display:block;font-size:10px}.store-chip span{display:block;font-size:7px;color:#5d5d5d;margin-top:4px}.store-chip i{font-style:normal;color:#555}
.admin-nav{overflow:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}.admin-nav::-webkit-scrollbar{width:3px}.admin-nav::-webkit-scrollbar-thumb{background:#222}.nav-item{border:0;background:transparent;color:#707070;min-height:36px;padding:0 10px;display:grid;grid-template-columns:22px 1fr auto;align-items:center;text-align:left;font-size:8px;letter-spacing:.05em}.nav-item i{font-style:normal;color:#4d4d4d}.nav-item b{font-size:7px;background:#252525;color:#aaa;min-width:20px;height:20px;border-radius:20px;display:grid;place-items:center}.nav-item.sub{padding-left:28px;min-height:31px}.nav-item:hover,.nav-item.active{background:#151515;color:#f2eee7}.nav-item.active i{color:var(--accent)}.nav-divider{padding:18px 10px 8px}.nav-divider span{font-size:6px;letter-spacing:.18em;color:#373737}
.sidebar-foot{margin-top:auto;border-top:1px solid #1f1f1f;padding-top:14px}.system-mini{display:grid;grid-template-columns:10px 1fr;gap:8px;align-items:start}.system-mini i{margin-top:5px}.system-mini b{font-size:8px}.system-mini span{display:block;font-size:6px;color:#444;margin-top:4px}.sidebar-foot>button{width:100%;margin-top:14px;border:0;background:transparent;color:#555;text-align:left;font-size:7px;letter-spacing:.16em;padding:8px}
.admin-main{min-width:0}.admin-header{height:72px;position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--bg) 90%, transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.08em}.breadcrumbs span,.breadcrumbs i{color:var(--muted);font-style:normal}.header-actions{display:flex;align-items:center;gap:8px}.command-trigger{height:38px;min-width:270px;border:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 10px;color:var(--muted)}.command-trigger b{font-size:8px;text-align:left;font-weight:500}.command-trigger kbd,.command-input kbd{font-family:inherit;font-size:6px;border:1px solid var(--line);padding:4px 5px;background:var(--surface2)}.round-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:14px}.owner-chip{height:38px;display:flex;align-items:center;gap:7px;padding:0 9px}.owner-chip span{display:grid}.owner-chip b{font-size:8px}.owner-chip small{font-size:6px;color:var(--muted);margin-top:2px}.mobile-admin-head{display:none}
.admin-content{padding:30px 32px 80px;max-width:1720px;margin:auto}.view-hero,.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.view-hero{min-height:240px;align-items:center}.view-hero h2{font-size:clamp(54px,6vw,96px);line-height:.82;letter-spacing:-.07em;margin:18px 0}.view-hero p,.view-head p{color:var(--muted);margin:0;line-height:1.6}.hero-ops,.head-actions{display:flex;gap:8px}.view-head h2{font-size:44px;letter-spacing:-.05em;margin:9px 0}.date-select{height:42px;background:var(--surface);border:1px solid var(--line);padding:0 12px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-bottom:18px}.stat-card{background:var(--surface);padding:24px;min-height:155px;display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card>span{font-size:7px;letter-spacing:.16em;color:var(--muted)}.stat-card>b{font-size:28px;letter-spacing:-.05em;margin-top:22px}.stat-card>small{margin-top:auto;color:var(--muted);font-size:7px;letter-spacing:.08em}.stat-card>i{position:absolute;right:12px;bottom:-16px;font-size:74px;font-style:normal;font-weight:950;color:color-mix(in srgb,var(--ink) 3%,transparent)}
.dashboard-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:18px;margin-top:18px}.dashboard-grid.lower{grid-template-columns:1.35fr .65fr}.panel{background:var(--surface);border:1px solid var(--line);padding:22px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h3{font-size:16px;margin:7px 0 0;letter-spacing:-.02em}.live-chip{font-size:6px;letter-spacing:.14em;color:var(--muted)}.chart{height:240px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--line);padding-top:24px}.chart-bar{flex:1;height:calc(var(--v)*1%);min-height:5px;background:linear-gradient(to top,var(--accent),color-mix(in srgb,var(--accent) 35%,transparent));position:relative}.chart-bar:after{content:attr(data-day);position:absolute;left:50%;transform:translateX(-50%);bottom:-22px;font-size:6px;color:var(--muted)}.chart-legend{display:flex;justify-content:space-between;margin-top:30px;font-size:6px;letter-spacing:.14em;color:var(--muted)}
.attention-list{display:grid;gap:1px;background:var(--line)}.attention-item{background:var(--surface);padding:14px;display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center}.attention-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--surface2)}.attention-item b{font-size:9px}.attention-item span{display:block;font-size:7px;color:var(--muted);margin-top:4px}.attention-item button{border:0;background:transparent;font-size:12px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:6px;letter-spacing:.14em;color:var(--muted);text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}td{font-size:8px;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:color-mix(in srgb,var(--surface2) 55%,transparent)}.prod-cell,.customer-cell{display:flex;align-items:center;gap:10px}.prod-cell img{width:42px;height:50px;object-fit:cover;background:var(--surface2)}.prod-cell b,.customer-cell b{font-size:9px}.prod-cell small,.customer-cell small{display:block;color:var(--muted);font-size:6px;margin-top:4px}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:20px;font-size:6px;letter-spacing:.08em;background:var(--surface2)}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--muted)}.status.active:before,.status.paid:before,.status.delivered:before,.status.fulfilled:before{background:var(--good)}.status.pending:before,.status.processing:before,.status.unfulfilled:before{background:var(--warn)}.status.cancelled:before,.status.archived:before{background:var(--bad)}.status.shipped:before{background:#5e7aa1}.row-actions{display:flex;gap:5px}.mini-btn{min-width:28px;height:28px;border:1px solid var(--line);background:transparent;font-size:7px}
.activity-feed{display:grid}.activity-row{padding:12px 0;border-bottom:1px solid var(--line)}.activity-row b{font-size:8px}.activity-row span{display:block;color:var(--muted);font-size:6px;margin-top:4px}.text-btn{border:0;background:transparent;color:var(--muted);font-size:7px;letter-spacing:.12em}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px}.tool-search{height:40px;border:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 10px;min-width:330px}.tool-search input{border:0;outline:0;background:transparent;min-width:270px;font-size:8px}.toolbar select{background:var(--surface);border:1px solid var(--line);padding:0 10px;font-size:8px}
.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.metric-tile{border:1px solid var(--line);background:var(--surface);padding:14px}.metric-tile span{display:block;font-size:6px;letter-spacing:.12em;color:var(--muted)}.metric-tile b{display:block;font-size:18px;margin-top:8px;letter-spacing:-.04em}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.entity-card{border:1px solid var(--line);background:var(--surface);padding:20px;min-height:190px;display:flex;flex-direction:column}.entity-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.entity-card h3{font-size:20px;letter-spacing:-.04em;margin:10px 0}.entity-card p{color:var(--muted);font-size:9px;line-height:1.6}.entity-card-foot{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:14px}.entity-card-foot span{font-size:7px;letter-spacing:.1em;color:var(--muted)}.entity-actions{display:flex;gap:5px}
.rank-list{display:grid}.rank-row{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.rank-row>span{color:var(--accent);font-size:8px}.rank-row b{font-size:9px}.rank-row small{display:block;color:var(--muted);font-size:6px;margin-top:4px}.rank-row>strong{font-size:9px}.donut-wrap{min-height:260px;display:grid;place-items:center}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--vip),var(--surface2) var(--vip) 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:116px;height:116px;border-radius:50%;background:var(--surface)}.donut>div{z-index:1;text-align:center}.donut b{display:block;font-size:26px}.donut span{font-size:6px;color:var(--muted);letter-spacing:.12em}
.finance-ledger{display:grid}.ledger-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:9px}.ledger-row span{color:var(--muted)}.ledger-row.total{font-size:14px;font-weight:900}.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.setting-form label{display:grid;gap:7px;margin-bottom:14px}.setting-form label>span{font-size:7px;letter-spacing:.08em;color:var(--muted)}.setting-form input,.setting-form textarea,.setting-form select{width:100%;background:transparent;border:1px solid var(--line);padding:12px;outline:0}.setting-form textarea{min-height:90px;resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-line{display:flex!important;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:12px}.toggle-line span{display:block}.toggle-line b{display:block;font-size:8px;color:var(--ink)}.toggle-line small{display:block;font-size:6px;color:var(--muted);margin-top:4px}.toggle-line input{width:18px;height:18px}.preview-panel{min-height:430px}.preview-window{margin-top:20px;background:#0a0a0a;color:#fff;min-height:330px;padding:22px;position:relative;overflow:hidden}.preview-window:after{content:"M";position:absolute;right:-30px;bottom:-70px;font-size:250px;font-weight:950;color:#111;letter-spacing:-.15em}.preview-bar{height:1px;background:#2b2b2b;margin-bottom:25px}.preview-window>b{font-size:22px}.preview-window h3{position:relative;z-index:1;font-size:48px;line-height:.82;letter-spacing:-.06em;margin:54px 0 18px;max-width:360px}.preview-window p{position:relative;z-index:1;color:#777;max-width:380px;font-size:9px;line-height:1.6}.theme-card{padding:0;overflow:hidden}.theme-preview{height:360px;background:#0a0a0a;color:#fff;padding:20px}.theme-preview-nav{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.1em}.theme-preview-nav b{font-size:20px}.theme-preview-hero{margin-top:70px}.theme-preview-hero small{font-size:6px;color:var(--accent);letter-spacing:.14em}.theme-preview-hero b{display:block;font-size:52px;line-height:.78;letter-spacing:-.07em;margin-top:16px}.theme-meta{padding:16px;display:flex;justify-content:space-between;align-items:center}.theme-meta span{display:block;font-size:6px;color:var(--muted);letter-spacing:.12em}.theme-meta b{display:block;font-size:9px;margin-top:4px}.danger-panel{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.danger-panel p{color:var(--muted);line-height:1.6;font-size:9px}
.command-palette{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:5000;opacity:0;visibility:hidden;display:grid;place-items:start center;padding-top:10vh;transition:opacity .2s}.command-palette.show{opacity:1;visibility:visible}.command-box{width:min(720px,92vw);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.command-input{height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid var(--line)}.command-input input{border:0;background:transparent;outline:0;font-size:12px}.command-results{max-height:420px;overflow:auto;padding:8px}.command-row{width:100%;border:0;background:transparent;padding:11px;display:flex;justify-content:space-between;text-align:left}.command-row:hover{background:var(--surface2)}.command-row b{font-size:9px}.command-row span{font-size:7px;color:var(--muted)}
.admin-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:5500;display:grid;place-items:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .2s}.admin-modal.show{opacity:1;visibility:visible}.admin-modal-panel{width:min(820px,96vw);max-height:92vh;overflow:auto;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;padding:26px}.modal-x{position:absolute;right:18px;top:16px;border:0;background:transparent;font-size:22px}.modal-title{font-size:34px;letter-spacing:-.05em;margin:10px 0 24px}.modal-form label{display:grid;gap:7px;margin-bottom:13px}.modal-form label span{font-size:7px;color:var(--muted);letter-spacing:.08em}.modal-form input,.modal-form textarea,.modal-form select{width:100%;background:transparent;border:1px solid var(--line);padding:11px}.modal-form textarea{min-height:80px}.modal-form .form-two{gap:10px}.order-detail-items{display:grid;gap:1px;background:var(--line);margin:18px 0}.order-detail-line{background:var(--surface);display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px}.admin-toast-stack{position:fixed;right:18px;bottom:18px;z-index:6000;display:grid;gap:7px}.admin-toast{background:var(--ink);color:var(--bg);padding:12px 15px;min-width:250px;font-size:7px;letter-spacing:.1em;box-shadow:var(--shadow)}
.sidebar.collapsed{width:76px}.sidebar.collapsed .store-chip>div:nth-child(2),.sidebar.collapsed .store-chip>i,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item b,.sidebar.collapsed .nav-divider,.sidebar.collapsed .system-mini div,.sidebar.collapsed .sidebar-foot>button,.sidebar.collapsed .admin-brand{display:none}.sidebar.collapsed .store-chip{grid-template-columns:1fr;padding:8px}.sidebar.collapsed .nav-item{grid-template-columns:1fr;place-items:center}.sidebar.collapsed+.admin-main{margin-left:calc(76px - var(--sidebar))}
@media(max-width:1180px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower,.settings-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.command-trigger{min-width:190px}}
@media(max-width:840px){.admin-app{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .3s;width:270px!important}.sidebar.mobile-show{transform:none}.admin-header{padding:0 14px}.mobile-admin-head{display:flex;align-items:center;gap:10px}.mobile-admin-head button{border:0;background:transparent}.breadcrumbs{display:none}.command-trigger b,.command-trigger kbd,.owner-chip{display:none}.command-trigger{min-width:38px;width:38px;padding:0;place-items:center}.admin-content{padding:22px 14px 70px}.view-hero,.view-head{align-items:flex-start;flex-direction:column}.view-hero{min-height:0;padding:30px 0}.stats-grid,.metric-strip,.card-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.tool-search{min-width:0}.tool-search input{min-width:0;width:100%}.login-view{grid-template-columns:1fr}.login-visual{display:none}}
@media(max-width:520px){.stats-grid,.metric-strip,.card-grid{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.hero-ops,.head-actions{width:100%;flex-wrap:wrap}.view-hero h2{font-size:58px}.admin-modal-panel{padding:22px 14px}.panel{padding:16px}}
