:root{
  --bg:#f4f7fb;--panel:#fff;--panel2:#f8fafd;--ink:#10172a;--muted:#6d7689;--line:#e5eaf2;
  --navy:#0b1631;--blue:#1f63e9;--blue2:#dbe8ff;--green:#138a5b;--green2:#e4f6ee;
  --red:#c83a4a;--red2:#fdecef;--amber:#ad7000;--amber2:#fff4d6;--shadow:0 12px 40px rgba(24,38,71,.09);
  --radius:22px;--radius-sm:14px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:white;padding:24px 18px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 26px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#fff,#cfe0ff);color:var(--navy);display:grid;place-items:center;font-weight:900;letter-spacing:-1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}.brand strong{display:block;font-size:17px;line-height:1.05}.brand span{font-size:12px;color:#93a4c7;text-transform:uppercase;letter-spacing:.14em}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:#aebbd3;text-align:left;padding:12px 14px;border-radius:13px;display:flex;gap:11px;align-items:center;font-weight:650}.nav-item span{font-size:19px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.09);color:white}.sidebar-foot{margin-top:auto;color:#8192b3;font-size:12px;padding:14px;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#54d39d;box-shadow:0 0 0 4px rgba(84,211,157,.12)}
.main{margin-left:240px;padding:28px 34px 110px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:center;margin:0 auto 26px;max-width:1280px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#8390a7;margin:0 0 5px}.topbar h1{font-size:31px;letter-spacing:-.035em;margin:0}.topbar-actions{display:flex;gap:10px}.icon-btn,.primary-btn,.secondary-btn{border:0;border-radius:13px;font-weight:750;transition:.18s transform,.18s box-shadow,.18s background}.icon-btn{width:44px;height:44px;background:white;border:1px solid var(--line);font-size:20px}.primary-btn{background:var(--blue);color:white;padding:12px 16px;box-shadow:0 8px 22px rgba(31,99,233,.2)}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(31,99,233,.25)}.secondary-btn{background:#eef2f8;color:#27334d;padding:12px 16px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.secondary-btn.wide{width:100%}.view{display:none;max-width:1280px;margin:0 auto}.view.active{display:block}.loading-card,.panel,.toolbar-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.loading-card{padding:40px;text-align:center;color:var(--muted)}
.hero-card{background:linear-gradient(130deg,#0b1631 0%,#152c5c 62%,#1b4ca0 100%);color:white;border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(11,22,49,.22);display:grid;grid-template-columns:1.15fr .85fr;gap:32px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-110px;top:-100px;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(255,255,255,0) 70%)}.hero-copy{position:relative;z-index:1}.hero-copy .label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#aac5ff;font-weight:800}.hero-value{font-size:55px;line-height:1;font-weight:900;letter-spacing:-.05em;margin:10px 0 8px}.hero-sub{color:#b8c6df;font-size:14px}.progress-track{height:10px;background:rgba(255,255,255,.14);border-radius:999px;margin:24px 0 9px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6da2ff,#fff);border-radius:999px;min-width:0}.progress-meta{display:flex;justify-content:space-between;color:#b8c6df;font-size:12px}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}.hero-mini{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:15px}.hero-mini span{color:#aebbd3;font-size:11px}.hero-mini strong{display:block;font-size:21px;margin-top:5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.kpi{background:white;border:1px solid var(--line);border-radius:19px;padding:17px;box-shadow:0 7px 26px rgba(24,38,71,.055)}.kpi .kpi-top{display:flex;justify-content:space-between;align-items:center}.kpi .icon{width:34px;height:34px;border-radius:11px;background:#eff4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.kpi small{color:var(--muted);font-weight:650}.kpi strong{display:block;font-size:24px;letter-spacing:-.03em;margin-top:12px}.kpi em{font-style:normal;color:var(--muted);font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.panel-head h2,.section-head h2{font-size:18px;margin:2px 0 3px}.panel-head p,.section-head p{font-size:12px;color:var(--muted);margin:0}.action-list,.sales-list{display:flex;flex-direction:column;gap:9px}.action-row,.sale-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:var(--panel2);border:1px solid #edf0f5;border-radius:14px}.action-row .left,.sale-row .left{display:flex;align-items:center;gap:11px}.action-badge{width:34px;height:34px;border-radius:11px;background:var(--amber2);color:var(--amber);display:grid;place-items:center;font-weight:900}.action-row strong,.sale-row strong{display:block;font-size:13px}.action-row small,.sale-row small{color:var(--muted);font-size:11px}.profit-pos{color:var(--green)!important}.profit-neg{color:var(--red)!important}.streak-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.streak-month{padding:11px 5px;text-align:center;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.streak-month strong{display:block;font-size:12px}.streak-month span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.streak-month.hit{background:var(--green2);border-color:#c8eadc}.streak-month.hit strong{color:var(--green)}
.toolbar-card{padding:14px;margin-bottom:18px}.search-wrap{display:flex;gap:10px;align-items:center;background:var(--panel2);border:1px solid var(--line);padding:0 13px;border-radius:14px}.search-wrap input{width:100%;padding:13px 0;border:0;background:transparent;outline:none}.filter-row{display:flex;gap:9px;margin-top:10px}.filter-row select,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:11px 12px;color:var(--ink);outline:none}.filter-row select{padding:10px 12px;color:#48536a}.section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 2px 12px}.view-toggle{display:flex;background:#e9eef6;border-radius:11px;padding:3px}.view-toggle button{border:0;background:transparent;padding:7px 11px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:750}.view-toggle button.active{background:white;color:var(--ink);box-shadow:0 2px 8px rgba(16,23,42,.08)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inventory-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 8px 26px rgba(24,38,71,.055);transition:.18s transform,.18s box-shadow;cursor:pointer}.inventory-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(24,38,71,.1)}.card-image{height:155px;background:linear-gradient(135deg,#eef3fb,#f8faff);display:grid;place-items:center;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;background:#f2f5fa}.card-placeholder{width:68px;height:95px;border:2px solid #cbd5e5;border-radius:9px;display:grid;place-items:center;color:#8fa0bb;font-weight:900;box-shadow:0 5px 18px rgba(46,65,100,.08);transform:rotate(-2deg)}.status-pill{position:absolute;top:11px;left:11px}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;line-height:1;font-weight:850;letter-spacing:.04em;text-transform:uppercase;background:#eef2f8;color:#526078}.pill.blue{background:var(--blue2);color:#1d55bf}.pill.green{background:var(--green2);color:var(--green)}.pill.amber{background:var(--amber2);color:var(--amber)}.pill.red{background:var(--red2);color:var(--red)}.card-content{padding:14px}.card-content h3{font-size:15px;line-height:1.25;margin:0 0 4px}.card-content .set{font-size:11px;color:var(--muted);min-height:30px}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.metric{background:var(--panel2);border-radius:11px;padding:9px}.metric span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:750;letter-spacing:.06em}.metric strong{display:block;font-size:13px;margin-top:2px}.card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:11px;margin-top:11px;border-top:1px solid #edf0f5;font-size:10px;color:var(--muted)}.table-list{background:white;border:1px solid var(--line);border-radius:18px;overflow:auto}.inventory-table{width:100%;border-collapse:collapse;min-width:950px}.inventory-table th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;text-align:left;color:#7b879a;padding:11px 13px;background:#f7f9fc;position:sticky;top:0}.inventory-table td{padding:11px 13px;border-top:1px solid #edf0f5;font-size:12px}.inventory-table tr:hover td{background:#fbfcfe}
.calculator-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:17px}.calculator-card{padding:24px}.form-grid{display:grid;grid-template-columns:1fr;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label{font-size:11px;font-weight:750;color:#536078;display:block}.form-grid label>input,.form-grid label>select,.form-grid label>textarea{margin-top:6px}.span-2{grid-column:1/-1}.money-input,.suffix-input{position:relative;margin-top:6px}.money-input span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#8994a6}.money-input input{padding-left:34px!important}.suffix-input span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#8994a6}.suffix-input input{padding-right:28px!important}.maxbid-result{border-radius:26px;padding:30px;background:linear-gradient(145deg,#0b1631,#173b79);color:white;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 48px rgba(11,22,49,.2)}.maxbid-result>p{margin:0;color:#99b9f5;font-size:11px;font-weight:850;letter-spacing:.16em}.maxbid-result>strong{font-size:64px;letter-spacing:-.06em;line-height:1;margin:13px 0 7px}.maxbid-result>span{color:#c6d5ef;font-size:13px}.calc-breakdown{margin-top:24px;border-top:1px solid rgba(255,255,255,.12);padding-top:15px}.calc-line{display:flex;justify-content:space-between;padding:5px 0;font-size:11px;color:#bac9e4}.calc-line strong{color:white}.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.form-actions{padding-top:6px}.info-box{margin-top:16px;padding:14px;border-radius:13px;background:#f1f5fb;border:1px solid var(--line)}.info-box strong{font-size:12px}.info-box p{font-size:11px;color:var(--muted);margin:5px 0 0}
.bottom-nav{display:none}.modal{border:0;padding:0;background:transparent;width:min(760px,calc(100% - 24px));max-height:92vh}.modal::backdrop{background:rgba(7,14,31,.54);backdrop-filter:blur(5px)}.modal-shell{background:white;border-radius:24px;box-shadow:0 24px 80px rgba(7,14,31,.28);overflow:hidden}.modal-shell.compact{max-width:650px;margin:auto}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 15px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:20px}.close-btn{border:0;background:#f0f3f8;width:36px;height:36px;border-radius:50%;font-size:22px;color:#5d687c}.modal-body{padding:20px 22px;max-height:68vh;overflow:auto}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px 20px;border-top:1px solid var(--line)}.form-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section h3{font-size:12px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.08em;color:#748098}.toggle-label{display:flex!important;align-items:center;gap:9px;background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:11px}.toggle-label input{width:auto!important;margin:0!important}.detail-hero{display:grid;grid-template-columns:190px 1fr;gap:20px}.detail-image{height:250px;border-radius:18px;background:#f0f4fa;display:grid;place-items:center;overflow:hidden}.detail-image img{width:100%;height:100%;object-fit:contain}.detail-image .card-placeholder{width:90px;height:126px}.detail-info h3{font-size:15px;margin:0 0 7px}.detail-info p{font-size:12px;color:var(--muted);margin:4px 0}.detail-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.detail-kpi{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:10px}.detail-kpi span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:800}.detail-kpi strong{display:block;font-size:15px;margin-top:4px}.image-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.upload-box{border:1px dashed #cbd5e5;border-radius:13px;padding:12px;text-align:center}.upload-box input{width:100%;font-size:11px}.sale-preview{margin-top:16px;padding:14px;border-radius:14px;background:#f5f8fc;border:1px solid var(--line);font-size:12px}.sale-preview strong{font-size:20px}.toast{position:fixed;right:22px;bottom:22px;transform:translateY(20px);opacity:0;background:#10172a;color:white;padding:12px 15px;border-radius:13px;box-shadow:0 14px 40px rgba(16,23,42,.24);font-size:12px;font-weight:700;transition:.2s;z-index:200}.toast.show{opacity:1;transform:none}.toast.error{background:#a72f3e}.empty{padding:50px 20px;text-align:center;color:var(--muted);background:white;border:1px solid var(--line);border-radius:18px}.empty strong{display:block;color:var(--ink);margin-bottom:5px}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.hero-card{grid-template-columns:1fr}.dashboard-grid,.settings-grid,.calculator-layout{grid-template-columns:1fr}}
@media(max-width:760px){body{padding-bottom:84px}.sidebar{display:none}.main{margin-left:0;padding:18px 14px 30px}.topbar{margin-bottom:17px}.topbar h1{font-size:25px}.desktop-add{display:none}.topbar-actions .icon-btn{width:40px;height:40px}.hero-card{padding:21px;border-radius:23px;gap:20px}.hero-value{font-size:43px}.hero-side{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:13px;border-radius:16px}.kpi strong{font-size:20px}.dashboard-grid{gap:10px}.panel{border-radius:18px;padding:16px}.streak-row{grid-template-columns:repeat(3,1fr)}.filter-row{overflow:auto;padding-bottom:2px}.filter-row select{min-width:145px}.card-grid{grid-template-columns:1fr 1fr;gap:9px}.card-image{height:128px}.card-content{padding:11px}.card-content h3{font-size:13px}.card-content .set{font-size:10px;min-height:27px}.card-metrics{grid-template-columns:1fr;gap:5px}.metric{padding:7px}.metric strong{font-size:12px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));background:rgba(11,22,49,.96);backdrop-filter:blur(16px);border-radius:20px;padding:6px 5px;z-index:90;box-shadow:0 18px 50px rgba(5,13,30,.3)}.bottom-nav button{border:0;background:transparent;color:#91a2c1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 2px;border-radius:13px}.bottom-nav button span{font-size:20px;line-height:1}.bottom-nav button small{font-size:9px;font-weight:750}.bottom-nav button.active{color:white;background:rgba(255,255,255,.08)}.bottom-nav .add-fab{background:var(--blue);color:white;margin:-14px 5px 2px;box-shadow:0 7px 22px rgba(31,99,233,.4)}.bottom-nav .add-fab span{font-size:28px}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.maxbid-result{padding:24px}.maxbid-result>strong{font-size:54px}.modal{width:calc(100% - 12px);max-height:96vh}.modal-shell{border-radius:20px}.modal-body{padding:16px;max-height:72vh}.modal-head{padding:17px 16px 13px}.modal-foot{padding:12px 16px 16px}.detail-hero{grid-template-columns:1fr}.detail-image{height:260px}.detail-kpis{grid-template-columns:1fr 1fr}.image-upload-grid{grid-template-columns:1fr}.toast{left:14px;right:14px;bottom:96px;text-align:center}}
@media(max-width:410px){.card-grid{grid-template-columns:1fr}.card-image{height:185px}.hero-side{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:1fr 1fr}.kpi small{font-size:10px}.kpi strong{font-size:18px}}