.compass-shell{--co:#ff985d;--co2:#ffb577;--ink:#233238;--muted:#77898b;display:grid;gap:14px;padding-bottom:28px;color:var(--ink)}
.compass-hero{min-height:126px;padding:26px 30px;border:1px solid #ffe2cf;border-radius:24px;background:radial-gradient(circle at 80% 10%,#fff1c9 0,transparent 32%),linear-gradient(118deg,#fffaf6,#f2fbfa);display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 36px rgba(76,53,38,.06)}
.compass-hero span{font-size:11px;letter-spacing:.2em;color:#db6829;font-weight:900}.compass-hero h2{margin:6px 0;font-size:30px}.compass-hero p{margin:0;color:var(--muted)}.compass-hero aside{text-align:right;padding:13px 16px;border:1px solid #ffe1ce;border-radius:14px;background:#fff9f5}.compass-hero aside b,.compass-hero aside small{display:block}.compass-hero aside small{margin-top:4px;color:#9b7a67}
.compass-tabs{display:flex;gap:8px;padding:8px;border-radius:17px;background:#fff;border:1px solid #edf0ee;box-shadow:0 8px 22px rgba(32,47,52,.05)}.compass-tabs button{border:0;background:transparent;border-radius:12px;padding:11px 24px;color:#6e7d80;font-weight:800}.compass-tabs button.active{background:linear-gradient(135deg,#ffad72,#ff8c47);color:#fff;box-shadow:0 7px 15px rgba(255,142,72,.25)}
.compass-caliber{display:flex;gap:14px;align-items:center;padding:11px 16px;border:1px solid #dcece8;border-radius:13px;background:#f5fbf9;font-size:12px;color:#627a77}.compass-caliber b{color:#168d78;white-space:nowrap}
.compass-focus{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #ffd9c1;border-radius:16px;background:linear-gradient(100deg,#fff7f1,#fffdfa);box-shadow:0 8px 20px rgba(107,67,39,.04)}.compass-focus>div:first-child span,.compass-focus>div:first-child b{display:block}.compass-focus>div:first-child span{margin-bottom:4px;color:#dd6c32;font-size:10px;font-weight:900;letter-spacing:.08em}.compass-focus>div:first-child b{font-size:13px}.compass-focus-actions{display:flex;gap:18px;white-space:nowrap}.compass-focus-actions span{display:flex;align-items:center;gap:6px;font-size:10px;color:#657673}.compass-focus-actions i{width:8px;height:8px;border-radius:50%;background:#61cdb7}.compass-focus-actions i.danger{background:#f27770}.compass-focus-actions i.warn{background:#f1b957}
.compass-section-title{display:flex;align-items:end;justify-content:space-between;margin:9px 3px -2px}.compass-section-title>div{display:flex;align-items:center;gap:9px}.compass-section-title span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#fff0e5;color:#df6a2e;font-size:11px;font-weight:900}.compass-section-title h3{margin:0;font-size:17px}.compass-section-title p{margin:0;color:#899694;font-size:11px}
.compass-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.compass-kpis article{position:relative;padding:16px 17px;border-radius:17px;background:#fff;border:1px solid #e9eeeb;box-shadow:0 8px 20px rgba(39,57,61,.045);overflow:hidden}.compass-kpis article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#70cfbd}.compass-kpis article.alert:before{background:#ff7b73}.compass-kpis article.warn:before{background:#ffbd67}.compass-kpis span,.compass-kpis em{display:block;color:#829190;font-size:11px;font-style:normal}.compass-kpis b{display:block;margin:8px 0 6px;font-size:24px;line-height:1}.compass-kpis b small{font-size:15px;color:#879493}
.compass-grid{display:grid;gap:12px}.compass-grid.primary{grid-template-columns:1.15fr .85fr}.compass-grid.risks{grid-template-columns:repeat(3,1fr)}.compass-grid.secondary{grid-template-columns:1.45fr .55fr}.compass-card{padding:18px;border:1px solid #e7edeb;border-radius:19px;background:#fff;box-shadow:0 9px 25px rgba(35,50,56,.045);min-width:0}.compass-card>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.compass-card h3{margin:0 0 4px;font-size:16px}.compass-card header p{margin:0;color:#899795;font-size:11px}.compass-card header>span{font-size:10px;color:#d96b31;background:#fff4ed;padding:5px 8px;border-radius:9px}
.compass-bars{display:grid;gap:9px}.compass-bar-row{display:grid;grid-template-columns:20px 104px 1fr 70px 55px;gap:9px;align-items:center;font-size:11px}.compass-bar-row>span{color:#a0aaa9}.compass-bar-row>b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compass-bar-row i{height:10px;background:#f3f3f1;border-radius:8px;overflow:hidden}.compass-bar-row em{display:block;height:100%;background:linear-gradient(90deg,#ffba82,#ff8750);border-radius:inherit}.compass-bar-row strong{text-align:right}.compass-bar-row small{color:#19a081;text-align:right}.compass-bar-row small.negative,.negative{color:#e65e58!important}.positive{color:#169879!important}
.compass-matrix{height:282px;position:relative;border-left:1px solid #becfcb;border-bottom:1px solid #becfcb;background:linear-gradient(90deg,transparent 49.8%,#e9efed 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#e9efed 50%,transparent 50.2%);margin:8px 16px 24px 28px}.matrix-quadrant{position:absolute;font-size:10px;color:#abb6b4}.q1{left:4%;top:4%}.q2{right:4%;top:4%}.q3{left:4%;bottom:4%}.q4{right:4%;bottom:4%}.matrix-y,.matrix-x{position:absolute;font-size:10px;color:#8d9a98}.matrix-y{left:-28px;top:42%;writing-mode:vertical-rl}.matrix-x{bottom:-20px;left:43%}.matrix-bubble{position:absolute;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.8);border-radius:50%;background:linear-gradient(145deg,#ffb16f,#ff8452);color:#fff;box-shadow:0 7px 15px rgba(255,135,75,.26);font-size:9px;font-weight:800;cursor:help}.matrix-bubble:nth-of-type(3n){background:linear-gradient(145deg,#58d4bd,#23a98f)}.matrix-bubble:nth-of-type(3n+1){background:linear-gradient(145deg,#8fbaff,#5d8ee9)}
.compass-risk-item{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #eef1ef}.compass-risk-item:first-of-type{border-top:0}.compass-risk-item b,.compass-risk-item small{display:block}.compass-risk-item small{margin-top:3px;color:#899693;font-size:10px}.compass-risk-item strong{font-size:12px;color:#e16b32}.compass-risk-item.shortage strong{color:#e15757}.compass-risk-item.overstock strong{color:#bb7a17}.tag.opportunity{color:#d9662e}.tag.danger{color:#d95454;background:#fff0ef}.tag.warn{color:#a96c14;background:#fff6df}
.risk-card{position:relative;overflow:hidden}.risk-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.risk-card.opportunity:before{background:#54c9b3}.risk-card.danger:before{background:#ee746d}.risk-card.warn:before{background:#efb755}
.compass-table-wrap{overflow:auto;max-height:390px}.compass-ranking table{width:100%;border-collapse:collapse;font-size:11px}.compass-ranking th{position:sticky;top:0;background:#f8faf9;color:#748583;text-align:left;padding:10px;white-space:nowrap}.compass-ranking td{padding:11px 10px;border-top:1px solid #edf1ef;white-space:nowrap}.compass-ranking td:first-child{max-width:260px}.compass-ranking td b,.compass-ranking td small{display:block}.compass-ranking td small{color:#9aa5a3;overflow:hidden;text-overflow:ellipsis}.compass-judgement{padding:4px 7px;border-radius:8px;background:#fff2e9;color:#ca652e}
.attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.attribute-grid>div{padding:11px 12px;border:1px solid #ecf0ed;border-radius:12px;background:#fbfcfb}.attribute-grid span,.attribute-grid small{display:block;font-size:9px;color:#98a3a1}.attribute-grid b{display:block;margin:4px 0;font-size:12px}.attribute-grid strong{color:#dd6b32;font-size:14px}.attribute-grid small{float:right;margin-top:-15px}.compass-donut-card{display:flex;gap:14px;align-items:center;padding:8px 0}.compass-donut{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.compass-donut>span{width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.compass-donut b,.compass-donut small{display:block}.compass-donut small{color:#899795;font-size:9px}.compass-legend{width:100%;display:grid;gap:4px}.compass-legend div{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;font-size:9px}.compass-legend i{width:7px;height:7px;border-radius:50%}
.compass-ai{display:flex;align-items:flex-start;gap:14px;padding:21px 24px;border:1px solid #ffdcca;border-radius:20px;background:linear-gradient(110deg,#fff7f1,#f1fbf8);box-shadow:0 10px 27px rgba(91,65,46,.05)}.compass-ai-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#ffae71,#ff8444);font-size:20px}.compass-ai>div:nth-child(2){flex:1}.compass-ai span{font-size:9px;letter-spacing:.16em;color:#d96a31;font-weight:900}.compass-ai h3{margin:4px 0 8px}.compass-ai ol{margin:0;padding-left:18px;display:grid;gap:5px;font-size:11px;color:#526561}.compass-ai button,.compass-loading button{border:0;border-radius:12px;background:#ff914f;color:#fff;padding:10px 15px;font-weight:800}.compass-empty{padding:25px;text-align:center;color:#9aa6a4;font-size:11px}.compass-loading{min-height:430px;display:grid;place-content:center;justify-items:center;gap:10px;border:1px solid #e8edeb;border-radius:22px;background:#fff;color:#73827f}.compass-loading i{width:30px;height:30px;border:3px solid #ffe1cf;border-top-color:#ff9353;border-radius:50%;animation:compass-spin .8s linear infinite}.compass-loading.error i{display:none}@keyframes compass-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.compass-kpis{grid-template-columns:repeat(3,1fr)}.compass-grid.primary,.compass-grid.secondary{grid-template-columns:1fr}.compass-grid.risks{grid-template-columns:1fr}.compass-hero aside{display:none}}@media(max-width:760px){.compass-kpis{grid-template-columns:repeat(2,1fr)}.compass-hero{padding:20px}.compass-tabs{overflow:auto}.compass-tabs button{white-space:nowrap}.attribute-grid{grid-template-columns:repeat(2,1fr)}.compass-focus{align-items:flex-start;flex-direction:column}.compass-focus-actions{flex-wrap:wrap;gap:8px 14px}.compass-section-title{align-items:flex-start;flex-direction:column;gap:4px}.compass-section-title p{padding-left:36px}}
.category-business-dashboard{gap:12px}.compass-kpis.compass-kpis-8{grid-template-columns:repeat(8,minmax(0,1fr))}.compass-kpis-8 article{padding:14px 13px}.compass-kpis-8 b{font-size:21px}.compass-grid.category-main{grid-template-columns:1fr 1.15fr}.opportunity-grid{grid-template-columns:repeat(4,1fr)}.opportunity-card{padding:16px;min-height:220px}.opportunity-card.breakout:before,.opportunity-card.structure:before,.opportunity-card.contraction:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.opportunity-card{position:relative;overflow:hidden}.opportunity-card.breakout:before{background:#ff985d}.opportunity-card.structure:before{background:#6597ed}.opportunity-card.contraction:before{background:#ec6d72}.category-trend{position:relative}.category-trend svg{display:block;width:100%;height:230px;overflow:visible}.category-trend line{stroke:#edf1ef;stroke-width:1}.category-trend polyline{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.category-trend circle{stroke:#fff;stroke-width:2;opacity:0;cursor:help}.category-trend svg:hover circle{opacity:1}.trend-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:4px}.trend-legend span{display:flex;align-items:center;gap:5px;font-size:9px;color:#61716f}.trend-legend i{width:8px;height:8px;border-radius:50%}.trend-axis{display:flex;justify-content:space-between;margin-top:5px;color:#9aa6a4;font-size:9px}.share-compare{display:grid;gap:11px}.share-compare>div{display:grid;grid-template-columns:110px 1fr 1fr;gap:10px;align-items:center}.share-compare b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-compare span{position:relative;height:24px;border-radius:7px;background:#f3f5f4;overflow:hidden}.share-compare i{position:absolute;inset:0 auto 0 0;border-radius:inherit;opacity:.85}.share-compare i.sales{background:linear-gradient(90deg,#ffb57d,#ff8b50)}.share-compare i.stock{background:linear-gradient(90deg,#9fc2fb,#6597ed)}.share-compare em{position:relative;display:block;padding:5px 7px;font-size:9px;font-style:normal;color:#34433f}.inventory-health{display:grid;grid-template-columns:1fr;gap:0}.inventory-health header{grid-column:1/-1}.inventory-health>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #edf1ef}.inventory-health span{color:#7c8d89;font-size:11px}.inventory-health b{font-size:15px}.compass-ranking .compass-table-wrap{max-height:440px}.compass-ranking td small{margin-top:3px}.category-business-dashboard .attribute-grid{grid-template-columns:repeat(4,1fr)}
.metric-label{display:inline-flex;align-items:center;gap:4px}.metric-label i{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #cbd9d5;border-radius:50%;font-size:9px;font-style:normal;color:#728783;cursor:help}
.clearance-impact{display:inline-block;padding:4px 7px;border-radius:8px;background:#f2f6f5;color:#667b77}.clearance-impact.high{background:#fff0e7;color:#d5682f;font-weight:800}
.attribute-rank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attribute-rank-card{padding:13px 14px;border:1px solid #e7eeeb;border-radius:14px;background:#fbfcfb}.attribute-rank-card header{display:flex;justify-content:space-between;margin-bottom:7px}.attribute-rank-card header b{font-size:13px}.attribute-rank-card header span{font-size:9px;color:#899895}.attribute-rank-row{display:grid;grid-template-columns:20px minmax(70px,1fr) minmax(70px,1.4fr) 28px 42px;gap:7px;align-items:center;padding:7px 0;border-top:1px solid #edf1ef;font-size:10px}.attribute-rank-row>i{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#fff0e5;color:#d96a30;font-style:normal;font-weight:900}.attribute-rank-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attribute-rank-row>span{height:7px;border-radius:8px;background:#edf1ef;overflow:hidden}.attribute-rank-row>span em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffba82,#ff8750)}.attribute-rank-row>strong{text-align:right;color:#d96831}.attribute-rank-row>small{text-align:right;color:#879592}
.portrait-panel{margin-top:12px;background:linear-gradient(115deg,#fff8f3,#f3fbf9)}.portrait-panel>p{margin:0 0 13px;color:#445955;font-size:13px;font-weight:700}.portrait-panel>div{display:flex;flex-wrap:wrap;gap:8px}.portrait-panel>div span{display:grid;grid-template-columns:auto auto;gap:2px 8px;padding:8px 11px;border:1px solid #e3ece8;border-radius:11px;background:#fff}.portrait-panel small{grid-column:1/-1;color:#8a9996;font-size:9px}.portrait-panel b{font-size:11px}.portrait-panel em{font-style:normal;color:#dc6b32;font-weight:900}
.matrix-bubble{display:grid;place-items:center;padding:3px;line-height:1.05}.matrix-bubble span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1500px){.compass-kpis.compass-kpis-8{grid-template-columns:repeat(4,1fr)}.opportunity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1100px){.compass-grid.category-main{grid-template-columns:1fr}.category-business-dashboard .attribute-grid{grid-template-columns:repeat(3,1fr)}.attribute-rank-grid{grid-template-columns:1fr}}
@media(max-width:760px){.compass-kpis.compass-kpis-8{grid-template-columns:repeat(2,1fr)}.opportunity-grid{grid-template-columns:1fr}.category-business-dashboard .attribute-grid{grid-template-columns:repeat(2,1fr)}.share-compare>div{grid-template-columns:90px 1fr}.share-compare>div span:last-child{grid-column:2}}