:root{ --brand:#0f766e; --brand-d:#0b5c55; --paper:#f4f3f0; }
body{ background:var(--paper); color:#1f2937; }
.num{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.app{ max-width:920px; }
.text-brand{ color:var(--brand); }
.btn-brand{ background:var(--brand); border-color:var(--brand); color:#fff; }
.btn-brand:hover{ background:var(--brand-d); border-color:var(--brand-d); color:#fff; }
.seg{ background:#e7e5e1; padding:4px; border-radius:12px; }
.seg .btn{ border:0; border-radius:9px; font-weight:600; color:#78716c; }
.seg .btn.active{ background:#fff; color:#111; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.stat{ background:#fff; border:1px solid #e7e5e4; border-radius:14px; padding:.7rem .8rem; }
.stat .lbl{ font-size:.7rem; color:#a8a29e; display:flex; gap:.35rem; align-items:center; }
.stat .val{ font-weight:700; font-size:1.15rem; line-height:1; margin-top:.35rem; }
.card-item{ background:#fff; border:1px solid #e7e5e4; border-left-width:4px; border-radius:14px; }
.card-item .hdr{ cursor:pointer; }
.rail-active{ border-left-color:#0d9488; }
.rail-sold{ border-left-color:#a8a29e; }
.rail-warn{ border-left-color:#d97706; }
.rail-danger{ border-left-color:#dc2626; }
.plat{ font-size:.7rem; border:1px solid; border-radius:6px; padding:1px 7px; }
.p-olx{ background:#fff7ed; color:#c2410c; border-color:#fed7aa; }
.p-bazar{ background:#f0f9ff; color:#0369a1; border-color:#bae6fd; }
.p-fb{ background:#eff6ff; color:#1d4ed8; border-color:#bfdbfe; }
.p-zk{ background:#f5f5f4; color:#57534e; border-color:#e7e5e4; }
.flabel{ font-size:.72rem; text-transform:uppercase; letter-spacing:.03em; color:#a8a29e; }
.cat-head{ font-weight:600; font-size:.92rem; }
.dot{ width:8px; height:8px; border-radius:50%; display:inline-block; }
.details{ border-top:1px solid #f3f4f6; }
input.form-control, select.form-select, textarea.form-control{ background:#fafaf9; }
.empty{ border:2px dashed #e7e5e4; border-radius:14px; color:#a8a29e; }
.bubble{ background:#fff; border:1px solid #e7e5e4; border-radius:14px; cursor:pointer; }
.bubble:hover{ background:#fafaf9; }
.exp-table th, .exp-table td{ vertical-align:middle; }