/* Card Trade Tracker visual system. All decoration is independent of data. */
:root{--surface:#fff;--line:var(--theme-border);--ink:var(--theme-ink);--soft:var(--theme-tint)}
body{background:radial-gradient(ellipse at 95% 0%,var(--theme-tint),transparent 52%),var(--theme-background);letter-spacing:-.12px}
main{padding-top:42px;padding-bottom:36px}
main>header{padding:0 0 25px;border-bottom:1px solid var(--theme-border);margin-bottom:24px}
main>header>div:first-child{position:relative;padding-left:20px}
main>header>div:first-child::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:5px;background:var(--theme-accent);border-radius:5px;transform:skewY(-22deg)}
h1{font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-1.5px}h2,h3{letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:2px}
#workspace-sidebar{background:linear-gradient(160deg,var(--theme-sidebar-hover) -80%,var(--theme-sidebar) 65%);border-right:1px solid #ffffff16}
.workspace-branding{padding-bottom:20px;border-bottom:1px solid #ffffff1f}
.workspace-branding .business-logo{border-radius:16px 5px 16px 5px;padding:3px;box-shadow:5px 5px 0 #ffffff18}
.workspace-branding .business-branding strong{letter-spacing:-.8px;line-height:1.15}
.tabs{gap:6px;margin-top:16px;margin-bottom:12px}.tabs button{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px 18px 18px 8px;font-weight:500}
.tabs button::before{content:'◇';display:grid;place-items:center;width:20px;flex:0 0 20px;font-size:19px;opacity:.8}
.tabs [data-tab=inventory]::before{content:'▦'}.tabs [data-tab=profits]::before{content:'↗'}.tabs [data-tab=expenses]::before{content:'−'}.tabs [data-tab=history]::before{content:'↺'}.tabs [data-tab=shows]::before{content:'☆'}.tabs [data-tab=calculator]::before{content:'='}.tabs [data-tab=account]::before{content:'○'}
.tabs .active{box-shadow:0 4px 16px #0002;border-color:#fff;font-weight:700}.tabs .active::before{color:var(--theme-accent)}
.category-switch select{border-radius:12px;background:var(--surface)}.primary-menu>summary{border-radius:12px 4px 12px 12px;box-shadow:0 4px 12px #00000012}.action-menu>.menu-items{border-radius:16px;box-shadow:0 16px 45px #0000001c}
.spreadsheet-banner{background:transparent;border:0;border-left:2px solid var(--theme-border);border-radius:0;padding:0 0 0 14px;margin-bottom:24px}.spreadsheet-banner button{background:white;border-radius:20px;font-size:12px}.spreadsheet-banner p{font-size:11px}
#metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric{position:relative;border-radius:18px;padding:23px;border-color:var(--theme-border);box-shadow:0 4px 14px #00000003}
.metric strong{font-variant-numeric:tabular-nums;font-weight:700;font-size:clamp(23px,2.2vw,32px);letter-spacing:-1.2px;line-height:1.3}
.metric small{font-size:12px;font-weight:500}.metric p{font-size:11px;line-height:1.6;max-width:38ch}
#metrics>.metric:nth-child(1),#metrics>.metric:nth-child(2){grid-column:span 2;min-height:174px;overflow:hidden;padding:26px 28px;border-radius:22px 6px 22px 22px}
#metrics>.metric:nth-child(1){background:var(--theme-accent);box-shadow:0 8px 22px #00000010}
#metrics>.metric:nth-child(1)::after,#metrics>.metric:nth-child(2)::after{content:'';position:absolute;pointer-events:none;width:145px;height:200px;border:1px solid #ffffff24;right:-45px;top:-24px;transform:rotate(28deg);border-radius:20px;box-shadow:15px 15px 0 0 #ffffff08,30px 30px 0 0 #ffffff08}
#metrics>.metric:nth-child(2)::after{border-color:var(--theme-border);box-shadow:15px 15px 0 0 var(--theme-tint);opacity:.6}
#metrics>.metric:nth-child(-n+2)>*{position:relative;z-index:1}
#metrics>.metric:nth-child(-n+2) strong{font-size:clamp(28px,3.5vw,46px);margin-top:14px}
#metrics>.metric:nth-child(n+3){border-top:3px solid var(--theme-border);border-radius:6px 6px 18px 18px}
.overview-help{margin:12px 0 28px}.overview-help>summary{font-size:12px}
.panel{border-radius:24px;padding:28px;box-shadow:0 8px 30px #00000003;border-color:var(--theme-border)}
.panel-heading h2{font-size:22px;font-weight:800}.panel-heading p{font-size:12px}.panel-heading{margin-bottom:25px}
.inventory-purpose{padding:4px;background:var(--theme-tint);border-radius:25px;width:fit-content;max-width:100%;gap:3px}
.inventory-purpose button{border:0;border-radius:21px;min-height:40px;background:transparent;color:var(--theme-muted);padding:8px 15px;font-weight:600}
.inventory-purpose button[aria-pressed=true]{background:var(--theme-accent);color:white;box-shadow:0 3px 7px #00000012}
.inventory-controls input,.inventory-controls select{border-radius:12px;background:var(--theme-background);border-color:transparent;min-height:48px}
.inventory-controls input:focus,.inventory-controls select:focus{background:#fff;border-color:var(--theme-border)}
.table-wrap{border-radius:14px}th{background:var(--theme-tint);font-size:11px;letter-spacing:.25px;padding:16px 12px}td{padding:20px 12px}tbody tr:hover{background:var(--theme-background)}
.card-quick-link{text-decoration:none;font-weight:700}.card-quick-link:hover{text-decoration:underline}.card-purpose{min-height:30px;padding:4px 9px;background:var(--theme-tint);border:0;font-size:10px;letter-spacing:.2px}.asking-price-button{font-variant-numeric:tabular-nums}.asking-price-button small{font-size:10px}
.row-menu summary{border:0;background:var(--theme-tint);border-radius:20px}.pricing-help{border:1px solid var(--theme-border);border-radius:12px;padding:12px 14px}.section-disclosure{border-radius:14px}.section-disclosure>summary{padding-top:15px;padding-bottom:15px}
#profit-summary .metric,#expense-summary .metric,#show-summary .metric{border-radius:16px;border-top:3px solid var(--theme-border)}
#profit-summary .metric:first-child{background:var(--theme-tint);border-top-color:var(--theme-accent)}
.profit-chart{background:linear-gradient(155deg,var(--theme-tint),#fff 65%);border-radius:22px;border-color:var(--theme-border);padding:26px}.profit-chart h3{font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.profit-chart-total{font-size:42px}.profit-chart .inventory-purpose{background:#fff}.profit-chart input[type=range]{accent-color:var(--theme-accent)}
.event{padding:20px 12px;border-radius:12px}.event:hover{background:var(--theme-background)}.event strong{line-height:1.5}.empty{padding:55px 20px}.empty strong{font-family:Manrope,sans-serif;font-size:20px}
dialog{border-radius:22px 6px 22px 22px;box-shadow:0 24px 80px #0003;padding:28px;border-color:var(--theme-border)}dialog::backdrop{background:#10101866;backdrop-filter:blur(6px)}.modal-head{padding-bottom:12px;border-bottom:1px solid var(--theme-border);margin-bottom:18px}.modal-head h2{font-size:22px}input,select{border-radius:10px}.incoming-card,.result,.quick-card-prices div{border-radius:14px}.submit{border-radius:12px;min-height:48px}.card-scanner{border-style:dashed;border-radius:14px}
.auth-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 0 0,var(--theme-tint),transparent 60%),var(--theme-background);padding:48px 24px}
.auth-screen::before,.auth-screen::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:clamp(220px,36vw,530px);height:clamp(330px,51vw,710px);border:1px solid var(--theme-border);border-radius:36px;transform:rotate(-24deg);left:-13%;top:-18%;background:linear-gradient(140deg,var(--theme-tint),transparent)}
.auth-screen::after{left:auto;top:auto;right:-14%;bottom:-25%;transform:rotate(28deg);box-shadow:30px 30px 0 var(--theme-tint)}
.auth-card{border-radius:28px 8px 28px 28px;box-shadow:12px 12px 0 var(--theme-tint),0 20px 70px #00000008;padding:36px;width:min(470px,100%)}.auth-card .brand-mark{border:0;border-radius:14px 3px 14px 3px;font-family:Manrope,sans-serif;font-size:19px;padding:15px;box-shadow:5px 5px 0 var(--theme-tint)}.auth-card h1{font-size:30px;line-height:1.2;margin-top:26px}.auth-card input{background:var(--theme-background)}.auth-card label{font-size:13px}.auth-card>p{font-size:13px}.auth-card #auth-submit{border-radius:12px;min-height:48px}
footer{padding-top:20px;border-top:1px solid var(--theme-border);line-height:1.7}
@media(min-width:1600px){main{padding-right:54px;padding-left:54px}}
@media(max-width:1100px){#metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#metrics>.metric:nth-child(1),#metrics>.metric:nth-child(2){grid-column:span 1;padding:22px;min-height:164px}.panel{padding:22px}.metric{padding:18px}#metrics>.metric:nth-child(-n+2) strong{font-size:30px}}
@media(max-width:760px){main{padding-top:22px}main>header{padding-bottom:20px}#workspace-sidebar{border-radius:0 0 24px 24px}.workspace-branding{padding-bottom:12px}.tabs{gap:6px}.tabs button{border-radius:12px;gap:6px;padding:9px 11px}.tabs button::before{width:16px;flex-basis:16px;font-size:16px}.panel{border-radius:20px;padding:18px}.panel-heading h2{font-size:20px}.metric{padding:16px}.metric strong{font-size:24px}#metrics>.metric:nth-child(1),#metrics>.metric:nth-child(2){padding:18px;min-height:158px}#metrics>.metric:nth-child(-n+2) strong{font-size:28px}.metric small{font-size:11px}.metric p{font-size:10px}.profit-chart{padding:18px}.profit-chart-total{font-size:34px}.inventory-purpose button{padding:8px 11px;font-size:12px}.auth-card{padding:26px}.auth-card h1{font-size:26px}.panel-heading{gap:14px}.workspace-branding .business-logo{box-shadow:3px 3px 0 #ffffff18}}
@media(max-width:400px){#metrics{grid-template-columns:1fr}#metrics>.metric:nth-child(1),#metrics>.metric:nth-child(2){min-height:145px}.inventory-purpose{border-radius:16px}.inventory-purpose button{white-space:normal}.auth-screen{padding:28px 18px}}
@media(prefers-reduced-motion:no-preference){button,summary{transition:background-color .15s,box-shadow .15s}.tabs button:hover{transform:translateX(2px)}}

textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;font:inherit;color:var(--theme-ink);background:var(--theme-tint);border:1px solid var(--theme-border);border-radius:10px;padding:12px;margin-top:7px}textarea:focus-visible{outline:3px solid var(--theme-focus);outline-offset:3px}.sale-notes{white-space:pre-wrap;min-width:180px;max-width:300px;overflow-wrap:anywhere}#sales-locations{margin:20px 0}#sales-locations table{min-width:850px}#sales-location-filter{max-width:360px}

.card-sale-notes{margin:20px 0;padding-top:4px;border-top:1px solid var(--theme-border)}.card-sale-notes article{padding:12px 14px;margin:10px 0;background:var(--theme-tint);border-radius:12px}.card-sale-notes article strong{font-size:13px}.transaction-note-text{white-space:pre-wrap;overflow-wrap:anywhere}

.show-attendance{border:1px solid var(--theme-border);border-radius:14px;padding:12px 16px;margin:18px 0}.show-attendance legend{font-size:13px;font-weight:600;padding:0 6px}.show-attendance .hint{display:block}