:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI",sans-serif;color:#1d2825;background:#f3f5f3;--green:#1c6a59;--line:#dde4e0}
*{box-sizing:border-box}body{margin:0}a{color:var(--green)}
header{min-height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1160px)/2))}header p{margin:0}header nav{display:flex;gap:16px;align-items:center;font-size:13px}
.eyebrow{font-size:11px;letter-spacing:.18em;color:#668078;font-weight:800}.dashboard{max-width:1160px;margin:0 auto;padding:28px 20px 60px}
.toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.toolbar h1{margin:0;font-size:28px}.toolbar p{margin:5px 0 0;color:#6e7b76}.toolbar form{display:flex;gap:10px;align-items:end}.toolbar label{font-size:12px;color:#62706b}.toolbar select,.toolbar input{display:block;margin-top:5px;min-height:40px;border:1px solid #cfd8d3;border-radius:9px;background:white;padding:8px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cards article,.panel,.empty{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.cards span{display:block;color:#74817c;font-size:13px;margin-bottom:9px}.cards strong{font-size:22px}.panel{margin-top:18px}.panel h2{font-size:18px;margin:0 0 14px}.muted{color:#7b8782}
.auth-card{max-width:430px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.auth-card h1{margin:8px 0}.auth-card label{display:block;font-size:13px;margin:16px 0}.auth-card input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cad4cf;border-radius:9px}
button,.button{display:inline-block;border:0;border-radius:9px;background:var(--green);color:#fff;padding:11px 18px;font-weight:700;text-decoration:none;cursor:pointer}.auth-card button{width:100%}.notice{background:#e8f4ef;border:1px solid #c9e2d8;padding:12px;border-radius:10px;word-break:break-all}.error{background:#fff0ef;color:#a33b31;padding:10px;border-radius:9px}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ece9}td input{min-width:120px;border:1px solid #cad4cf;border-radius:7px;padding:8px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form.compact{display:inline-flex;margin-left:8px}.inline-form.compact button{padding:6px 9px;font-size:12px}.table-scroll{overflow:auto}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.panel-heading p{margin:4px 0 0}.lost-summary{display:flex;gap:8px;white-space:nowrap}.lost-summary span{padding:8px 11px;border-radius:999px;font-size:12px;font-weight:700}.lost-summary b{font-size:16px}.lost-number{background:#fff0ee;color:#ad4338}.return-number{background:#e8f7ef;color:#177253}
.view-switch,.status-tabs{display:flex;gap:8px;margin:18px 0 12px}.view-switch a,.status-tabs a{border:1px solid #d9e2de;border-radius:10px;background:#f6f8f7;color:#52605b;padding:10px 14px;text-decoration:none;font-size:13px;font-weight:750}.view-switch a.active{background:#6b56a5;border-color:#6b56a5;color:#fff}.status-tabs a.lost.active{background:#c95348;border-color:#c95348;color:#fff}.status-tabs a.returned.active{background:#278263;border-color:#278263;color:#fff}
.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-card{border:1px solid var(--line);border-left:5px solid #c95348;border-radius:12px;padding:15px;background:#fff}.client-card.is-returned{border-left-color:#278263;background:#fbfffd}.client-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-top strong{font-size:16px}.client-top span{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff0ee;color:#ad4338}.is-returned .client-top span{background:#e8f7ef;color:#177253}.client-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;margin:14px 0 0}.client-card dl div{min-width:0}.client-card dt{font-size:11px;color:#7a8782;margin-bottom:2px}.client-card dd{margin:0;font-size:13px;font-weight:650}.empty-list{padding:25px 0;text-align:center}
.cs-panel{padding:0;overflow:hidden}.cs-panel h2{padding:18px 18px 0}.cs-panel>.muted{padding:0 18px 18px}.cs-panel .table-scroll{padding:0 18px 18px}.cs-report{min-width:820px;border:2px solid #5b625f;font-size:13px}.cs-report th,.cs-report td{border:1px solid #767d79;text-align:center;padding:8px 10px}.cs-report thead th{font-weight:800;color:#173029}.cs-report .month-head,.cs-report .month-cell{background:#ffe780}.cs-report .row-head,.cs-report .row-label{background:#f2f3f2}.cs-report .designated-head,.cs-report .designated-cell{background:#c9f6bd}.cs-report .free-head,.cs-report .free-cell{background:#dff9d8}.cs-report .technical-head,.cs-report .technical-cell{background:#96ef88}.cs-report .retail-head,.cs-report .retail-cell{background:#fff2a9}.cs-report .total-head,.cs-report .total-cell{background:#f7b7bc}.cs-report .month-cell{font-size:14px;white-space:nowrap}.cs-report tbody tr:nth-child(3n) td,.cs-report tbody tr:nth-child(3n) th{border-bottom-width:3px}.repeat-report{min-width:560px}.repeat-report thead th{background:#96ef88}.repeat-report tbody th{background:#fff5ad}.repeat-report td{background:#f8fff6}.repeat-report .repeat-total th,.repeat-report .repeat-total td{background:#f7b7bc;border-top-width:3px}
.store-breakdown-panel>p{margin:0 0 14px}.store-breakdown{min-width:760px}.store-breakdown thead th{background:#edf5f1;color:#27483f}.store-breakdown td,.store-breakdown th{text-align:right}.store-breakdown th:first-child{text-align:left}.store-breakdown .store-total th,.store-breakdown .store-total td{background:#e7f5ee;border-top:2px solid #27735f;font-weight:800}.repeat-panel .repeat-help{padding-bottom:8px}.repeat-report{min-width:760px}.repeat-report tbody th{text-align:left;min-width:180px}.repeat-report tbody th small{display:block;margin-top:4px;color:#65736d;font-size:11px;font-weight:500}.rate-pill{display:inline-block;min-width:66px;padding:6px 10px;border-radius:999px;background:#1d7564;color:#fff;font-size:15px}.repeat-total .rate-pill{background:#a43d49}.repeat-formula{color:#66736e;font-size:12px;white-space:nowrap}
.sales-report tbody tr.month-start>th,.sales-report tbody tr.month-start>td{border-top:16px solid #fff}.sales-report tbody tr:first-child>th,.sales-report tbody tr:first-child>td{border-top-width:1px}.sales-report tbody tr.month-end>th,.sales-report tbody tr.month-end>td{border-bottom:3px solid #59645f}.sales-report tr.month-even .row-label{background:#eef3f0}.sales-report tr.month-odd .row-label{background:#f6f0e2}.sales-report tr.month-even .month-cell{background:#ffe477}.sales-report tr.month-odd .month-cell{background:#ffd2a8}.sales-report .month-cell{font-size:16px;font-weight:850;vertical-align:middle}.sales-report tbody tr.month-start:not(:first-child) .month-cell{border-top-color:#fff}
.repeat-history{min-width:980px}.repeat-history thead th{background:#91c5f3}.repeat-history tbody th{background:#c9f7f4;text-align:left;white-space:nowrap}.repeat-history td{background:#fff;text-align:center;min-width:128px}.repeat-history td small{display:block;margin-top:3px;color:#52645e;font-weight:700}.repeat-history .repeat-total th,.repeat-history .repeat-total td{background:#fff69a;border-top:3px solid #69716d}.repeat-history .loss-row th{background:#ffd8d4}.repeat-history .loss-row td{background:#fff1ef}.repeat-history .calculating{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef1f0;color:#6a7772;font-size:11px;font-weight:800}.loss-count-link{display:inline-flex;align-items:center;justify-content:center;min-width:3.25rem;padding:.35rem .65rem;border-radius:999px;background:#fff;color:#b5453b;font-weight:800;text-decoration:underline;text-underline-offset:3px}.month-loss-panel{border:2px solid #f0c7c1;background:#fffdfc}.panel-close{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid #cbd7d2;border-radius:12px;color:#41504b;text-decoration:none;font-weight:700;white-space:nowrap}
.sales-report .month-spacer td{height:16px;padding:0;border:0;background:#fff}.sales-report .month-spacer+tr>th,.sales-report .month-spacer+tr>td{border-top:3px solid #59645f}
.sales-report .average-row .row-label{background:#e7f5ee;color:#155c4c;font-weight:850}.sales-report .average-row td{box-shadow:inset 0 1px #a9d3c3}.sales-report .average-row .total-cell strong{color:#155c4c}.sales-report .pair-end th,.sales-report .pair-end td{border-bottom-width:3px}.sales-report .row-label{white-space:nowrap}.check-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.check-label input{min-width:0}
@media(max-width:760px){header{align-items:flex-start}header nav{flex-wrap:wrap;justify-content:flex-end}.toolbar{display:block}.toolbar form{margin-top:16px;display:grid;grid-template-columns:1fr 1fr}.toolbar select,.toolbar input{width:100%}.cards{grid-template-columns:repeat(2,1fr)}.auth-card{margin:18px}.dashboard{padding:20px 14px}.cards strong{font-size:18px}.inline-form{min-width:520px}.panel-heading{display:block}.lost-summary{margin-top:12px}.view-switch,.status-tabs{overflow:auto}.view-switch a,.status-tabs a{white-space:nowrap}.client-grid{grid-template-columns:1fr}.client-card dl{grid-template-columns:1fr 1fr}.overview-panel{padding:0;border:0;background:transparent}.overview-panel .table-scroll{overflow:visible}.overview-table,.overview-table tbody,.overview-table tr,.overview-table td{display:block;width:100%}.overview-table thead{display:none}.overview-table tr{margin:0 0 14px;padding:8px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 7px rgba(30,60,50,.04)}.overview-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #edf1ef;overflow-wrap:anywhere}.overview-table td:last-child{border-bottom:0}.overview-table td::before{content:attr(data-label);color:#74817c;font-size:12px;font-weight:700}.overview-table .staff-name{font-size:18px;font-weight:800}.overview-table .staff-name::before{align-self:center}.overview-table .store-sales{line-height:1.8}.overview-table .grand-total{font-size:16px;color:#173f34}}