@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f12;--bg-sidebar:#0b0c0e;--bg-card:#16181d;--bg-card-2:#1c1f26;--bg-hover:#22262e;--line:#2c3038;--line-strong:#3c414b;--text:#f6f3ec;--text-dim:#b7b1a6;--text-mute:#7d786f;--accent:#e4c27a;--accent-ink:#1b160c;--accent-soft:#e4c27a24;--ok:#8fcead;--ok-soft:#8fcead24;--warn:#e4c27a;--warn-soft:#e4c27a24;--info:#9ec0dc;--info-soft:#9ec0dc24;--danger:#e39a90;--danger-soft:#e39a9024;--sidebar:248px;--header:72px;--radius:14px;--shadow:0 1px 0 #ffffff08}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);min-height:100%;color:var(--text)}body{-webkit-font-smoothing:antialiased;font-family:Sora,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}.app{min-height:100vh;display:flex}.main{margin-left:var(--sidebar);flex-direction:column;flex:1;min-width:0;display:flex}.content{width:100%;max-width:1240px;padding:28px 32px 64px}.pageHead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600}.pageTitle{letter-spacing:-.03em;font-size:32px;font-weight:600;line-height:1.15}.lead{color:var(--text-dim);max-width:640px;margin-top:8px}.muted{color:var(--text-dim)}.quiet{color:var(--text-mute);font-size:13px}.money{font-variant-numeric:tabular-nums;font-weight:600}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.stat,.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:18px 18px 16px}.statLabel{color:var(--text-mute);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.statValue{letter-spacing:-.04em;margin-top:8px;font-size:28px;font-weight:600}.statHint{color:var(--text-dim);margin-top:6px;font-size:13px}.card{padding:20px}.card+.card,.stack>*+*{margin-top:14px}.cardTitle{letter-spacing:-.02em;font-size:16px;font-weight:600}.cardHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.grid2{grid-template-columns:1.4fr .8fr;gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.span2{grid-column:span 2}.list{flex-direction:column;display:flex}.list a,.listRow{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.list a:first-child,.listRow:first-child{border-top:0;padding-top:0}.list a:hover .itemTitle{color:var(--accent)}.itemTitle{font-weight:600}.itemMeta{color:var(--text-mute);margin-top:2px;font-size:13px}.tableWrap{overflow-x:auto}.dataTable{border-collapse:collapse;width:100%}.dataTable th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);border-bottom:1px solid var(--line);padding:0 12px 10px;font-size:11px;font-weight:600}.dataTable td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px 12px}.dataTable tr:last-child td{border-bottom:0}.dataTable tbody tr:hover td{background:#ffffff04}.dataTable a.rowLink{font-weight:550}.dataTable a.rowLink:hover{color:var(--accent)}.pill{background:var(--bg-card-2);color:var(--text-dim);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill[data-tone=ok]{background:var(--ok-soft);color:var(--ok);border-color:#0000}.pill[data-tone=warn]{background:var(--warn-soft);color:var(--warn);border-color:#0000}.pill[data-tone=info]{background:var(--info-soft);color:var(--info);border-color:#0000}.pill[data-tone=accent]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.pill[data-tone=danger]{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn{border:1px solid var(--line-strong);background:var(--bg-card-2);min-height:40px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btnPrimary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btnPrimary:hover{background:#efd09a}.btnGhost{background:0 0}.btn[disabled]{opacity:.55;cursor:default}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tab{color:var(--text-dim);border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:13px}.tab:hover{background:var(--bg-card)}.tab[data-active=true]{background:var(--accent-soft);color:var(--accent);border-color:#0000}.meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.metaItem{border-top:1px solid var(--line);padding:12px 0}.metaItem span{color:var(--text-mute);margin-bottom:4px;font-size:12px;display:block}.pipeline{flex-wrap:wrap;gap:8px;display:flex}.step{border:1px solid var(--line);color:var(--text-mute);background:0 0;border-radius:999px;padding:7px 10px;font-size:12px}.step[data-current=true]{background:var(--text);color:#141414;border-color:#0000;font-weight:600}.step:hover{border-color:var(--line-strong);color:var(--text)}.notice{border:1px solid var(--line);background:var(--accent-soft);color:var(--text);border-radius:12px;margin-bottom:16px;padding:12px 14px}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--text-mute);font-size:12px}.field.full{grid-column:1/-1}.input,.select,.textarea{border:1px solid var(--line);background:#101216;border-radius:10px;outline:none;width:100%;padding:11px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:90px}.compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.compareCard{flex-direction:column;gap:10px;min-height:100%;padding:18px;display:flex}.compareCard[data-best=true]{border-color:#e4c27ab3}.comparePrice{letter-spacing:-.04em;font-size:28px;font-weight:600}.topbar{height:var(--header);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#0e0f12eb;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.topbar p{color:var(--text-mute);font-size:13px}.summary{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:28px}.summary h2{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:650}.summary h3{letter-spacing:-.03em;margin:8px 0 18px;font-size:28px}.costTotal{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.costTotal strong{letter-spacing:-.04em;font-size:32px}.result{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.result div{background:var(--bg-card-2);border-radius:12px;padding:14px}.result span{color:var(--text-mute);margin-bottom:6px;font-size:12px;display:block}.result strong{letter-spacing:-.03em;font-size:20px}.attention{flex-direction:column;gap:8px;display:flex}.attention a{background:var(--bg-card-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:block}.attention a:hover{border-color:var(--line-strong)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--line);color:var(--text-dim);border-radius:999px;padding:6px 10px;font-size:13px}.chip[data-on=true]{background:var(--text);color:#141414;border-color:#0000}@media (max-width:980px){.stats,.meta,.grid3,.compare,.result{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}}@media (max-width:760px){.main{margin-left:0}.content{padding:20px 16px 40px}.topbar{padding:0 16px 0 64px}.stats,.meta,.grid3,.compare,.result,.formGrid{grid-template-columns:1fr}.pageTitle{font-size:26px}}
