:root{--mawen-bg:#f6f8fa;--mawen-gold:#f4a261;--mawen-green:#2a9d8f;--mawen-green-dark:#0f766e;--mawen-ink:#14213d;--mawen-line:#dde5e8;--mawen-muted:#60727c;--mawen-navy:#0b1f3a;--mawen-shadow:0 18px 50px rgba(11,31,58,0.09);--mawen-shadow-soft:0 10px 26px rgba(11,31,58,0.06)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(42,157,143,.12),transparent 30%),linear-gradient(180deg,#ffffff 0,var(--mawen-bg) 320px),var(--mawen-bg);color:var(--mawen-ink);font-family:Inter,Arial,Helvetica,sans-serif;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}.shell{display:grid;min-height:100vh;grid-template-columns:276px 1fr}.sidebar{display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(244,162,97,.12),transparent 28%),var(--mawen-navy);color:#ffffff;padding:28px 22px}.brand-lockup{display:flex;align-items:center;gap:12px;min-height:56px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--mawen-gold),#ffd1a1);color:var(--mawen-navy);font-size:24px;font-weight:900;box-shadow:0 12px 24px rgba(244,162,97,.28)}.brand-name{margin:0;color:#ffffff;font-size:18px;font-weight:900}.brand-lockup span{display:block;color:#b8c7cd;font-size:13px;margin-top:2px}.sidebar nav{display:grid;gap:8px}.sidebar a{border-radius:8px;color:#d7e2e6;padding:12px 14px;font-weight:800;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar a:hover{background:rgba(255,255,255,.09);color:#ffffff;transform:translateX(2px)}.nav-button,.primary-button{border:0;border-radius:8px;background:var(--mawen-green);color:#ffffff;cursor:pointer;font:inherit;font-weight:800;padding:10px 12px;text-align:left;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.nav-button:hover,.primary-button:hover{background:var(--mawen-green-dark);box-shadow:0 12px 24px rgba(42,157,143,.18);transform:translateY(-1px)}.sidebar .nav-button{margin-top:8px;background:rgba(244,162,97,.16)}.demo-ribbon{border:1px solid rgba(244,162,97,.36);border-radius:8px;background:rgba(244,162,97,.14);color:#ffe2c6;font-size:12px;font-weight:900;letter-spacing:.04em;padding:10px 12px;text-transform:uppercase}.login-form{display:grid;gap:14px;max-width:420px;border:1px solid var(--mawen-line);border-radius:8px;background:#ffffff;box-shadow:var(--mawen-shadow-soft);padding:22px}.login-form label{display:grid;gap:6px;color:var(--mawen-ink);font-weight:800}.login-form input{border:1px solid var(--mawen-line);border-radius:8px;font:inherit;padding:12px;transition:border-color .16s ease,box-shadow .16s ease}.login-form input:focus{border-color:var(--mawen-green);box-shadow:0 0 0 4px rgba(42,157,143,.12);outline:0}.content{padding:48px clamp(24px,4vw,64px)}.page{display:grid;gap:30px;max-width:1180px}.auth-page{max-width:980px}.auth-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1fr);gap:18px;align-items:start}.page h2{margin:6px 0 0;font-size:clamp(30px,4vw,42px);line-height:1.05}.page p{max-width:680px;color:var(--mawen-muted);font-size:17px;line-height:1.6}.page-header{background:rgba(255,255,255,.78);padding:24px;backdrop-filter:blur(18px)}.demo-hero,.demo-panel,.page-header{border:1px solid rgba(221,229,232,.88);border-radius:8px;box-shadow:var(--mawen-shadow-soft)}.demo-hero,.demo-panel{background:rgba(255,255,255,.86)}.demo-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px;align-items:stretch;padding:24px;background:linear-gradient(135deg,rgba(11,31,58,.96),rgba(18,56,95,.94)),var(--mawen-navy)}.demo-hero,.demo-hero h3,.demo-hero p{color:#ffffff}.demo-hero h3{margin:8px 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.06}.demo-hero p{margin:0;color:#d7e2e6}.walkthrough-card{display:grid;gap:12px;align-content:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);padding:18px}.walkthrough-card span{color:#d7e2e6;line-height:1.5}.secondary-button{display:inline-flex;justify-content:center;width:fit-content;border:1px solid rgba(244,162,97,.5);border-radius:8px;background:rgba(244,162,97,.14);color:#ffffff;font-weight:900;padding:10px 12px;transition:background .16s ease,transform .16s ease}.secondary-button:hover{background:rgba(244,162,97,.24);transform:translateY(-1px)}.demo-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}.demo-panel{display:grid;gap:18px;padding:22px}.demo-panel h3{margin:4px 0 0;font-size:20px}.chart-row,.company-grid,.mini-chart,.notification-list,.product-story-grid{display:grid;gap:12px}.chart-row{grid-template-columns:44px 1fr 48px;align-items:center}.chart-row span,.chart-row strong{color:var(--mawen-muted);font-size:13px}.chart-track{height:10px;overflow:hidden;border-radius:999px;background:#eef2f6}.chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mawen-green),var(--mawen-gold));animation:chartGrow .68s ease both}.notification-list div{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start}.notification-list p{margin:0;color:var(--mawen-ink);font-size:14px;line-height:1.45}.notification-dot{width:9px;height:9px;margin-top:6px;border-radius:999px;background:var(--mawen-green);box-shadow:0 0 0 5px rgba(42,157,143,.12)}.company-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.company-grid article,.product-story-grid article{border:1px solid var(--mawen-line);border-radius:8px;background:#ffffff;padding:14px}.company-grid article{display:grid;gap:8px}.logo-placeholder{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:linear-gradient(135deg,#e8f5f2,#fff3e7);color:var(--mawen-navy);font-weight:900}.company-grid strong,.product-story-grid strong{color:var(--mawen-ink)}.company-grid small,.product-story-grid small,.product-story-grid span{color:var(--mawen-muted)}.product-story-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.product-story-grid article{display:grid;gap:12px}.product-thumb{min-height:92px;border-radius:8px;background:linear-gradient(135deg,rgba(11,31,58,.14),rgba(42,157,143,.16)),#f8fbfb}.product-thumb-2{background:linear-gradient(135deg,#fff3e7,#e8f5f2)}.product-thumb-3{background:linear-gradient(135deg,#eef2f6,#fff3e7)}.product-thumb-4{background:linear-gradient(135deg,#e8f5f2,#f8fbfb)}.product-thumb-5{background:linear-gradient(135deg,#f8fbfb,#dfeff3)}.eyebrow{margin:0;color:var(--mawen-green);font-size:13px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.metric-grid,.panel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.list-panel article,.metric-card,.panel-grid article,.state,.summary-panel{border:1px solid var(--mawen-line);border-radius:8px;background:#ffffff;box-shadow:var(--mawen-shadow-soft)}.demo-hero,.demo-panel,.list-panel article,.metric-card,.state,.summary-panel,.table-wrap{animation:riseIn .42s ease both}.metric-card,.panel-grid article{padding:22px}.metric-card{position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.metric-card:hover{border-color:rgba(42,157,143,.35);box-shadow:var(--mawen-shadow);transform:translateY(-2px)}.metric-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--mawen-green)}.metric-card-primary:before{background:var(--mawen-gold)}.list-panel span,.metric-card span,.panel-grid span,.state span{display:block;color:var(--mawen-muted)}.metric-card strong,.panel-grid strong{display:block;margin-top:10px;color:var(--mawen-ink);font-size:clamp(28px,3vw,36px);line-height:1}.metric-card small{display:block;color:var(--mawen-muted);margin-top:12px}.state{display:grid;gap:8px;min-height:98px;padding:20px}.state small{color:var(--mawen-muted)}.state-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:#e8f5f2;color:var(--mawen-green-dark);font-weight:900}.state-icon-loading{animation:pulseMark 1s ease-in-out infinite alternate}.state strong{color:var(--mawen-ink)}.state-error{border-color:#c2410c;background:#fff7ed}.state-error strong{color:#c2410c}.table-wrap{overflow-x:auto;border:1px solid var(--mawen-line);border-radius:8px;background:#ffffff;box-shadow:var(--mawen-shadow-soft)}table{width:100%;border-collapse:collapse;min-width:760px}td,th{border-bottom:1px solid var(--mawen-line);padding:16px 18px;text-align:left;vertical-align:top}th{background:#f9fbfb;color:var(--mawen-muted);font-size:13px;letter-spacing:.02em;text-transform:uppercase}tbody tr{transition:background .14s ease}tbody tr:hover{background:#fbfdfd}td:first-child{color:var(--mawen-ink);font-weight:800}tr:last-child td{border-bottom:0}.summary-panel{display:grid;gap:18px;padding:22px;background:linear-gradient(135deg,rgba(42,157,143,.08),transparent 42%),#ffffff}.summary-panel h3{margin:4px 0 0;font-size:20px}.list-panel{display:grid;gap:12px}.list-panel article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;transition:border-color .16s ease,transform .16s ease}.list-panel article:hover{border-color:rgba(244,162,97,.4);transform:translateY(-1px)}.badge,.stock-pill{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900;line-height:1;padding:7px 10px;white-space:nowrap}.badge-success{background:#e8f5f2;border-color:rgba(15,118,110,.14);color:#0f766e}.badge-attention{background:#fff3e7;border-color:rgba(244,162,97,.22);color:#9a4f10}.badge-danger{background:#fff1f2;border-color:rgba(190,18,60,.12);color:#be123c}.badge-neutral,.stock-pill{background:#eef2f6;border-color:rgba(20,33,61,.08);color:var(--mawen-ink)}@media (max-width:980px){.company-grid,.demo-grid,.demo-hero,.metric-grid,.panel-grid,.product-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.content{padding:28px 20px}.auth-grid,.company-grid,.demo-grid,.demo-hero,.metric-grid,.panel-grid,.product-story-grid{grid-template-columns:1fr}.list-panel article{align-items:flex-start;flex-direction:column}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chartGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}@keyframes pulseMark{0%{transform:scale(.96);opacity:.74}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){:root{--mawen-bg:#071827;--mawen-ink:#edf6f8;--mawen-line:rgba(255,255,255,0.12);--mawen-muted:#a8bac2;--mawen-navy:#061421;--mawen-shadow:0 18px 50px rgba(0,0,0,0.28);--mawen-shadow-soft:0 10px 26px rgba(0,0,0,0.2)}body{background:radial-gradient(circle at 18% 0,rgba(42,157,143,.16),transparent 30%),linear-gradient(180deg,#0b1f3a 0,var(--mawen-bg) 320px),var(--mawen-bg)}.demo-panel,.list-panel article,.login-form,.metric-card,.page-header,.state,.summary-panel,.table-wrap{background:rgba(12,32,52,.82)}.demo-hero{background:linear-gradient(135deg,rgba(6,20,33,.98),rgba(18,56,95,.88))}.company-grid article,.product-story-grid article{background:rgba(255,255,255,.04)}.chart-track{background:rgba(255,255,255,.08)}th{background:rgba(255,255,255,.04)}tbody tr:hover{background:rgba(255,255,255,.035)}.login-form input{background:rgba(255,255,255,.06);color:var(--mawen-ink)}}