:root{--bg:#eef3f6;--ink:#111827;--muted:#526071;--line:#cfd8e3;--panel:#fff;--panel-soft:#f8fafc;--brand:#0b3a53;--brand-2:#177399;--low:#1d8f47;--neutral:#1475a2;--high:#b87900;--danger:#ba1d32;--ok:#0f766e;--radius:14px;--shadow:0 8px 26px rgba(19,43,69,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Manrope,PingFang SC,Hiragino Sans GB,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% -8%,#d0ebff 0,transparent 38%),radial-gradient(circle at 88% 2%,#fde9c5 0,transparent 28%),linear-gradient(180deg,#f7fafc 0,var(--bg) 100%)}a{color:inherit;text-decoration:none}.container{width:min(1180px,94vw);margin:0 auto;padding:22px 0 44px}.header{background:linear-gradient(130deg,var(--brand),var(--brand-2));color:#ecf5ff;border-radius:18px;padding:18px;box-shadow:var(--shadow)}.header h1{margin:0;font-size:22px;letter-spacing:.2px}.header p{margin:6px 0 0;color:#bfe2ff;font-size:13px}.nav-wrap{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px}.nav-item{padding:9px 14px;border-radius:999px;background:hsla(0,0%,100%,.82);border:1px solid var(--line);color:#324357;font-size:13px;font-weight:700}.nav-item.active{background:#102f43;color:#fff;border-color:#102f43}.page-title{margin:0 0 12px;font-size:20px}.page-subtitle{margin:0 0 16px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:12px;gap:12px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card.soft{background:var(--panel-soft)}.card h3{margin:0 0 10px;font-size:15px}.kpi-label{color:var(--muted);font-size:12px;margin-bottom:6px}.kpi-value{font-size:28px;font-weight:800;letter-spacing:-.3px}.meta{color:var(--muted);font-size:12px}.progress{height:14px;background:#dbe4ee;border-radius:999px;overflow:hidden;margin-top:8px}.progress>div{height:100%;background:linear-gradient(90deg,#1fa657,#1886b8 55%,#e6a524)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.low{background:#d8f5e3;color:#116334}.badge.neutral{background:#d8eef8;color:#0f5e82}.badge.high{background:#f9edcf;color:#7b4e00}.badge.danger{background:#f9dde2;color:#8f1728}.badge.ok{background:#d8f5f2;color:#0f6460}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{grid-gap:10px;gap:10px}.stack,form{display:grid}form{grid-gap:12px;gap:12px}label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:700;color:#243447}.hint{font-size:12px;color:var(--muted);margin-top:2px}button,input,select,textarea{padding:10px 11px;border-radius:10px;border:1px solid var(--line);font-size:14px;font-family:inherit}input,select,textarea{background:#fff}textarea{resize:vertical}button{background:#132f43;color:#fff;font-weight:700;cursor:pointer}button.secondary{background:#fff;color:#173046}button.warn{background:#8f2334}button:disabled{opacity:.5;cursor:not-allowed}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.actions-4{grid-template-columns:repeat(4,minmax(0,1fr))}.inline-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.quick-row,.tab-strip{display:flex;flex-wrap:wrap;gap:8px}.tab-btn{background:#fff;color:#173046;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.tab-btn.active{background:#102f43;color:#fff;border-color:#102f43}.watchlist-table{display:grid;grid-gap:8px;gap:8px}.watch-row{display:grid;grid-template-columns:1fr 120px 100px;align-items:center;grid-gap:10px;gap:10px;width:100%;text-align:left;background:#f8fafc;border:1px solid #dbe4ee;border-radius:10px;padding:10px;color:#0f2333}.watch-row.active{border-color:#102f43;box-shadow:inset 0 0 0 1px #102f43}.watch-name{font-size:18px;font-weight:800;color:#0f2333;letter-spacing:.2px}.watch-code{font-size:12px;color:#3a5368;font-weight:600}.watch-price{font-size:24px}.watch-change,.watch-price{font-weight:800;text-align:right}.watch-change{font-size:16px}.watch-change.up{color:#c91f37}.watch-change.down{color:#0d9f6e}.chip{background:#fff;color:#173046;border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:12px}.active-chip{background:#102f43;color:#fff;border-color:#102f43}.sticky-bar{position:-webkit-sticky;position:sticky;bottom:10px;z-index:20;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.checklist{display:grid;grid-gap:7px;gap:7px}.check-item{display:grid;grid-template-columns:30px 1fr;grid-gap:8px;gap:8px;padding:6px 8px;border-radius:8px;border:1px solid #d9e5ef;font-size:12px}.check-item.ok{background:#e7f8ee;color:#0c6532}.check-item.miss{background:#fff5f5;color:#8f1728}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;min-width:980px;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid #e6edf3;text-align:left;padding:10px;font-size:13px;vertical-align:top}th{background:#f7fbff;font-size:12px;color:#4c5c6c;letter-spacing:.2px}.section{margin-bottom:14px}@media (max-width:980px){.col-3,.col-4,.col-5,.col-6,.col-7,.col-8{grid-column:span 12}.actions,.actions-4,.inline-row{grid-template-columns:1fr}.kpi-value{font-size:24px}.watch-row{grid-template-columns:1fr 90px 80px}.watch-change,.watch-price{font-size:14px}}