:root{--ink:#162333;--blue:#1975ef;--muted:#778395;--line:#e2e7ee;--nav:#111c2e}*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:var(--ink);font:14px/1.6 'Malgun Gothic','Apple SD Gothic Neo',sans-serif}button,input,select{font:inherit}button,.filebtn{border:1px solid #d9e0ea;border-radius:7px;background:white;color:#293c54;padding:9px 14px;cursor:pointer}button:hover{border-color:#1975ef;color:#1975ef;background:#f3f8ff}button:disabled{cursor:default;color:#a1a9b5;background:#f5f6f8}button.primary,.filebtn{background:var(--blue);border-color:var(--blue);color:white}input,select{border:1px solid #d9e0ea;border-radius:6px;padding:8px;background:white;color:var(--ink)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--nav);color:white;z-index:20;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-size:23px;font-weight:900;letter-spacing:2px;line-height:1.15}.brand-icon{width:42px;height:44px;background:#2785fb;display:grid;place-items:center;font-style:italic;font-size:32px;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.brand-sub{display:block;font-size:8px;color:#9bafc7;letter-spacing:2px;margin-top:7px}.side-label{font-size:10px;letter-spacing:2px;color:#677b96;margin:50px 12px 12px}.nav-item{display:flex;gap:16px;width:100%;border:0;background:none;color:#a5b3c6;text-align:left;margin:4px 0;padding:13px 14px}.nav-item>span{width:17px;font-size:19px}.nav-item.active{background:#233c5c;color:#8fc2ff}.nav-item:hover{background:#1a2b42;color:#fff}.side-bottom{margin-top:auto;padding:20px 10px 0;border-top:1px solid #2a3445;font-size:12px;color:#c6d1de}.side-bottom>span:not(.status-dot),.side-bottom small{display:block;color:#74849a;font-size:10px;margin-top:6px}.status-dot{display:inline-block;width:6px;height:6px;background:#5cd6aa;border-radius:50%;margin-right:7px}.app-shell{margin-left:224px}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--ink);padding:25px 40px;border-bottom:1px solid var(--line)}.topbar h1{font-size:23px;margin:2px 0 0;font-weight:800}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#64809e}.top-actions{display:flex;align-items:center;gap:18px}.private-badge{font-size:10px;color:#648276;letter-spacing:1px}main{max-width:1600px;margin:0 auto;padding:26px 40px}main>.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;background:none;border:0;padding:0;font-size:12px}.bar>label:first-child{font-weight:bold}.bar #season{width:235px;background:#fff}.bar button{padding:7px 10px;font-size:11px}.bar .filebtn{background:#fff;color:#3c5069;padding:7px 10px;border:1px solid #d9e0ea}.bar #storestate{margin-left:auto;font-size:10px;color:#8290a0}.hero{position:relative;overflow:hidden;min-height:300px;padding:35px 40px;border-radius:14px;background:#14253c;color:white;margin-bottom:24px;border:1px solid #273b53}.hero:after{content:'';position:absolute;right:-80px;top:-130px;width:450px;height:500px;background:repeating-linear-gradient(130deg,transparent 0,transparent 35px,#5589c615 36px,#5589c615 37px);transform:rotate(-7deg);pointer-events:none}.hero .eyebrow{color:#76b6ff;font-size:10px}.hero h2{font-size:32px;line-height:1.35;letter-spacing:-1px;margin:14px 0 12px}.hero p{color:#9eafc4;font-size:12px;margin:0 0 22px;line-height:1.8}.hero-actions{display:flex;gap:10px;position:relative;z-index:2}.hero-actions button:not(.primary){color:#d7e6f9;background:#ffffff0a;border-color:#40516a}.hero-actions button span{margin-left:35px}.hero-decoration{position:absolute;right:80px;top:20px;color:#284665;transform:skew(-8deg);pointer-events:none}.hero-decoration>span{font-size:190px;font-weight:1000;letter-spacing:-20px;line-height:1.2}.hero-decoration i{position:absolute;right:-20px;top:52px;width:10px;height:130px;background:#277cde;transform:rotate(25deg)}.hero-decoration b{position:absolute;right:-10px;top:225px;font-size:9px;line-height:1.8;color:#8097b0;letter-spacing:5px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px 23px}.kpi small{font-size:11px;color:#7d8a9a}.kpi strong{display:block;font-size:27px;margin-top:7px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.kpi span{display:block;font-size:10px;color:#9aa5b2;margin-top:5px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:none;margin-bottom:22px}.panel h2{font-size:16px;margin:0 0 15px;font-weight:800}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2{margin:0}.section-heading>.muted{font-size:10px}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.boss-row{margin:16px 0;display:grid;grid-template-columns:105px 1fr 100px;gap:15px;align-items:center;font-size:11px;cursor:pointer}.boss-row:hover{color:var(--blue)}.boss-bar{height:8px;background:#f0f3f8;border-radius:4px;overflow:hidden}.boss-bar i{display:block;height:100%;background:#619be9;border-radius:4px}.boss-row:nth-child(2) i{background:#aa9bd3}.boss-row:nth-child(3) i{background:#62b5ae}.boss-row:nth-child(4) i{background:#e4af63}.boss-row:nth-child(5) i{background:#e38d8d}.boss-value{text-align:right;color:#6b7c90}.steps ol{padding:0;list-style:none}.steps li{display:flex;gap:16px;align-items:center;margin:15px 0}.steps li>b{font:700 18px sans-serif;color:#8cb0dc}.steps li>span{font-size:12px;font-weight:700}.steps small{display:block;font-weight:400;font-size:10px;color:#8793a2;margin-top:3px}.text-button{border:0;background:none;color:#3b7cce;font-size:11px;padding:4px 0}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#f7f9fb;color:#8390a1;font-weight:500;padding:12px 14px;border:0;border-bottom:1px solid var(--line);text-align:left}td{padding:14px;border:0;border-bottom:1px solid #edf0f4}tbody tr:hover{background:#fafcff}.rank-table td:nth-child(5){font-weight:700;font-variant-numeric:tabular-nums}.rank-table td:first-child{width:65px;color:#99a9bd}.rank-table tr:nth-child(-n+3) td:first-child{color:#2b82e8;font-weight:bold}.muted{color:#7d8a9a}.empty{padding:32px;text-align:center;color:#8d98a8;font-size:12px}.fields{display:flex;flex-wrap:wrap;gap:14px}.fields label{font-size:11px;color:#77889b}.fields input,.fields select{display:block;margin-top:5px;font-size:12px}.note{background:#f0f6ff;border:1px solid #dce9fb;color:#527293;font-size:12px;padding:12px;border-radius:7px}.connect-panel{padding:32px;border-top:3px solid #2b83ef}.connect-panel h2{font-size:24px;margin:10px 0}.connect-panel p{color:#77889b;font-size:13px}.download-link{display:inline-block;margin:10px 20px;color:#2b7acb;font-size:12px;text-decoration:none}.manual-details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;margin:16px 0}.manual-details>summary{cursor:pointer;color:#75859a;font-size:12px}.manual-details .panel{border:0;margin:0;padding-top:25px}#view-records .scroll{max-height:650px}#view-reports #report{max-width:100%;height:auto;border:1px solid var(--line);margin-top:20px}#stats{font-size:13px;color:#2a6aad;background:#eff6ff;border-radius:5px;padding:10px;margin-bottom:12px}#sharedFilters .fields{align-items:end}footer{display:flex;justify-content:space-between;color:#98a3b1;letter-spacing:2px;font-size:9px;padding:20px 0}footer span{letter-spacing:0}#sampletag{color:#a2772a;background:#fff1cc;padding:3px 8px;border-radius:4px}#sampletag:empty{display:none}#msg{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#172b44;color:white;border-radius:8px;box-shadow:0 8px 24px #0003;padding:14px 24px}details>summary{cursor:pointer}#view-import details{margin-top:15px;font-size:12px}
@media(max-width:1200px){main{padding:24px}.topbar{padding:22px 24px}.sidebar{width:196px;padding:28px 14px}.app-shell{margin-left:196px}.hero-decoration{right:45px;opacity:.7}.hero h2{font-size:28px}.kpi{padding:18px}.kpi strong{font-size:23px}.boss-row{grid-template-columns:85px 1fr 85px;gap:8px}}
@media(max-width:850px){.sidebar{position:static;width:100%;padding:16px 20px}.brand{font-size:18px}.brand-icon{width:32px;height:34px;font-size:24px}.side-label,.side-bottom{display:none}.sidebar nav{display:flex;gap:5px;margin-top:15px;overflow:auto}.nav-item{white-space:nowrap;font-size:11px;gap:7px;padding:8px}.nav-item>span{font-size:15px}.app-shell{margin:0}.topbar{padding:18px 20px}.topbar h1{font-size:21px}main{padding:20px}.hero{padding:28px;min-height:280px}.hero-decoration{opacity:.35;right:30px}.hero h2{position:relative;z-index:1}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap}.private-badge{display:none}.panel{padding:20px}.bar #storestate{width:100%;margin:0}.top-actions button{font-size:11px}footer span{display:none}.section-heading{gap:12px}.boss-row{grid-template-columns:95px 1fr 95px}}