:root{--navy:#10233f;--blue:#1769e0;--blue-soft:#eaf2ff;--green:#15966d;--green-soft:#e7f8f1;--orange:#db7814;--orange-soft:#fff2e1;--purple:#7355d9;--purple-soft:#f0edff;--text:#15243a;--muted:#67758a;--line:#e4e9f0;--surface:#ffffff;--background:#f5f7fb}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--background)}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface)}.login-brand{color:white;background:linear-gradient(145deg,#0b1c34,#12365f 58%,#1769e0 140%);padding:clamp(48px,8vw,120px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-250px;bottom:-230px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.brand-mark{width:64px;height:64px;display:grid;place-items:center;background:var(--blue);border-radius:18px;font-size:34px;font-weight:800;margin-bottom:28px;box-shadow:0 16px 40px rgba(0,0,0,.22)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;margin:0 0 12px;opacity:.74}.eyebrow.blue{color:var(--blue);opacity:1}.login-brand h1{font-size:clamp(38px,5vw,66px);line-height:1.02;max-width:650px;margin:0 0 24px;letter-spacing:-.04em}.brand-copy{font-size:18px;line-height:1.65;max-width:590px;color:#d4deec}.brand-points{display:flex;flex-direction:column;gap:12px;margin-top:28px;color:#e3eaf3}.login-panel{display:grid;place-items:center;padding:36px}.login-card{width:min(440px,100%)}.login-card h2{font-size:34px;margin:0 0 10px;letter-spacing:-.03em}.demo-note,.muted,.support-copy{color:var(--muted)}.login-form{display:flex;flex-direction:column;gap:20px;margin-top:32px}.login-form label:not(.checkbox){display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700}.login-form input[type=email],.login-form input[type=password]{border:1px solid var(--line);border-radius:12px;padding:15px 16px;outline:none;transition:.2s}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.form-row{justify-content:space-between;font-size:13px}.checkbox,.form-row{display:flex;align-items:center}.checkbox{color:var(--muted);gap:7px}.text-button{border:0;background:none;color:var(--blue);font-weight:700;cursor:pointer}.primary-button{display:block;border:0;text-align:center;text-decoration:none;background:var(--blue);color:white;padding:16px;border-radius:12px;font-weight:800;box-shadow:0 10px 25px rgba(23,105,224,.22)}.primary-button:disabled{cursor:wait;opacity:.7}.form-error{margin:-6px 0 0;padding:11px 13px;border-radius:10px;background:#fff0f0;color:#ad2525;font-size:13px;line-height:1.45}.support-copy{text-align:center;margin-top:25px;font-size:14px}.support-copy strong{color:var(--blue)}.demo-note{text-align:center;font-size:11px;margin-top:30px}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{background:var(--navy);color:white;padding:24px 16px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand div{display:flex;flex-direction:column}.sidebar-brand strong{font-size:18px}.sidebar-brand small{font-size:9px;letter-spacing:.2em;color:#9cb0ca}.mini-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--blue);border-radius:10px;font-size:20px;font-weight:800}.company-chip{margin:20px 0;padding:12px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.07);border-radius:12px}.company-chip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--navy);background:white;font-size:11px;font-weight:800}.company-chip div{display:flex;flex-direction:column;min-width:0}.company-chip small{color:#92a8c3;font-size:8px;letter-spacing:.12em}.company-chip strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.sidebar nav button,.sidebar-bottom a,.sidebar-bottom button{border:0;text-decoration:none;background:transparent;color:#b9c6d8;padding:11px 12px;border-radius:9px;text-align:left;cursor:pointer;font-size:13px;display:flex;gap:10px}.sidebar nav a.nav-active,.sidebar nav button.nav-active{background:var(--blue);color:white;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.sidebar-bottom form{margin:0}.sidebar-bottom form button{width:100%}.dashboard{min-width:0;padding:32px clamp(22px,4vw,60px) 60px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{margin:0 0 6px;font-size:28px;letter-spacing:-.02em}.topbar p{margin:0;color:var(--muted);font-size:14px}.mobile-brand{display:none}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{border:1px solid var(--line);background:white;color:var(--orange);width:42px;height:42px;border-radius:12px}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--navy);font-size:12px;font-weight:800}.pilot-banner{background:linear-gradient(100deg,#102c51,#1769e0);color:white;padding:18px 22px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 28px rgba(16,50,94,.16)}.pilot-banner div{display:flex;flex-direction:column;gap:4px}.pilot-banner span{color:#d6e5fa;font-size:13px}.pilot-banner button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:white;padding:10px 13px;border-radius:9px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.metrics article{display:flex;gap:12px;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 20px rgba(29,52,80,.035)}.metric-icon,.quick-icon{flex:0 0 auto;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-weight:800}.blue-bg{color:var(--blue);background:var(--blue-soft)}.green-bg{color:var(--green);background:var(--green-soft)}.orange-bg{color:var(--orange);background:var(--orange-soft)}.purple-bg{color:var(--purple);background:var(--purple-soft)}.metrics article div{min-width:0;display:flex;flex-direction:column}.metrics small{color:var(--muted);font-size:9px;letter-spacing:.1em;font-weight:800}.metrics strong{font-size:20px;margin:7px 0 4px}.metrics em{color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-section{margin-top:36px}.activity-card h2,.section-heading h2{margin:0;font-size:21px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}.quick-grid a,.quick-grid button{color:inherit;text-decoration:none;border:1px solid var(--line);background:white;padding:19px;border-radius:14px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:.18s}.quick-grid a:hover,.quick-grid button:hover{transform:translateY(-2px);border-color:#b9cff0;box-shadow:0 10px 24px rgba(31,58,92,.07)}.quick-grid strong{margin:15px 0 6px}.quick-grid small{color:var(--muted);line-height:1.45}.activity-card{margin-top:32px;background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.empty-state{border-top:1px solid var(--line);margin-top:18px;padding-top:18px;display:flex;align-items:center;gap:13px}.empty-state>span{width:40px;height:40px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);border-radius:50%;font-weight:800}.empty-state div{flex:1 1}.empty-state p{color:var(--muted);font-size:13px;margin:5px 0 0}.empty-state a,.empty-state button{border:0;text-decoration:none;background:var(--blue-soft);color:var(--blue);padding:11px 14px;border-radius:9px;font-weight:700;cursor:pointer}.mobile-nav{display:none}.products-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:22px;align-items:start}.product-form,.products-list-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(29,52,80,.04)}.card-heading h2{margin:0 0 5px;font-size:21px}.card-heading p{margin:0;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:22px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--text);font-size:13px;font-weight:700}.form-grid .span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line);background:white;border-radius:10px;padding:12px 13px;outline:none;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.save-product{width:100%;margin-top:22px;cursor:pointer}.notice{margin:-8px 0 20px;padding:12px 14px;border-radius:10px;font-size:13px}.success-notice{color:#087a55;background:var(--green-soft)}.error-notice{color:#ad2525;background:#fff0f0}.products-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.products-empty span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:25px}.products-empty strong{color:var(--text);margin:15px 0 0}.products-empty p{font-size:13px}.products-list{margin-top:18px;display:flex;flex-direction:column}.products-list article{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.products-list article>div{display:flex;flex-direction:column;gap:5px;min-width:0}.products-list article small{color:var(--muted);font-size:11px}.product-numbers{text-align:right;flex:0 0 auto}@media (max-width:1100px){.metrics,.quick-grid{grid-template-columns:repeat(2,1fr)}.products-layout{grid-template-columns:1fr}}@media (max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:280px;padding:34px 25px;justify-content:flex-start}.brand-mark{width:46px;height:46px;font-size:24px;margin-bottom:18px}.login-brand h1{font-size:34px;max-width:480px}.brand-copy{font-size:15px;margin-bottom:0}.brand-points{display:none}.login-panel{padding:34px 22px 50px}.login-card h2{font-size:28px}.app-shell{display:block}.sidebar{display:none}.dashboard{padding:22px 16px 105px}.mobile-brand{display:block;color:var(--blue)!important;font-size:11px!important;font-weight:800;letter-spacing:.1em;margin-bottom:6px!important}.topbar h1{font-size:23px}.top-actions button{display:none}.pilot-banner{align-items:flex-start;gap:14px;flex-direction:column}.pilot-banner button{width:100%}.metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-16px;padding-right:16px}.metrics article{flex:0 0 235px;scroll-snap-align:start}.quick-grid{grid-template-columns:repeat(2,1fr);gap:11px}.quick-grid button{min-height:165px;padding:15px}.quick-grid strong{font-size:14px}.quick-grid small{font-size:11px}.empty-state{align-items:flex-start;flex-wrap:wrap}.empty-state div{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 55px)}.empty-state button{width:100%}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;height:73px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:white;border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(27,48,74,.08)}.mobile-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;height:100%}.mobile-nav .selected{color:var(--blue);font-weight:800}.mobile-nav .sell-button{width:57px;height:57px;justify-self:center;margin-top:-30px;border-radius:50%;background:var(--blue);color:white;font-size:25px;box-shadow:0 8px 20px rgba(23,105,224,.28)}.sell-button span{display:block;font-size:9px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.product-form,.products-list-card{padding:18px}}