@import"https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--maroon:#8C1420;--maroon-deep:#650D15;--maroon-ink:#42090F;--gray:#6E6668;--gray-soft:#8B8385;--ink:#241B1C;--paper:#F5F2EC;--paper-2:#EFEAE0;--surface:#FFFFFF;--line:#E7DFD1;--line-2:#D8CEBC;--up:#2E7D57;--down:#B4232E;--brass:#A9873E;--brass-soft:#C9AE72;--shadow-sm:0 1px 2px rgba(66,9,15,.06);--shadow:0 1px 2px rgba(66,9,15,.05), 0 10px 28px -8px rgba(66,9,15,.1);--shadow-lg:0 20px 48px -12px rgba(66,9,15,.22);--radius:14px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--paper)}.bcsb{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bcsb h1,.bcsb h2,.bcsb h3,.bcsb .serif{font-family:Spectral,Georgia,Times New Roman,serif}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.bcsb button{font-family:inherit;cursor:pointer}.bcsb input,.bcsb select,.bcsb textarea{font-family:inherit}.bcsb a{color:inherit}.muted{color:var(--gray)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:6px;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--gray-soft)}.wm{display:inline-flex;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.wm .loop{flex:0 0 auto}.wm .txt{display:flex;flex-direction:column;line-height:1}.wm .l1{font-family:Spectral,serif;font-weight:700;color:var(--gray);letter-spacing:.04em}.wm .rule{height:3px;background:var(--maroon);margin:5px 0 4px;border-radius:2px}.wm .l2{font-family:Spectral,serif;font-weight:600;color:var(--gray-soft);letter-spacing:.42em;font-size:.52em}.btn{border:none;border-radius:10px;padding:11px 18px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,box-shadow .16s,background .16s,filter .16s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--maroon),var(--maroon-deep));color:#fff;box-shadow:0 1px #00000014,0 6px 16px -6px #8c142099}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 1px #00000014,0 10px 22px -6px #8c1420b3}.btn-ghost{background:var(--surface);color:var(--maroon);border:1px solid var(--line-2);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:var(--paper-2);border-color:var(--brass-soft)}.btn-dark{background:var(--maroon-ink);color:#fff}.btn-dark:hover{background:#2c060a}.btn-sm{padding:7px 13px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.btn-up{background:var(--up);color:#fff}.btn-up:hover{filter:brightness(1.06)}.btn-down{background:var(--down);color:#fff}.btn-down:hover{filter:brightness(1.06)}.btn-discord{background:#5865f2;color:#fff;box-shadow:0 6px 16px -6px #5865f299}.btn-discord:hover{background:#4752c4}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pad{padding:20px 22px}.card .pad+.divide+.tbl,.card .divide+.tbl{margin-top:0}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--gray);font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.pill-green{background:#2e7d5721;color:var(--up)}.pill-red{background:#b4232e1f;color:var(--down)}.pill-amber{background:#a9873e2e;color:#7d611f}.pill-gray{background:var(--paper-2);color:var(--gray)}.seal{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--maroon),var(--maroon-deep));color:var(--brass-soft);display:flex;align-items:center;justify-content:center;font-family:Spectral,serif;font-weight:700;box-shadow:inset 0 0 0 2px #c9ae7280,0 2px 6px #42090f40;flex:0 0 auto}.ticker{background:var(--maroon-ink);color:#f3e9d8;overflow:hidden;border-top:2px solid var(--maroon);border-bottom:2px solid var(--maroon)}.ticker-track{display:inline-flex;gap:34px;padding:9px 0;white-space:nowrap;animation:scroll 42s linear infinite}.ticker:hover .ticker-track{animation-play-state:paused}.tk{display:inline-flex;align-items:center;gap:8px;font-size:13px}.tk b{font-family:IBM Plex Mono,monospace;color:#fff;letter-spacing:.03em}.up{color:#5fd39a}.down{color:#ff8a93}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.shell{display:flex;min-height:100vh}.side{width:252px;flex:0 0 252px;background:linear-gradient(180deg,var(--maroon-ink),#360810);color:#e9ddd0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-shadow:2px 0 20px -6px #00000059;z-index:30}.side .brand{padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.nav{padding:14px 12px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden}.nav button{background:transparent;border:none;color:#d4c4b6;text-align:left;padding:10px 13px;border-radius:10px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:11px;transition:background .14s,color .14s;position:relative}.nav button:hover{background:#ffffff12;color:#fff}.nav button.on{background:linear-gradient(180deg,var(--maroon),var(--maroon-deep));color:#fff;font-weight:600;box-shadow:0 4px 12px -4px #00000080}.nav .ico{width:20px;text-align:center;opacity:.92;font-size:14px}.side .foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.09);font-size:12px;color:#b3a498;background:#00000026}.side .foot .email{color:#f1e7dc;font-weight:600;margin-bottom:3px;word-break:break-word;font-size:12.5px}.side .foot button{background:#ffffff17;border:none;color:#e0d2c5;padding:7px 12px;border-radius:8px;font-size:12px;cursor:pointer;font-family:inherit;margin-top:8px;width:100%;transition:background .14s}.side .foot button:hover{background:#ffffff29;color:#fff}.side .modeswitch{margin:0 12px 10px;display:flex;background:#00000038;border-radius:9px;padding:3px}.side .modeswitch button{flex:1;border:none;background:transparent;color:#c9b8aa;font-size:11.5px;font-weight:600;padding:6px 4px;border-radius:6px;cursor:pointer;transition:.14s}.side .modeswitch button.on{background:var(--brass);color:#2a1206}.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:15px 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar h2{font-family:Spectral,serif;font-size:19px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}.topbar .spacer{flex:1}.content{flex:1 0 auto;padding:30px;width:100%;max-width:1200px;margin:0 auto}.grid{display:grid;gap:18px}.pagetitle{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:0}.tbl{width:100%;border-collapse:collapse}.tbl th{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--gray);font-weight:700;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--paper-2)}.tbl td{padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover td,.tbl tr:hover td{background:var(--paper)}.tbl .r{text-align:right}.tbl-wrap{overflow-x:auto}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12.5px;font-weight:600;color:var(--gray);letter-spacing:.01em}.inp{border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;font-size:14px;background:#fff;transition:border-color .14s,box-shadow .14s;width:100%;color:var(--ink)}.inp:focus{outline:none;border-color:var(--maroon);box-shadow:0 0 0 3px #8c14201f}.inp::placeholder{color:#b7ad9e}select.inp{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238B8385' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}textarea.inp{resize:vertical;min-height:64px;line-height:1.5}input[type=range]{accent-color:var(--maroon);width:100%;height:6px}input[type=checkbox]{accent-color:var(--maroon);width:15px;height:15px}.ledger{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:12px 14px}.onboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(900px 500px at 20% -10%,rgba(140,20,32,.1),transparent 60%),linear-gradient(180deg,var(--paper),var(--paper-2))}.onboard-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:36px}.hero{background:radial-gradient(1100px 460px at 78% -8%,rgba(140,20,32,.1),transparent 60%),linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border-bottom:1px solid var(--line)}.hero-eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon)}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;font-weight:800;letter-spacing:-.02em;margin:14px 0 0}.hero h1 em{font-style:italic;color:var(--maroon)}.hero-stats{display:flex;gap:26px;margin-top:32px;flex-wrap:wrap}.prod{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.prod:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brass-soft)}.prod .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-weight:700}.prod h3{font-size:20px;margin:8px 0 6px;font-weight:700}.chipline{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.chip{font-size:12px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--gray)}.footer{background:linear-gradient(180deg,#360810,var(--maroon-ink));color:#cbbcae;padding:40px 26px;flex-shrink:0}.center{max-width:1200px;margin:0 auto}.small-muted{font-size:12.5px;color:var(--gray)}.banner{background:#a9873e24;border:1px solid rgba(169,135,62,.42);color:#6e551b;padding:12px 16px;border-radius:12px;font-size:13.5px;display:flex;gap:10px;align-items:center}.divide{height:1px;background:var(--line);margin:0}.kpi{font-size:30px;font-weight:800;letter-spacing:-.02em;font-family:Spectral,serif;color:var(--ink)}.small{font-size:12.5px}.linkbtn{background:none;border:none;color:var(--maroon);font-weight:600;font-size:13px;padding:0;transition:opacity .12s}.linkbtn:hover{text-decoration:underline;opacity:.82}.flash-up{animation:fu .7s ease}.flash-down{animation:fd .7s ease}@keyframes fu{0%{background:#2e7d5738}to{background:transparent}}@keyframes fd{0%{background:#b4232e38}to{background:transparent}}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--maroon-ink);color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;box-shadow:var(--shadow-lg);z-index:100;font-weight:500;border:1px solid rgba(255,255,255,.14);animation:toastIn .22s ease;max-width:90vw;text-align:center}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.card h3{margin:0}.sect-h{font-family:Spectral,serif;font-size:17px;font-weight:700}@media (max-width:900px){.side{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s}.side.open{transform:translate(0)}.content{padding:20px 16px}.topbar{padding:13px 16px}}.netbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.netbar .netnum{font-family:Spectral,serif;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.mailbtn{position:relative;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--maroon);font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s}.mailbtn:hover{background:var(--paper);border-color:#7a142059}.mailbtn .dot{position:absolute;top:-5px;right:-5px;background:var(--down);color:#fff;border-radius:999px;font-size:10px;font-weight:800;min-width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}.kpi3{grid-template-columns:repeat(3,1fr)}.split32{grid-template-columns:1.5fr 1fr}.netcard{background:linear-gradient(160deg,var(--maroon),var(--maroon-deep));color:#fff;border:none}.netcard .stat-label{color:#e9c9a0}.netcard .kpi{color:#fff}.sect-row{display:flex;justify-content:space-between;align-items:center}.acc-row{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line)}.acc-row:last-child{border-bottom:none}.refbanner{background:linear-gradient(120deg,#fff,#faf5ea);border-color:#a9873e66}.refbanner-in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.refstar{width:40px;height:40px;font-size:18px;background:radial-gradient(circle at 34% 30%,var(--brass),#7a5f1f)}.refcode{font-size:22px;font-weight:700;color:var(--maroon);letter-spacing:1px}.maillist{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--line);padding:12px 18px;cursor:pointer;font:inherit;color:inherit;transition:background .12s}.maillist:last-child{border-bottom:none}.maillist:hover{background:var(--paper)}@media (max-width:900px){.kpi3,.split32{grid-template-columns:1fr}.netbar{gap:8px}.netbar .netnum{font-size:17px}}.cf-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.cf-avatar{width:46px;height:46px;font-size:20px;font-weight:700;flex-shrink:0}.cf-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.cf-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}.cf-kpi{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface)}.cf-kpi-n{font-family:Spectral,serif;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:2px 0 1px}.cf-kpi-net{background:linear-gradient(160deg,var(--maroon),var(--maroon-deep));border:none;color:#fff}.cf-kpi-net .stat-label,.cf-kpi-net .muted{color:#e9c9a0}.cf-kpi-net .cf-kpi-n{color:#fff}.cf-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:16px}.cf-tabs button{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;margin-bottom:-1px;font-size:13px;font-weight:600;color:var(--gray);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .12s,border-color .12s}.cf-tabs button:hover{color:var(--ink)}.cf-tabs button.on{color:var(--maroon);border-bottom-color:var(--maroon)}.cf-tabs .cf-n{background:var(--paper-2);color:var(--gray);border-radius:999px;font-size:10.5px;font-weight:800;padding:1px 6px;min-width:16px;text-align:center}.cf-tabs button.on .cf-n{background:var(--maroon);color:#fff}.cf-body{min-height:120px}.cf-ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:6px 18px}.cf-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.cf-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.cf-mini>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface);display:flex;flex-direction:column;gap:1px}.cf-mini b{font-family:Spectral,serif;font-size:19px;font-weight:800}.cf-mini span{font-size:11.5px;color:var(--gray);line-height:1.3}.tbl tfoot td{border-top:2px solid var(--line);background:var(--paper)}@media (max-width:900px){.cf-actions{margin-left:0;width:100%}.cf-tabs{overflow-x:auto;flex-wrap:nowrap}.cf-tabs button{white-space:nowrap}}.oos{max-width:560px;margin:40px auto;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:38px 30px;box-shadow:var(--shadow)}.oos-seal{width:56px;height:56px;font-size:24px;margin:0 auto 16px;background:radial-gradient(circle at 34% 30%,#b4232e,#7d1720)}.oos-t{font-size:21px;font-weight:700;margin:0 0 10px}.oos-p{font-size:14.5px;line-height:1.6;color:var(--gray);margin:0}.nav .navclosed{margin-left:6px;font-size:11px;opacity:.85}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:18px 22px}.svc{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.svc-off{border-color:#b4232e73;background:#b4232e0d}.svc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.svc-name{font-weight:700;font-size:15px;margin-bottom:5px}.svc-note{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:5px;align-items:flex-start;line-height:1.45}.acc-cards{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.acc-card{display:flex;flex-direction:column}.acc-bal{font-size:29px;font-weight:700;margin-top:12px;letter-spacing:-.02em}.acc-frozen{border-color:#b4232e73;background:linear-gradient(160deg,#fff,#b4232e0f)}.acc-frozen .acc-bal{color:var(--gray)}.acc-frozen-msg{margin-top:10px;font-size:12.5px;line-height:1.5;color:#7d1720;background:#b4232e17;border:1px solid rgba(180,35,46,.3);border-radius:9px;padding:9px 11px}.pill-brass{background:linear-gradient(135deg,#c9ae72,#a9873e);color:#3a2a08;font-weight:700}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;padding:18px 22px}.prod{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface);display:flex;flex-direction:column;transition:border-color .12s,box-shadow .12s}.prod-on{border-color:var(--maroon);box-shadow:0 0 0 3px #7a14201a}.prod-off{opacity:.62;border-style:dashed}.prod-top{display:flex;gap:11px;align-items:center;margin-bottom:9px}.prod-name{font-weight:700;font-size:14.5px;line-height:1.25}.prod-price{font-family:Spectral,serif;font-size:17px;font-weight:800;color:var(--maroon)}.prod-desc{margin:0 0 11px;line-height:1.45;flex:1}.mailbox{display:grid;grid-template-columns:330px 1fr;gap:16px;align-items:start}.mailbox-list{overflow:hidden}.mailbox-scroll{max-height:calc(100vh - 300px);overflow-y:auto}.mailbox-view{min-height:420px;display:flex;flex-direction:column}.mailrow{display:block;width:100%;text-align:left;border:none;border-left:3px solid transparent;border-bottom:1px solid var(--line);padding:11px 16px;cursor:pointer;font:inherit;color:inherit;background:transparent;transition:background .12s}.mailrow:hover{background:var(--paper)}.mailrow.on{background:var(--paper);border-left-color:var(--maroon)}.mailrow.unread .mailrow-who,.mailrow.unread .mailrow-sub{font-weight:800}.mailrow-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.mailrow-who{font-weight:600;font-size:13px}.mailrow-sub{font-size:13px;margin-top:1px}.mailrow-prev{font-size:12px;color:var(--gray);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.mailrow-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.thread-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.thread{padding:16px 20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1;max-height:52vh}.msg{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface)}.msg-own{background:var(--paper);border-color:#7a142033}.msg-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:12.5px;flex-wrap:wrap}.msg-del{margin-left:auto;background:none;border:none;color:var(--gray);font-size:17px;line-height:1;cursor:pointer;padding:0 3px;opacity:.5}.msg-del:hover{opacity:1;color:var(--down)}.msg-body{white-space:pre-wrap;line-height:1.6;font-size:14px}.mail-to{display:flex;align-items:center;gap:8px;background:var(--paper)}.att-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.att-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:var(--surface);cursor:pointer;font:inherit;color:inherit;max-width:230px;transition:border-color .12s}.att-chip:hover{border-color:var(--maroon)}.att-pending{cursor:default}.att-ico{font-size:15px}.att-meta{display:flex;flex-direction:column;overflow:hidden;text-align:left}.att-meta b{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-x{background:none;border:none;color:var(--gray);font-size:16px;cursor:pointer;padding:0 2px;line-height:1}.att-x:hover{color:var(--down)}.att-img{border:1px solid var(--line);border-radius:9px;overflow:hidden;padding:0;cursor:pointer;background:var(--paper);width:104px;height:78px}.att-img img{width:100%;height:100%;object-fit:cover;display:block}.composer{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface);transition:border-color .12s,background .12s}.composer-drag{border-color:var(--maroon);border-style:dashed;background:var(--paper)}.composer .inp{border:none;padding:4px 2px}.composer .inp:focus{box-shadow:none}.composer-bar{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);flex-wrap:wrap}.composer-bar .btn-primary{margin-left:auto}.composer-hint{flex:1;min-width:120px}@media (max-width:1000px){.mailbox{grid-template-columns:1fr}.mailbox-scroll{max-height:300px}.composer-hint{display:none}}.mailscope{font-size:11.5px;line-height:1.45;border-radius:9px;padding:7px 10px;border:1px solid}.mailscope-staff{background:#7a14200f;border-color:#7a142047;color:var(--maroon)}.mailscope-client{background:#a9873e1f;border-color:#a9873e66;color:#6e551b}