:root{--accent:#ef233c;--bg:#f5f6f8;--panel:#fff;--text:#16181d;--muted:#6f7580;--line:#e7e9ee;--nav:#111318;--nav2:#1b1e25;--success:#168a55;--danger:#c6283c;--warning:#b97900;--shadow:0 12px 34px rgba(17,19,24,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%, transparent)}textarea{min-height:90px;resize:vertical}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650;color:#444a55}.muted{color:var(--muted)}.eyebrow{margin:0 0 3px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:var(--nav);color:#fff;padding:22px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 8px 22px}.sidebar-brand strong{display:block;font-size:17px}.sidebar-brand span{display:block;color:#8e949f;font-size:12px}.brand-mark{width:58px;height:58px;border-radius:18px;background:var(--accent);display:grid;place-items:center;color:#fff;font-weight:900;font-size:31px;box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 32%, transparent)}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:21px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:#c8ccd4;font-size:14px}.sidebar nav a:hover,.sidebar-bottom a:hover{background:var(--nav2);color:#fff}.sidebar nav a.active{background:#fff;color:#111318;font-weight:750}.nav-icon{width:20px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #272a31;padding-top:12px}.main{margin-left:244px;min-width:0;width:calc(100% - 244px)}.topbar{height:88px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;margin:0}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eceef2;font-weight:800}.user-chip strong,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:11px}.menu-btn{display:none;border:0;background:none;font-size:23px}.content{padding:24px 28px 40px}.app-footer{padding:0 28px 28px;color:#a0a5ae;font-size:12px}.app-footer span{margin:0 6px}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 4px 18px rgba(17,19,24,.03)}.kpi .label{font-size:12px;color:var(--muted);margin-bottom:8px}.kpi .value{font-size:26px;font-weight:850;letter-spacing:-.03em}.kpi .sub{font-size:12px;color:var(--muted);margin-top:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 5px 22px rgba(17,19,24,.035);margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.panel-head h2{font-size:17px;margin:0}.panel-head p{margin:3px 0 0;font-size:12px;color:var(--muted)}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.btn{border:0;border-radius:11px;padding:10px 14px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--accent);color:#fff}.btn.dark{background:#17191f;color:#fff}.btn.ghost{background:#f0f1f4;color:#343840}.btn.danger{background:#fff0f2;color:var(--danger)}.btn.small{padding:7px 10px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.toolbar form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.data-table th,.data-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;white-space:nowrap}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}.data-table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f1f4;font-size:11px;font-weight:750}.badge.success{background:#e8f7ef;color:var(--success)}.badge.warn{background:#fff4db;color:var(--warning)}.badge.danger{background:#fff0f2;color:var(--danger)}.badge.accent{background:color-mix(in srgb,var(--accent) 10%, white);color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid h3{grid-column:1/-1;margin:8px 0 0}.span-2{grid-column:1/-1}.stack{display:flex;flex-direction:column;gap:14px}.alert{border-radius:12px;padding:11px 13px;margin-bottom:14px;font-size:13px}.alert.success{background:#e8f7ef;color:#116d43}.alert.danger{background:#fff0f2;color:#a61f31}.alert.warning{background:#fff5df;color:#8d6200}.progress{height:9px;background:#eceef2;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.mini-bars{display:flex;flex-direction:column;gap:11px}.mini-bar-row{display:grid;grid-template-columns:110px 1fr 85px;gap:10px;align-items:center;font-size:12px}.mini-bar{height:8px;background:#eceef2;border-radius:999px;overflow:hidden}.mini-bar span{height:100%;display:block;background:var(--accent)}.empty{padding:34px 20px;text-align:center;color:var(--muted)}.danger-text{color:var(--danger);font-weight:700}.success-text{color:var(--success);font-weight:700}.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#2c3039 0,#15171c 34%,#0e1014 100%);padding:22px}.auth-card,.install-card{width:min(440px,100%);background:#fff;border-radius:24px;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.install-card{width:min(650px,100%)}.auth-card .brand-mark,.install-card .brand-mark{margin-bottom:18px}.auth-card h1,.install-card h1{margin:0 0 5px}.auth-card h1 span{color:var(--accent)}.catalog-link{display:block;text-align:center;margin-top:18px;color:var(--muted);font-size:13px}.stat-line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}.stat-line:last-child{border-bottom:0}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-actions a{padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:13px;font-weight:750}.quick-actions a span{display:block;color:var(--muted);font-weight:500;font-size:11px;margin-top:4px}.product-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#eee}.low-stock{background:#fff7f0}.right{text-align:right!important}.nowrap{white-space:nowrap}.section-note{font-size:12px;color:var(--muted);margin:-8px 0 16px}.metric-positive{color:var(--success)}.metric-negative{color:var(--danger)}
/* catalog */
.catalog-body{background:#f5f5f4;min-height:100vh}.catalog-header{background:#111318;color:#fff;padding:18px 20px;position:sticky;top:0;z-index:10}.catalog-header-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between}.catalog-brand{display:flex;gap:10px;align-items:center}.catalog-brand .brand-mark{width:38px;height:38px;border-radius:11px;font-size:20px}.cart-button{background:#fff;color:#111318;border-radius:12px;padding:9px 12px;font-weight:800;position:relative}.cart-count{position:absolute;top:-7px;right:-7px;background:var(--accent);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;display:grid;place-items:center}.catalog-main{max-width:1120px;margin:auto;padding:24px 20px 50px}.catalog-hero{background:#17191f;color:#fff;border-radius:24px;padding:28px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:20px}.catalog-hero h1{font-size:34px;margin:0 0 8px}.catalog-hero p{margin:0;color:#aeb3bd}.category-chips{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.category-chips a{background:#fff;border:1px solid #e3e4e7;border-radius:999px;padding:8px 12px;white-space:nowrap;font-size:12px;font-weight:750}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e5e6e9}.product-card img,.product-placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;background:#e9eaed;display:grid;place-items:center;color:#a0a5ae;font-weight:800}.product-info{padding:14px}.product-info h3{font-size:15px;margin:0 0 5px}.product-info .cat{font-size:11px;color:#858b96}.price{font-weight:900;font-size:18px;margin:11px 0}.old-price{text-decoration:line-through;color:#999;font-size:12px;margin-right:5px}.product-info .btn{width:100%}.cart-drawer{position:fixed;inset:0 0 0 auto;width:min(430px,100%);background:#fff;z-index:50;box-shadow:-20px 0 60px rgba(0,0,0,.18);padding:22px;transform:translateX(102%);transition:.25s}.cart-drawer.open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-items{max-height:44vh;overflow:auto;margin:16px 0}.cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;border-bottom:1px solid var(--line);padding:11px 0}.cart-total{display:flex;justify-content:space-between;font-size:20px;font-weight:900;padding:14px 0}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:45;display:none}.cart-overlay.open{display:block}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-btn{display:block}.topbar{padding:0 16px;height:76px}.topbar .eyebrow,.user-chip div{display:none}.content{padding:18px 14px 32px}.split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2,.form-grid h3{grid-column:auto}.quick-actions{grid-template-columns:1fr}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-hero{align-items:start;flex-direction:column}.catalog-hero h1{font-size:27px}}
@media(max-width:520px){.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi .value{font-size:21px}.catalog-grid{grid-template-columns:1fr 1fr;gap:9px}.product-info{padding:11px}.product-info h3{font-size:13px}.price{font-size:15px}.catalog-main{padding:16px 10px 40px}.catalog-hero{border-radius:18px;padding:20px}.user-chip>span{width:34px;height:34px}.topbar h1{font-size:19px}}
/* Maneko Joias V2 */
:root{--accent:#c8a96b;--accent2:#e6cf9b;--bg:#0c0d10;--panel:#14161b;--panel2:#1a1d23;--text:#f5f3ef;--muted:#999da7;--line:#292c34;--success:#56c596;--danger:#ef6b73;--warning:#e5b95c}
body{background:var(--bg);color:var(--text)}.main{background:radial-gradient(circle at 85% 0%,rgba(200,169,107,.08),transparent 30%),var(--bg)}
.sidebar{background:#090a0d;border-right:1px solid var(--line)}.sidebar a{color:#a8abb3}.sidebar a:hover,.sidebar a.active{background:#17191e;color:#fff}.sidebar a.active{box-shadow:inset 3px 0 0 var(--accent)}
.brand-mark{background:linear-gradient(145deg,#d7bb7b,#9b7a40)!important;color:#090a0d!important;box-shadow:0 7px 24px rgba(200,169,107,.22)}
.topbar{background:rgba(12,13,16,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.content{max-width:1500px}
.panel,.kpi{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.18)}.kpi .label,.muted,.sub{color:var(--muted)!important}.kpi .value{color:#fff}.kpi.featured{grid-column:span 2;background:linear-gradient(135deg,#1d1a14,#17191e);border-color:#5c4a2a}.kpi.gold .value,.eyebrow-gold{color:var(--accent2)}
.btn.primary{background:linear-gradient(135deg,#d3b572,#ae8747);color:#0b0c0f;border:0}.btn.dark{background:#22252c}.btn.ghost{border-color:var(--line);color:var(--text)}input,select,textarea{background:#111318!important;border-color:#30333b!important;color:#fff!important}
.hero-dashboard{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:28px 30px;margin-bottom:18px;border:1px solid #3a3223;border-radius:24px;background:linear-gradient(135deg,rgba(200,169,107,.13),rgba(255,255,255,.02))}.hero-dashboard h2{font-size:34px;margin:5px 0 6px}.hero-dashboard p{margin:0;color:var(--muted)}.hero-dashboard form{display:flex;gap:8px}.eyebrow-gold{font-size:11px;font-weight:800;letter-spacing:.14em}.premium-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.progress{background:#2a2d34}.progress>span,.mini-bar span{background:linear-gradient(90deg,#9d7a3d,#ddc180)}
.dashboard-grid{margin-top:16px}.panel h2{margin:3px 0 0}.bar-chart{height:280px;display:flex;align-items:end;gap:7px;padding-top:32px;overflow-x:auto}.bar-col{height:100%;min-width:28px;flex:1;display:flex;flex-direction:column;align-items:center}.bar-track{height:220px;width:100%;max-width:25px;background:#202329;border-radius:8px;display:flex;align-items:end;overflow:hidden}.bar-track span{display:block;width:100%;background:linear-gradient(#ddc180,#8f6d35);border-radius:7px}.bar-label,.bar-value{font-size:10px;color:var(--muted);white-space:nowrap}.bar-value{height:18px}.bar-label{margin-top:7px}.goal-ring{width:190px;height:190px;border-radius:50%;margin:10px auto 22px;background:conic-gradient(var(--accent) calc(var(--p)*1%),#292c34 0);display:grid;place-items:center;position:relative}.goal-ring:after{content:"";position:absolute;inset:15px;border-radius:50%;background:var(--panel)}.goal-ring>div{z-index:1;text-align:center}.goal-ring strong{font-size:30px;display:block}.goal-ring span{color:var(--muted);font-size:12px}.revenue-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.revenue-split>div,.metric-grid>div{background:#101216;border:1px solid var(--line);padding:18px;border-radius:16px}.revenue-split span,.metric-grid span{display:block;color:var(--muted);font-size:12px}.revenue-split strong{font-size:24px;display:block;margin:7px 0}.revenue-split small{color:var(--accent2)}.ranking{display:flex;flex-direction:column;gap:16px}.rank-row{display:flex;align-items:center;gap:12px}.rank-pos{width:30px;height:30px;border-radius:10px;background:#242119;color:var(--accent2);display:grid;place-items:center;font-weight:900}.rank-main{flex:1}.rank-main>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid strong{display:block;font-size:25px;margin-top:5px;color:#fff}.data-table th{background:#111318;color:#aaa}.data-table td,.data-table th{border-color:var(--line)}.badge{background:#252830;color:#ddd}.badge.accent{background:#2c2519;color:#e2c88e}
.auth-body{background:radial-gradient(circle at 20% 10%,#30291c 0,#111216 35%,#08090b 100%)}.auth-card,.install-card{background:#14161b;color:#fff;border:1px solid #3a3223}.auth-card h1 span,.install-card h1 span{color:var(--accent2)}
@media(max-width:1100px){.premium-kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.hero-dashboard{align-items:start;flex-direction:column}.hero-dashboard h2{font-size:28px}.premium-kpis{grid-template-columns:1fr 1fr}.kpi.featured{grid-column:span 2}}@media(max-width:520px){.hero-dashboard{padding:20px}.hero-dashboard form{width:100%;flex-direction:column}.premium-kpis{grid-template-columns:1fr}.kpi.featured{grid-column:auto}.revenue-split,.metric-grid{grid-template-columns:1fr}}