:root{--bg:#fff;--bg-alt:#f5f5f3;--surface:#fff;--ink:#17181c;--ink-muted:#63666c;--line:#e3e3e0;--accent:#e8480f;--accent-ink:#fff;--ok:#1f8a5f;--ok-bg:#e4f2ea;--loss:#b3261e;--loss-bg:#f7e3e1}@media (prefers-color-scheme:dark){:root{--bg:#121316;--bg-alt:#1a1c20;--surface:#17181c;--ink:#f3f3f1;--ink-muted:#9b9ea3;--line:#2b2d31;--accent:#ff6a32;--accent-ink:#121316;--ok:#34b57b;--ok-bg:#163027;--loss:#ff6b63;--loss-bg:#3a1e1c}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}button{font-family:inherit}p{margin:0;line-height:1.6}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit}.announce{background:var(--ink);color:var(--bg);text-align:center;letter-spacing:.02em;padding:9px 16px;font-size:12.5px}.nav{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 32px;display:grid;position:sticky;top:0}.nav .nav-links{color:var(--ink-muted);gap:26px;font-size:13.5px;display:flex}.nav .nav-links a:hover{color:var(--ink)}.nav .wordmark{cursor:pointer;background:0 0;border:none;justify-self:center;align-items:center;padding:0;display:flex}.nav .wordmark img{width:auto;height:22px;display:block}@media (prefers-color-scheme:dark){.nav .wordmark img{filter:invert()}}.nav .icons{justify-self:end;align-items:center;gap:22px;display:flex}.icon-btn{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:4px;display:flex;position:relative}.icon-btn svg{width:20px;height:20px;display:block}.cart-count{background:var(--accent);color:var(--accent-ink);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-7px}main.container{max-width:1200px;margin:0 auto}.btn-accent{background:var(--accent);height:50px;color:var(--accent-ink);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:0 30px;font-size:14.5px;font-weight:700;display:inline-flex}.btn-accent:hover{opacity:.9}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.btn-outline{height:46px;color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:13.5px;display:inline-flex}.usp-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:22px;padding:40px 32px;display:grid}@media (width>=700px){.usp-row{grid-template-columns:repeat(4,1fr)}}.usp-item{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.usp-item svg{width:24px;height:24px;color:var(--ink)}.usp-item .t{font-size:13.5px;font-weight:700}.usp-item .d{color:var(--ink-muted);font-size:12.5px}.section-head{justify-content:space-between;align-items:baseline;padding:48px 32px 4px;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:800}.filters{flex-wrap:wrap;gap:8px;padding:16px 32px 28px;display:flex}.chip{border:1px solid var(--line);color:var(--ink-muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:13px}.chip.active{border-color:var(--ink);color:var(--ink);background:var(--bg-alt)}.grid{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}@media (width>=700px){.grid{grid-template-columns:repeat(3,1fr)}}.card{cursor:pointer;background:var(--bg);padding:26px;display:block}.card .art{aspect-ratio:1;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.card .art svg{width:62%;height:62%;transition:transform .35s}.card:hover .art svg{transform:scale(1.05)}.art .product-photo{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card:hover .art .product-photo{transform:scale(1.05)}.quick-add{background:var(--bg);border:1px solid var(--line);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .2s;display:flex;position:absolute;bottom:4px;right:4px}.card:hover .quick-add{opacity:1}.quick-add:hover{border-color:var(--accent);color:var(--accent)}.quick-add svg{width:15px;height:15px}.card .name{margin:0 0 4px;font-size:14.5px;font-weight:600}.card .price{color:var(--ink-muted);font-size:13.5px}.pdp-wrap{padding:8px 32px 60px}.back-link{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:24px 0;padding:0;font-size:13px;display:inline-flex}.back-link svg{width:13px;height:13px}.back-link:hover{color:var(--ink)}.pdp{grid-template-columns:1fr;gap:48px;display:grid}@media (width>=860px){.pdp{grid-template-columns:1.1fr 1fr}}.pdp .art{background:var(--bg-alt);justify-content:center;align-items:center;min-height:380px;padding:50px;display:flex}.pdp .art svg{width:55%;height:55%}.gallery-strip{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.gallery-thumb{border:1px solid var(--line);background:var(--bg-alt);cursor:pointer;flex-shrink:0;width:64px;height:64px;padding:0;overflow:hidden}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb.active{border-color:var(--ink)}.pdp h1{letter-spacing:-.01em;margin:0 0 8px;font-size:30px;font-weight:800}.pdp .price{margin:0 0 10px;font-size:18px}.pdp .rating{color:var(--ink-muted);align-items:center;gap:5px;margin:0 0 26px;font-size:13px;display:flex}.pdp .rating svg{width:13px;height:13px;color:var(--accent)}.field-label{color:var(--ink-muted);margin:0 0 10px;font-size:12.5px}.swatches{gap:10px;margin-bottom:24px;display:flex}.swatch{border:1px solid var(--line);cursor:pointer;background:0 0;width:34px;height:34px;padding:3px}.swatch .fill{width:100%;height:100%;display:block}.swatch.active{border:2px solid var(--ink)}.sizes{gap:8px;margin-bottom:24px;display:flex}.size-btn{border:1px solid var(--line);cursor:pointer;min-width:46px;height:40px;color:var(--ink);background:0 0;font-size:13px}.size-btn.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.qty-row{border:1px solid var(--line);align-items:center;gap:0;width:fit-content;margin-bottom:20px;display:flex}.qty-btn{cursor:pointer;width:36px;height:40px;color:var(--ink);background:0 0;border:none;font-size:16px}.qty-val{text-align:center;min-width:30px;font-size:14px}.buy-row{gap:12px;margin-bottom:28px;display:flex}.buy-row .btn-accent,.buy-row .btn-outline{flex:1}.trust{color:var(--ink-muted);align-items:center;gap:8px;margin:0 0 28px;font-size:13px;display:flex}.trust svg{flex-shrink:0;width:16px;height:16px}.accordion{border-top:1px solid var(--line)}.accordion:last-child{border-bottom:1px solid var(--line)}.acc-head{cursor:pointer;width:100%;color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;font-weight:600;display:flex}.acc-icon{color:var(--ink-muted);font-size:16px;font-weight:400}.acc-body{transition:max-height .25s;overflow:hidden}.acc-body-inner{color:var(--ink-muted);padding:0 0 18px;font-size:13.5px;line-height:1.7}.scrim{opacity:0;pointer-events:none;z-index:20;background:#0f101273;transition:opacity .25s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.drawer{background:var(--surface);border-left:1px solid var(--line);z-index:21;flex-direction:column;width:min(420px,94vw);transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-14px 0 34px #00000024}.drawer.open{transform:translate(0)}.drawer .head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.drawer .head h2{margin:0;font-size:17px;font-weight:800}.ship-progress{border-bottom:1px solid var(--line);padding:16px 24px}.ship-progress p{color:var(--ink-muted);margin-bottom:8px;font-size:12.5px}.ship-progress p b{color:var(--ink)}.ship-bar{background:var(--bg-alt);height:5px;overflow:hidden}.ship-bar .fill{background:var(--accent);height:100%;transition:width .3s}.cart-items{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.cart-row{gap:12px;display:flex}.cart-row .art{background:var(--bg-alt);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.cart-row .art svg{width:62%;height:62%}.cart-row .info{flex:1;min-width:0}.cart-row .info .n{margin:0;font-size:14px;font-weight:600}.cart-row .info .v{color:var(--ink-muted);margin:2px 0 0;font-size:12.5px}.cart-row .side{text-align:right}.cart-row .p{margin:0 0 6px;font-size:13.5px}.remove-btn{cursor:pointer;color:var(--ink-muted);background:0 0;border:none;padding:0}.remove-btn:hover{color:var(--loss)}.remove-btn svg{width:15px;height:15px}.upsell{border-top:1px solid var(--line);padding:18px 24px}.upsell .h{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:12px;font-size:12px}.upsell-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.upsell-row .art{background:var(--bg-alt);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.upsell-row .art svg{width:60%;height:60%}.upsell-row .info{flex:1;font-size:13px}.upsell-row .info .p{color:var(--ink-muted);font-size:12.5px}.upsell-row button{border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.drawer .foot{border-top:1px solid var(--line);padding:20px 24px}.subtotal-row{justify-content:space-between;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.empty-note{color:var(--ink-muted);text-align:center;margin:8px 0 0;font-size:12.5px}.checkout{grid-template-columns:1fr;gap:44px;padding:8px 32px 64px;display:grid}@media (width>=860px){.checkout{grid-template-columns:1.1fr .9fr}}.checkout h2{margin:0 0 20px;font-size:18px;font-weight:800}.form-row{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-row.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row.two>div{flex-direction:column;gap:6px;display:flex}.form-row label{color:var(--ink-muted);font-size:12.5px}.form-row input{border:1px solid var(--line);background:var(--bg);height:44px;color:var(--ink);padding:0 14px;font-size:14px}.form-row input:focus{border-color:var(--ink);outline:none}.form-err{color:var(--loss);min-height:16px;font-size:12px;display:block}.summary-box{background:var(--bg-alt);padding:24px}.summary-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:14px;display:flex}.summary-row:last-of-type{border-bottom:none}.summary-total{border-top:1px solid var(--ink);justify-content:space-between;margin-top:8px;padding-top:16px;font-size:18px;font-weight:800;display:flex}.confirmed{text-align:center;max-width:460px;margin:0 auto;padding:90px 20px 110px}.confirmed .mark{background:var(--ok);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 22px;display:flex}.confirmed .mark svg{color:#fff;width:26px;height:26px}.confirmed h1{margin:0 0 8px;font-size:26px;font-weight:800}.confirmed .order-no{color:var(--ink-muted);margin:0 0 20px;font-size:13px}.confirmed p.msg{color:var(--ink-muted);margin:0 0 30px;font-size:14.5px}footer.site-footer{background:var(--bg-alt);border-top:1px solid var(--line);margin-top:60px;padding:56px 32px 32px}.foot-grid{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (width>=700px){.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}.foot-grid .wordmark{letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:18px;font-weight:800}.foot-grid .about{color:var(--ink-muted);max-width:34ch;font-size:13px}.foot-col h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin:0 0 14px;font-size:12px}.foot-col p,.foot-col a{color:var(--ink);margin-bottom:10px;font-size:13.5px;display:block}.foot-bottom{text-align:center;color:var(--ink-muted);margin-top:40px;font-size:12px}.auth-wrap{max-width:380px;margin:80px auto;padding:0 24px}.auth-wrap h1{margin:0 0 8px;font-size:26px;font-weight:800}.auth-wrap p.sub{color:var(--ink-muted);margin-bottom:28px;font-size:14px}.auth-switch{color:var(--ink-muted);text-align:center;margin-top:18px;font-size:13.5px}.auth-switch a,.auth-switch button{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0}.mfa-alt-methods{border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:8px;margin-top:22px;padding-top:18px;display:flex}.mfa-alt-methods button{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.mfa-alt-methods button:hover{color:var(--accent)}.form-error-banner{background:var(--loss-bg);color:var(--loss);margin-bottom:16px;padding:10px 14px;font-size:13px}.form-success-banner{background:var(--ok-bg);color:var(--ok);margin-bottom:16px;padding:10px 14px;font-size:13px}.form-row-label-line{justify-content:space-between;align-items:baseline;display:flex}.inline-link{color:var(--accent);font-size:12.5px}.dev-note{color:var(--ink-muted);background:var(--bg-alt);border:1px dashed var(--line);margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.6}.account-wrap{max-width:760px;margin:0 auto;padding:40px 24px 80px}.account-wrap h1{margin:0 0 24px;font-size:26px;font-weight:800}.account-subnav{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;padding-bottom:14px;display:flex}.account-subnav-links{gap:22px;display:flex}.account-tab{color:var(--ink-muted);border-bottom:2px solid #0000;padding-bottom:4px;font-size:13.5px}.account-tab.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.account-subnav-right{align-items:center;gap:14px;display:flex}.account-email{color:var(--ink-muted);font-size:12.5px}.account-subnav-right .btn-outline{height:36px;padding:0 16px;font-size:12.5px}.settings-section{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:40px}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{margin:0 0 16px;font-size:16px;font-weight:700}.settings-section form{max-width:380px}.settings-section .btn-accent{width:auto;height:42px;padding:0 22px}.settings-saved-note{color:var(--ok);margin-left:14px;font-size:13px}.settings-danger-copy{color:var(--ink-muted);max-width:52ch;margin-bottom:18px;font-size:13.5px}.settings-delete-confirm{max-width:380px}.settings-delete-confirm .form-row{margin-bottom:14px}.twofa-status-row{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.twofa-setup{max-width:480px}.twofa-qr-row{flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:20px;display:flex}.twofa-qr-row img{border:1px solid var(--line)}.twofa-secret{letter-spacing:.05em;background:var(--bg-alt);border:1px solid var(--line);padding:8px 12px;font-size:14px;display:inline-block}.twofa-setup form{max-width:260px}.backup-codes-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:360px;margin-bottom:22px;display:grid}.backup-codes-grid code{background:var(--bg-alt);border:1px solid var(--line);text-align:center;letter-spacing:.03em;padding:8px 10px;font-size:13.5px}.order-card{border:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px 20px;display:flex}.order-card:hover{border-color:var(--ink)}.order-card .num{margin-bottom:4px;font-size:14px;font-weight:700}.order-card .meta{color:var(--ink-muted);font-size:12.5px}.status-pill{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-alt);border:1px solid var(--line);padding:4px 10px;font-size:11px}.tracking-timeline{flex-direction:column;gap:0;margin:30px 0;display:flex}.tl-step{gap:16px;padding-bottom:28px;display:flex;position:relative}.tl-step:last-child{padding-bottom:0}.tl-dot{background:var(--line);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px;position:relative}.tl-step.done .tl-dot{background:var(--accent)}.tl-step:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:16px;bottom:0;left:6px}.tl-step.done:not(:last-child):before{background:var(--accent)}.tl-label{font-size:14.5px;font-weight:600}.tl-step:not(.done) .tl-label{color:var(--ink-muted);font-weight:500}.admin-shell{min-height:100%}.admin-topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex}.admin-topbar .brand{font-size:18px;font-weight:800}.admin-topbar .brand span{color:var(--ink-muted);margin-left:6px;font-size:13px;font-weight:400}.admin-topbar-right{align-items:center;gap:20px;display:flex}.admin-topbar-link{color:var(--ink-muted);font-size:13px}.admin-topbar-link:hover{color:var(--ink)}.admin-topbar-right .btn-outline{height:36px;padding:0 16px;font-size:12.5px}.admin-tabbar{border-bottom:1px solid var(--line);gap:4px;padding:0 28px;display:flex}.admin-tab{cursor:pointer;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-right:22px;padding:14px 6px;font-size:12px}.admin-tab.active,.admin-tab.active-link{color:var(--ink);border-bottom-color:var(--accent)}.admin-main{max-width:1100px;margin:0 auto;padding:28px}.view-title{margin:0 0 4px;font-size:22px;font-weight:800}.view-sub{color:var(--ink-muted);margin:0 0 24px;font-size:13px}.security-banner{background:var(--loss-bg);border:1px solid var(--loss);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px 20px;display:flex}.security-banner-title{color:var(--loss);margin:0 0 4px;font-size:14px;font-weight:700}.security-banner-copy{color:var(--ink);max-width:60ch;margin:0;font-size:13px}.security-banner-cta{border-color:var(--loss);color:var(--loss);flex-shrink:0;height:38px;padding:0 16px;font-size:13px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-tile{border:1px solid var(--line);background:var(--surface);padding:18px 20px;display:block}.stat-tile-link{cursor:pointer}.stat-tile-link:hover{border-color:var(--ink)}.stat-tile .label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 10px;font-size:11px}.stat-tile .value{font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:27px;font-weight:800}.stat-tile .trend{font-size:12px}.trend.up{color:var(--ok)}.trend.down{color:var(--loss)}.mini-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=760px){.mini-grid{grid-template-columns:1fr 1fr}}.mini-panel{border:1px solid var(--line);background:var(--surface);padding:18px 20px}.mini-panel h3{margin:0 0 12px;font-size:15px}.mini-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.mini-row:last-child{border-bottom:none}.mini-row .m{color:var(--ink-muted);font-size:12px}.badge{letter-spacing:.02em;padding:3px 8px;font-size:11px;display:inline-block}.badge.profit{background:var(--ok-bg);color:var(--ok)}.badge.loss{background:var(--loss-bg);color:var(--loss)}.badge.status{background:var(--bg-alt);color:var(--ink-muted)}.badge.open{background:var(--loss-bg);color:var(--loss)}.badge.answered{background:var(--ok-bg);color:var(--ok)}.table-wrap{border:1px solid var(--line);overflow-x:auto}table.admin-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px;font-size:13.5px}.admin-table thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);background:var(--bg-alt);font-size:10.5px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table td.num,.admin-table th.num{text-align:right}.price-input{text-align:right;border:1px solid var(--line);background:var(--surface);width:84px;height:30px;color:var(--ink);padding:0 8px;font-size:13px}.price-input:focus{border-color:var(--accent);outline:none}.catalog-summary{color:var(--ink-muted);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;display:flex}.catalog-summary b{color:var(--ink)}.admin-note{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);background:0 0;align-items:center;gap:6px;padding:2px 8px;font-size:10.5px;display:inline-flex}.order-detail-row td{background:var(--bg-alt);color:var(--ink-muted);padding:14px;font-size:12.5px}.order-detail-row code{background:var(--surface);border:1px solid var(--line);padding:1px 6px}.row-confirm{min-width:220px}.row-confirm-copy{color:var(--ink);white-space:normal;margin:0 0 6px;font-size:12px;font-weight:600}.row-confirm-error{color:var(--loss);margin:0 0 6px;font-size:11.5px}.row-confirm-input{border:1px solid var(--line);background:var(--surface);width:90px;height:30px;color:var(--ink);padding:0 8px;font-size:12px}.row-confirm-input:disabled{opacity:.6}.row-confirm-link{cursor:pointer;color:var(--ink-muted);background:0 0;border:none;padding:0;font-size:11px}.row-confirm-link:hover{color:var(--accent)}.row-confirm-link:disabled{opacity:.5;cursor:default}.support-layout{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=820px){.support-layout{grid-template-columns:300px 1fr}}.ticket-list{border:1px solid var(--line);background:var(--surface);overflow:hidden}.ticket-item{border-bottom:1px solid var(--line);cursor:pointer;padding:14px 16px}.ticket-item:last-child{border-bottom:none}.ticket-item.active{background:var(--bg-alt)}.ticket-item .subj{margin:0 0 4px;font-size:13.5px;font-weight:600}.ticket-item .meta{color:var(--ink-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.thread-panel{border:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:420px;padding:20px;display:flex}.thread-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;display:flex}.thread-head h3{margin:0 0 4px;font-size:16px}.thread-head p{color:var(--ink-muted);margin:0;font-size:12.5px}.thread-msgs{flex-direction:column;flex:1;gap:12px;margin-bottom:16px;display:flex}.msg{max-width:80%;padding:10px 13px;font-size:13.5px;line-height:1.5}.msg.customer{background:var(--bg-alt);align-self:flex-start}.msg.admin{background:var(--ink);color:var(--bg);align-self:flex-end}.msg .who{text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin:0 0 4px;font-size:10px}.reply-box{gap:10px;display:flex}.reply-box textarea{resize:none;border:1px solid var(--line);background:var(--surface);height:60px;color:var(--ink);flex:1;padding:10px 12px;font-size:13.5px}.reply-box textarea:focus{border-color:var(--accent);outline:none}.btn-small-accent{background:var(--accent);color:var(--accent-ink);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border:none;padding:0 20px;font-size:12px}.btn-small-accent:hover{opacity:.92}.centered-note{text-align:center;color:var(--ink-muted);padding:60px 20px;font-size:14px}