:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;transition:background .18s,color .18s}
.theme-dark{--bg:#0c0c10;--surface:#17171c;--surface2:#222229;--ink:#f7f7fa;--muted:#aaaab5;--line:#31313b;--red:#f04348;--redsoft:rgba(240,67,72,.13);--green:#55b990;background:var(--bg);color:var(--ink);color-scheme:dark}
.theme-light{--bg:#f8f8fa;--surface:#fff;--surface2:#f1f1f4;--ink:#17171d;--muted:#676772;--line:#e4e4e9;--red:#d82933;--redsoft:rgba(216,41,51,.08);--green:#168059;background:var(--bg);color:var(--ink);color-scheme:light}
button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}
.topbar{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 22px 18px;gap:12px}
.brand{font-weight:900;letter-spacing:-1.3px;font-size:27px;display:flex;align-items:center;gap:3px}.brand-mark{background:var(--red);color:#fff;border-radius:9px;padding:2px 10px;transform:skew(-7deg);margin-right:5px}.brand small{font-size:11px;letter-spacing:1.2px;background:var(--surface2);border-radius:20px;padding:7px 9px;margin-left:7px;color:var(--muted)}
.header-actions{display:flex;align-items:center;gap:10px}.identity{font-size:12px;color:var(--muted);max-width:160px;text-align:right}.icon-button{border:1px solid var(--line);color:var(--ink);background:var(--surface);height:39px;width:39px;border-radius:13px;font-size:24px}
.shell{max-width:1160px;margin:0 auto;padding:0 22px 60px}.intro{padding:34px 0 22px;position:relative}.eyebrow{color:var(--red);font-size:12px;letter-spacing:2px;font-weight:850}.intro h1{margin:9px 0 8px;font-size:clamp(34px,5.8vw,60px);line-height:1.06;letter-spacing:-2.5px}.intro p{color:var(--muted);margin:0;font-size:15px}
.nav{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:8px 0 25px}.nav::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:12px 17px;border-radius:13px;white-space:nowrap;font-weight:700;font-size:13px}.tab.active{background:var(--red);border-color:var(--red);color:#fff}
.view{min-height:430px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px;overflow:hidden}.card.hero{background:linear-gradient(130deg,#3d1117,#1c1115 66%,#110f14);border:1px solid #693038;color:#fff;min-height:210px;position:relative}.hero:after{content:"B";position:absolute;right:-20px;bottom:-100px;font-size:280px;font-weight:1000;line-height:1;color:rgba(255,255,255,.035);pointer-events:none}.card h2{font-size:20px;letter-spacing:-.45px;margin:0 0 14px}.card h3{font-size:15px;margin:0 0 8px}.card p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0 14px}.hero p{color:#f2a6a7}.muted{color:var(--muted)}.eyeline{color:var(--red);letter-spacing:1.2px;font-size:11px;font-weight:850;text-transform:uppercase}
.stat-number{font-size:35px;font-weight:850;letter-spacing:-1.5px;margin:10px 0}.big-price{font-size:37px;font-weight:900;letter-spacing:-2px;color:#fff}.unit{font-size:16px;font-weight:600;color:#ffccce}
.button{border:0;border-radius:12px;min-height:42px;padding:11px 17px;font-weight:760;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:var(--red);color:#fff}.button.muted{background:var(--surface2);color:var(--ink)}.button.outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.button.small{min-height:35px;padding:8px 11px}.buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.button.full{width:100%}
.list{display:flex;flex-direction:column;gap:10px}.item{background:var(--surface2);border-radius:13px;padding:15px;display:flex;justify-content:space-between;gap:12px;align-items:center}.item strong{font-size:14px}.item p{margin:4px 0 0;font-size:12px}.item .right{text-align:right;flex-shrink:0}.pill{display:inline-flex;border-radius:18px;background:var(--redsoft);color:var(--red);padding:5px 8px;font-size:11px;font-weight:750}.pill.green{background:rgba(56,180,123,.12);color:var(--green)}.empty{color:var(--muted);padding:25px 12px;text-align:center;border:1px dashed var(--line);border-radius:13px;font-size:14px}
.form{display:grid;gap:12px}.field{display:grid;gap:7px}.field label{font-size:12px;color:var(--muted);font-weight:650}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface2);color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red)}.field textarea{min-height:85px;resize:vertical}.field select option{background:var(--surface)}
.auth-card{max-width:455px;margin:12px auto 30px;border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:33px;text-align:center}.auth-icon{width:66px;height:66px;display:grid;place-items:center;background:var(--red);color:#fff;margin:0 auto 15px;font-size:37px;font-weight:900;border-radius:20px}.auth-card h2{margin:4px 0 8px}.auth-card p{font-size:14px;color:var(--muted);line-height:1.6}.auth-card button{width:100%;margin-top:10px}
.alert{padding:15px 17px;border:1px solid var(--red);background:var(--redsoft);border-radius:14px;margin-bottom:15px;font-size:13px}.hidden{display:none!important}.hint{background:var(--redsoft);padding:12px;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.55}.split{display:flex;justify-content:space-between;align-items:center;gap:10px}.split h2{margin-bottom:0}.meter{height:5px;border-radius:8px;background:var(--line);overflow:hidden;margin-top:16px}.meter span{display:block;height:100%;background:var(--red)}
.chat{max-height:240px;overflow:auto;display:grid;gap:8px;margin:14px 0}.bubble{background:var(--surface2);padding:11px 13px;border-radius:13px;font-size:12px;line-height:1.5}.bubble.mine{border:1px solid var(--red)}.bubble small{display:block;color:var(--muted);margin-top:5px}.footer{max-width:1160px;margin:auto;display:flex;justify-content:space-between;gap:10px;padding:22px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
@media(max-width:760px){.topbar{padding:16px 15px 10px}.brand{font-size:23px}.brand small{font-size:9px}.identity{font-size:11px;max-width:100px}.shell{padding:0 15px 45px}.intro{padding:23px 0 13px}.intro h1{letter-spacing:-1.6px}.nav{padding-bottom:16px}.tab{padding:10px 13px}.grid{gap:11px}.span-4,.span-6,.span-8{grid-column:span 12}.card{padding:18px;border-radius:17px}.card.hero{min-height:190px}.item{align-items:flex-start}.footer{padding:18px 15px}}