:root{color:#f8fafc;background:#17171f;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 78% 8%,rgba(125,104,255,.22),transparent 32%),radial-gradient(circle at 14% 78%,rgba(176,255,111,.1),transparent 28%),linear-gradient(135deg,#1b1b25,#111118 58%,#211d31)}button,input{font:inherit}button{color:inherit}.app-frame{display:grid;width:min(1560px,calc(100% - 44px));min-height:calc(100vh - 44px);margin:22px auto;padding:26px;background:#1d1d28c7;border:1px solid rgba(255,255,255,.08);border-radius:30px;box-shadow:0 30px 90px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.shell{min-width:0}.status-dot{width:8px;height:8px;border-radius:999px;background:#8b8fa3}.status-dot.available{background:#5ef2a0}.status-dot.loading{background:#8d7cff}.status-dot.api_error,.status-dot.missing_permission{background:#fb7185}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{display:grid;gap:16px;width:min(390px,100%);padding:30px;background:#232331eb;border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:0 24px 80px #00000061}.login-panel h1{margin:0;color:#fff;font-size:28px}.login-panel input,.date-filter input{color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);outline:none}.login-panel input{height:46px;padding:0 13px;border-radius:12px}.login-panel input:focus,.date-filter input:focus{border-color:#8d7cff;box-shadow:0 0 0 3px #8d7cff29}.login-panel span{color:#fb7185}.login-panel button,.actions button{border:0;color:#101014;background:#caff31;cursor:pointer;box-shadow:0 16px 30px #caff3133}.login-panel button{height:44px;border-radius:12px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.top-nav{--nav-items: 4;--active-index: 0;display:grid;grid-template-columns:repeat(var(--nav-items),minmax(112px,1fr));gap:0;width:min(560px,100%);padding:7px;position:relative;background:#0a0a108c;border:1px solid rgba(255,255,255,.08);border-radius:999px;box-shadow:inset 0 1px #ffffff0f}.top-nav:before{content:"";position:absolute;top:7px;bottom:7px;left:7px;width:calc((100% - 14px) / var(--nav-items));background:#caff31;border-radius:999px;box-shadow:0 14px 28px #caff3133;transform:translate(calc(var(--active-index) * 100%));transition:transform .26s cubic-bezier(.2,.8,.2,1)}.top-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;height:44px;padding:0 16px;position:relative;z-index:1;color:#aeb4ca;background:transparent;border:0;border-radius:999px;cursor:pointer;font-size:14px;font-weight:900;white-space:nowrap;transition:color .18s ease}.top-nav button.active{color:#101014}.top-nav button:not(.active):hover{color:#fff}.top-nav .status-dot{display:none}.brand-block{display:grid;gap:5px}.brand-block span,.panel-header p,.summary-card small,.actions,.empty,.price-tile span,.price-tile small,.inventory-row small,.date-filter,.stat-tile span,.pagination{color:#9aa0b8}.eyebrow{margin:0;color:#b3a7ff;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin:0}h1{color:#fff;font-size:36px;font-weight:900;line-height:1.08}h2{color:#fff;font-size:22px}.actions{display:flex;align-items:center;gap:12px;font-size:14px}.actions span{padding:10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px}.actions button{min-width:82px;height:42px;border-radius:12px;font-weight:900}.actions button:disabled{opacity:.6;cursor:wait}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:166px;margin-bottom:18px;padding:28px 34px;overflow:hidden;position:relative;background:radial-gradient(circle at 82% 44%,rgba(255,178,218,.55),transparent 20%),radial-gradient(circle at 70% 50%,rgba(149,130,255,.72),transparent 24%),linear-gradient(135deg,#7564e9,#6f5adf 48%,#a876ff);border:1px solid rgba(255,255,255,.12);border-radius:26px;box-shadow:0 24px 60px #7662e83d}.hero-panel:after{content:"";position:absolute;right:-28px;bottom:-74px;width:370px;height:220px;background:radial-gradient(circle,rgba(255,208,232,.95) 0 12px,transparent 13px) 0 0 / 58px 58px,radial-gradient(circle at center,rgba(255,190,220,.56),transparent 62%);border-radius:50%;transform:rotate(-8deg);opacity:.86}.hero-panel>*{position:relative;z-index:1}.hero-panel h2{margin:8px 0;font-size:30px}.hero-panel span{color:#ffffffbd}.hero-stats{display:grid;justify-items:end;gap:12px;min-width:190px;padding:16px 18px;background:#12101e5c;border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 18px 42px #2f1f5e38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-stats .status{color:#fff;background:#ffffff2e}.hero-stats strong{max-width:360px;overflow-wrap:anywhere;color:#fff;font-size:34px;line-height:1;text-align:right;text-shadow:0 3px 18px rgba(24,18,58,.42)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.summary-card{display:grid;gap:12px;min-height:136px;padding:17px;text-align:left;background:#272736e6;border:1px solid rgba(255,255,255,.08);border-radius:20px;cursor:pointer;box-shadow:0 18px 42px #00000029}.summary-card:hover{border-color:#8d7cff99}.summary-card.selected{background:linear-gradient(145deg,#3a3753f2,#2a2a3bf2);border-color:#8d7cff;box-shadow:0 0 0 3px #8d7cff1f,0 20px 46px #00000038}.summary-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-card strong{color:#fff;font-size:16px}.metric{overflow-wrap:anywhere;color:#fff;font-size:27px;font-weight:900;line-height:1.05}.summary-card small{display:-webkit-box;min-height:38px;overflow:hidden;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.skeleton-card{pointer-events:none}.skeleton-line,.loading-rows span{display:block;background:linear-gradient(90deg,#ffffff0f,#ffffff29,#ffffff0f 90%);background-size:220% 100%;border-radius:999px;animation:shimmer 1.3s ease-in-out infinite}.skeleton-line{width:58%;height:13px}.skeleton-line.wide{width:78%;height:24px}.status{display:inline-flex;align-items:center;justify-self:start;min-height:24px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.available{color:#5ef2a0;background:#5ef2a024}.missing_permission{color:#fb7185;background:#fb718524}.api_error{color:#fbbf24;background:#fbbf2424}.not_configured{color:#cbd5e1;background:#cbd5e11f}.loading{color:#8d7cff;background:#8d7cff29}.panel{padding:22px;background:#272736eb;border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 24px 70px #0003}.loading-panel{display:grid;gap:12px;min-height:220px;place-items:center;text-align:center}.loading-panel strong{color:#fff;font-size:18px}.loading-panel span{color:#9aa0b8}.loader-ring{width:42px;height:42px;border:4px solid rgba(141,124,255,.18);border-top-color:#8d7cff;border-radius:999px;animation:spin .9s linear infinite}.loading-rows{display:grid;gap:8px;width:min(520px,100%);margin-top:8px}.loading-rows span{height:12px}.loading-rows span:nth-child(2){width:82%}.loading-rows span:nth-child(3){width:64%}.panel-header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-header p{margin-top:6px}.table-wrap{overflow-x:auto;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px}table{width:100%;border-collapse:collapse;table-layout:fixed}th,td{height:42px;padding:10px 12px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.06)}th{color:#aeb4ca;font-size:12px;font-weight:900;background:#ffffff0a}tbody tr:hover{background:#ffffff0a}tbody tr:last-child td{border-bottom:0}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes spin{to{transform:rotate(360deg)}}.empty{display:grid;gap:8px;min-height:180px;place-content:center;text-align:center}.big-metric{display:grid;min-height:220px;place-content:center;text-align:center}.big-metric strong{color:#fff;font-size:58px;line-height:1}.big-metric span{margin-top:12px;color:#9aa0b8}.inventory-board,.price-board{display:grid;gap:12px}.inventory-board,.price-board{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.inventory-row,.price-tile,.stat-tile{display:grid;gap:8px;text-align:left;background:#1f1f2be0;border:1px solid rgba(255,255,255,.08);border-radius:18px}.price-tile{cursor:pointer}.inventory-row{min-height:146px;padding:13px;cursor:default}.price-tile{min-height:120px;padding:15px}.inventory-row:disabled,.price-tile:disabled{cursor:default}.inventory-row.selected,.price-tile.selected{background:#2d2a43f5;border-color:#8d7cff;box-shadow:0 0 0 3px #8d7cff1f}.inventory-row span{color:#fff;font-weight:900}.inventory-row strong{color:#5ef2a0}.inventory-row small{min-height:18px}.color-stats{display:grid;gap:6px;min-height:46px}.color-pill{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;max-width:100%;padding:6px 8px;color:#d8ddf0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:11px;font-size:12px;line-height:1.25;white-space:normal}.color-name{font-weight:900}.color-counts{display:flex;flex-wrap:wrap;gap:4px 7px;min-width:0}.stock-count.clickable{cursor:pointer;font-weight:900}.stock-count.shortage{color:#fb7185}.color-pill.clickable{cursor:pointer}.color-pill.selected{color:#fff;border-color:#8d7cff;box-shadow:0 0 0 2px #8d7cff1f}.color-pill.has-shortage{color:#fb7185;background:#fb71851a;border-color:#fb718559}.inventory-row.out-of-stock{background:#4926349e;border-color:#fb718557}.inventory-row.out-of-stock strong,.inventory-row.out-of-stock small{color:#fb7185}.inventory-detail{display:grid;gap:14px;margin-top:18px}.inventory-detail.split-2{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-detail-panel{min-width:0}.inventory-detail h3{margin:0;color:#fff;font-size:16px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.detail-header button{padding:8px 12px;color:#101014;background:#caff31;border:0;border-radius:10px;cursor:pointer;font-weight:900}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px}.pagination div{display:flex;gap:8px}.pagination button{padding:8px 12px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;cursor:pointer}.pagination button:disabled{color:#71768b;cursor:default}.price-tile strong{color:#fff;font-size:23px}.ad-board{display:grid;gap:16px}.ad-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.ad-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;flex:1}.stat-tile{min-height:96px;padding:14px}.stat-tile strong{color:#fff;font-size:24px}.stat-compare{color:#9aa0b8;font-size:13px;font-weight:800}.stat-compare.up{color:#5ef2a0}.stat-compare.down{color:#fb7185}.date-filter{display:grid;gap:6px;min-width:180px;font-size:14px}.date-filter input{height:40px;padding:0 10px;border-radius:10px}@media(max-width:1100px){.topbar{flex-wrap:wrap}.top-nav{order:3;width:100%;max-width:none}}@media(max-width:900px){.topbar{align-items:flex-start;flex-direction:column}.actions{width:100%;justify-content:space-between}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-toolbar{align-items:stretch;flex-direction:column}.ad-stat-grid{grid-template-columns:1fr}.hero-panel{align-items:flex-start;flex-direction:column}.hero-stats{justify-items:start}.hero-stats strong{text-align:left}}@media(max-width:560px){.app-frame{width:100%;min-height:100vh;margin:0;padding:10px;border-radius:0}.top-nav{grid-template-columns:repeat(var(--nav-items),minmax(0,1fr));padding:6px;border-radius:999px}.top-nav:before{display:block;top:6px;bottom:6px;left:6px;width:calc((100% - 12px) / var(--nav-items))}.top-nav button{width:100%;min-width:0;height:40px;padding:0 8px;font-size:13px}h1{font-size:26px}.topbar{gap:12px;margin-bottom:12px}.brand-block span{font-size:13px}.hero-panel{min-height:140px;padding:20px;border-radius:20px}.hero-panel h2{font-size:24px}.hero-stats strong{font-size:28px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.summary-card{min-height:112px;gap:8px;padding:12px;border-radius:16px}.summary-card strong{font-size:15px}.metric{font-size:21px}.summary-card small{min-height:34px;font-size:12px}.panel{padding:14px 10px;border-radius:20px}.panel-header{margin-bottom:12px}.inventory-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.price-board{grid-template-columns:1fr}.inventory-row{min-height:148px;gap:6px;padding:10px}.inventory-row span,.inventory-row strong{font-size:15px}.inventory-row small{font-size:12px;line-height:1.35}.color-stats{gap:5px;min-height:0}.color-pill{grid-template-columns:1fr;gap:3px;padding:5px 6px;font-size:11px}.color-counts{gap:2px 6px}.detail-header{align-items:stretch;flex-direction:column}.inventory-detail.split-2{grid-template-columns:1fr}.detail-header button{width:100%}.table-wrap table{min-width:640px}th,td{height:38px;padding:8px 9px;font-size:12px}.actions,.pagination{align-items:stretch;flex-direction:column}.actions button,.actions span{width:100%}.pagination div{justify-content:space-between}}@media(max-width:380px){.summary-grid,.inventory-board{grid-template-columns:1fr}}