:root{--primary: #e94560;--primary-dark: #c23152;--secondary: #1a1a2e;--bg: #f8f9fa;--card-bg: #ffffff;--text-main: #1a1a2e;--text-muted: #999999;--profit: #e94560;--loss: #27ae60;--type-trend-bg: #e7f5ff;--type-trend-text: #228be6;--type-swing-bg: #edf2ff;--type-swing-text: #4c6ef5;--type-value-bg: #e6fcf5;--type-value-text: #0ca678;--type-news-bg: #f3f0ff;--type-news-text: #7950f2;--type-ipo-bg: #fff4e6;--type-ipo-text: #fd7e14;--type-dark-bg: #343a40;--type-dark-text: #ffffff;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "DM Serif Display", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", Consolas, monospace}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-main);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}h1,h2,h3,.page-title,.sidebar-brand,.section-header h2{font-family:var(--font-heading)}.ov-amount,.trade-amount,.data-table td,.stat-box .val,.val-pnl,.header-right .val-pnl,.trade-overview-metric .value,.overview-total,.profit-val-web{font-family:var(--font-mono);font-variant-numeric:tabular-nums}main{margin-left:260px}.card{background:var(--card-bg);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000a;border:1px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 12px 40px #00000014;border-color:#e945601a}.profit{color:var(--profit)!important}.loss{color:var(--loss)!important}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #e9456040}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:none}.tag-mini{display:inline-block;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600;white-space:nowrap}.type-trend{background:var(--type-trend-bg);color:var(--type-trend-text)}.type-swing{background:var(--type-swing-bg);color:var(--type-swing-text)}.type-value{background:var(--type-value-bg);color:var(--type-value-text)}.type-news{background:var(--type-news-bg);color:var(--type-news-text)}.type-ipo{background:var(--type-ipo-bg);color:var(--type-ipo-text)}.type-darkpool,.type-dark{background:var(--type-dark-bg);color:var(--type-dark-text)}.tag-currency-mini{font-size:11px;background:var(--secondary);color:#fff;padding:2px 8px;border-radius:4px;margin-left:8px;font-weight:700}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-align-center{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.font-500{font-weight:500}.font-600{font-weight:600}.text-center{text-align:center}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:#fcfcfc;text-align:left;padding:14px 16px;font-size:13px;color:#999;font-weight:500;border-bottom:1px solid #f0f0f0}.data-table td{padding:16px;border-bottom:1px solid #f8f8f8;vertical-align:middle}.data-table tbody tr:hover td{background:#fafafa}.data-table tbody tr:last-child td{border-bottom:none}.stagger-item{animation:staggerFadeIn .5s ease-out both}@keyframes staggerFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f5 25%,#e8e8ed,#f0f0f5 75%);background-size:200% 100%;border-radius:8px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:#bbb}.empty-state svg{color:#ddd;margin-bottom:16px}.empty-state h3{font-size:18px;color:var(--text-muted);margin:0 0 8px;font-weight:600}.empty-state p{font-size:14px;color:#ccc;margin:0}input,select,textarea{font-family:var(--font-body);border:1px solid #eee;border-radius:12px;padding:10px 14px;font-size:14px;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #e945601a}button:active:not(:disabled){transform:scale(.98)}.loading-container{display:flex;align-items:center;justify-content:center;padding:60px 0;color:var(--text-muted);font-size:14px}.loading-spinner{width:24px;height:24px;border:3px solid #eee;border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){main,.main-content{margin-left:0!important;padding:20px 16px!important;max-width:100%!important}.container-fluid{padding:16px!important}.page-title{font-size:22px;margin-bottom:24px}.card{padding:20px;margin-bottom:16px;border-radius:16px}.flex-between{flex-direction:column;align-items:flex-start;gap:16px}.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table th,.data-table td{padding:12px;font-size:13px}.btn-primary{padding:10px 18px;font-size:13px}.empty-state{padding:48px 20px}input,select,textarea{padding:10px 12px;font-size:14px}}