@charset "UTF-8";:root{--color-primary: #388E3C;--color-primary-light: #43A047;--color-primary-surface: #E8F5E9;--color-primary-border: #A5D6A7;--color-danger: #E53935;--color-danger-light: #EF5350;--color-danger-surface: #FFEBEE;--color-danger-border: #EF9A9A;--color-info: #1976D2;--color-info-surface: #E3F2FD;--color-info-border: #90CAF9;--color-secondary: #303F9F;--color-secondary-mid: #3949AB;--color-secondary-surface:#E8EAF6;--color-secondary-border: #C5CAE9;--color-warning: #F57C00;--color-warning-surface: #FFF8E1;--color-warning-border: #FFE082;--color-surface: #FFFFFF;--color-background: #F0F2F5;--color-divider: #E0E0E0;--color-outline: #BDBDBD;--color-text-low: #9E9E9E;--color-text-mid: #757575;--color-text-high: #616161;--color-text: #212121;--color-on-primary: #FFFFFF;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 2px 12px rgba(0,0,0,.08);--shadow-raised: 0 8px 28px rgba(0,0,0,.14);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease: cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,Roboto,system-ui,sans-serif;background:var(--color-background);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.text-profit{color:var(--color-primary)!important}.text-loss{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.text-warning{color:var(--color-warning)!important}.text-muted{color:var(--color-text-mid)}.text-bold{font-weight:700}.text-semibold{font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.4px;white-space:nowrap}.badge.buy{background:var(--color-primary-surface);color:var(--color-primary);border:1px solid var(--color-primary-border)}.badge.sell{background:var(--color-danger-surface);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge.hold{background:var(--color-secondary-surface);color:var(--color-secondary);border:1px solid var(--color-secondary-border)}.badge.info{background:var(--color-info-surface);color:var(--color-info);border:1px solid var(--color-info-border)}.card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:20px;transition:box-shadow var(--duration-normal) var(--ease),transform var(--duration-normal) var(--ease)}.card:hover{box-shadow:var(--shadow-raised)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-lg);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.btn.btn-primary{background:var(--color-primary);color:#fff}.btn.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #388e3c59}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn.btn-outline:hover{background:var(--color-primary-surface)}.btn.btn-ghost{background:transparent;color:var(--color-text-mid)}.btn.btn-ghost:hover{background:#0000000a;color:var(--color-text)}.btn.btn-sm{padding:6px 14px;font-size:12px;border-radius:var(--radius-md)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.input-field{width:100%;padding:10px 14px;border:1.5px solid var(--color-divider);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);outline:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #388e3c26}.input-field::placeholder{color:var(--color-text-low)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-outline);border-radius:4px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes progress-fill{0%{width:0}}@keyframes count-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeSlideUp var(--duration-slow) var(--ease) both}.scale-in{animation:scaleIn var(--duration-normal) var(--ease) both}.fade-in{animation:fadeIn var(--duration-normal) var(--ease) both}.stagger>*{animation:fadeSlideUp var(--duration-slow) var(--ease) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.24s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.36s}.stagger>*:nth-child(8){animation-delay:.42s}.stagger>*:nth-child(9){animation-delay:.48s}.stagger>*:nth-child(10){animation-delay:.54s}.stagger>*:nth-child(11){animation-delay:.6s}.stagger>*:nth-child(12){animation-delay:.66s}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:400px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}.progress-bar-wrap{width:100%;height:6px;background:#0000000f;border-radius:var(--radius-pill);overflow:hidden}.progress-bar-wrap .progress-fill{height:100%;border-radius:var(--radius-pill);animation:progress-fill .8s var(--ease) both;transition:width .6s var(--ease)}.divider{border:none;border-top:1px solid var(--color-divider);margin:16px 0}.section-label{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-low);margin-bottom:10px}
