.compass-page .app-main{max-width:1800px}.compass-page h1{font-size:28px}.compass-page h2{font-size:17px;margin:0 0 10px}.compass-page .cp-muted,.compass-page #cpStatus{font-size:12px;color:#6c7f99;line-height:1.6}.compass-page [hidden]{display:none!important}
.compass-page .cp-section{background:#fff;border:1px solid #dce5f3;border-radius:12px;padding:18px;margin-bottom:16px;min-width:0}.compass-page .cp-toolbar,.compass-page .cp-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.compass-page .cp-heading span{font-size:12px;color:#6c7f99}.compass-page .cp-toolbar label{display:flex;align-items:center;gap:12px;font-size:13px}.compass-page select,.compass-page input{min-height:40px;max-width:100%;padding:8px 12px;border:1px solid #d3dff0;border-radius:7px;background:#fff;color:#19395e;font:inherit}.compass-page button{cursor:pointer}.compass-page button:disabled{cursor:default;opacity:.5}.compass-page .cp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compass-page .cp-grid.cp-two{grid-template-columns:repeat(2,minmax(0,1fr))}.compass-page .cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:#f7faff;border:1px solid #e0e8f5;border-radius:10px;color:#22436a;padding:15px;min-width:0;font-family:inherit}.compass-page .cp-card>span{font-size:13px}.compass-page .cp-card strong{font-size:27px;color:#245cce;overflow-wrap:anywhere;line-height:1.2;font-variant-numeric:tabular-nums}.compass-page .cp-card small{font-size:11px;color:#6d809c;line-height:1.6;font-weight:400}.compass-page .cp-card strong small{margin-left:6px}.compass-page .cp-card .cp-drill{font-size:11px;color:#245cce;margin-top:auto}.compass-page .cp-card:hover,.compass-page .cp-bar:hover{background:#eef5ff;border-color:#98b6f0}.compass-page .is-active{outline:2px solid #386cdf;outline-offset:-2px}.compass-page button:focus-visible,.compass-page summary:focus-visible{outline:3px solid #436fe0;outline-offset:2px}
.compass-page .cp-period{display:flex;gap:8px;flex-wrap:wrap}.compass-page #cpYear{width:88px}.compass-page .cp-distributions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compass-page .cp-bars{display:grid;gap:6px}.compass-page .cp-bar{background:#fff;border:1px solid transparent;border-radius:7px;padding:9px;width:100%;text-align:left;font-family:inherit;color:#22436a}.compass-page .cp-bar>span{display:flex;justify-content:space-between;font-size:12px}.compass-page .cp-bar i{display:block;height:6px;margin-top:8px;background:#eef2f9;border-radius:4px;overflow:hidden}.compass-page .cp-bar em{display:block;height:100%;background:#5275dc;border-radius:4px}.compass-page .cp-bar[data-metric="grade-S+"] em{background:#744fc9}.compass-page .cp-bar[data-metric="grade-S"] em{background:#3268d5}.compass-page .cp-bar[data-metric="grade-A"] em{background:#168f79}
.compass-page #cpSearchForm{display:flex;gap:6px;max-width:100%}.compass-page #cpSearch{width:230px;min-width:0}.compass-page .cp-customer{padding:14px 0;border-bottom:1px solid #e7edf5}.compass-page .cp-customer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.compass-page .cp-customer-head a,.compass-page .cp-customer-head strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}.compass-page .cp-customer p{font-size:12px;color:#6c7f99;margin:7px 0;line-height:1.6}.compass-page .cp-customer-amount{font-size:18px;font-weight:700;white-space:nowrap}.compass-page .cp-customer-amount small{display:block;font-size:10px;color:#6c7f99;font-weight:400;margin-top:5px}.compass-page summary{font-size:12px;cursor:pointer;min-height:40px;align-content:center;color:#3565c0}.compass-page .cp-records{display:grid;gap:8px}.compass-page .cp-record{display:grid;gap:6px;background:#f5f8fd;border-radius:8px;padding:12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.compass-page .cp-record span{color:#667d97}.compass-page .cp-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:16px;font-size:12px}.compass-page .cp-empty{padding:30px;text-align:center;color:#6c7f99}.compass-page .cp-rules li{font-size:12px;line-height:1.8;color:#6c7f99}.compass-page #cpLogin{border:1px solid #d3dff0;border-radius:15px;padding:24px;max-width:calc(100vw - 32px)}.compass-page #cpLogin label{display:grid;gap:8px;margin:14px 0}.compass-page #cpLogin::backdrop{background:#14264488}
@media(min-width:801px){.compass-page #cpStock{grid-template-columns:repeat(12,minmax(0,1fr))}.compass-page #cpStock .cp-card{grid-column:span 4}.compass-page #cpStock .cp-card:nth-child(n+7){grid-column:span 3}.compass-page .cp-card>small{min-height:34px}}
@media(max-width:800px){.compass-page .cp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compass-page .cp-distributions{grid-template-columns:1fr;gap:0}.compass-page .cp-section{padding:12px}.compass-page .cp-card{padding:12px}.compass-page .cp-card strong{font-size:23px}.compass-page .cp-customer-head{flex-wrap:wrap}.compass-page select,.compass-page input{font-size:16px;min-height:44px}.compass-page .cp-bar{min-height:44px}.compass-page .cp-heading{align-items:flex-start}.compass-page .cp-pagination{gap:8px}.compass-page .cp-heading #cpSearchForm{width:100%}.compass-page #cpSearch{flex:1}}
.compass-page .cp-toolbar label{white-space:nowrap}.compass-page #cpStock .cp-card>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.compass-page .cp-card[data-metric="grade-S+"] strong{color:#7546bc}.compass-page .cp-card[data-metric="grade-A"] strong{color:#0a816c}.compass-page .cp-card[data-metric="overdue"] strong{color:#be5620}
@media(max-width:800px){.compass-page .app-topbar{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:8px!important}.compass-page .app-topbar h1{font-size:22px}.compass-page .app-topbar #cpRefresh{width:auto!important;white-space:nowrap;min-width:76px;min-height:44px}.compass-page #cpAsOf{flex-basis:100%}.compass-page .cp-card>small{min-height:36px}}