@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto+Mono:wght@400;500;600&display=swap";@charset "UTF-8";:root{--app-background: #0f172a;--app-surface-color: #1e293b;--app-surface-hover: #334155;--app-surface-active: #475569;--app-surface-border: rgba(148, 163, 184, .1);--app-color-profit: #059669;--app-color-profit-light: #34d399;--app-color-loss: #e11d48;--app-color-loss-light: #f87171;--app-color-warning: #f59e0b;--app-bg-profit: rgba(5, 150, 105, .1);--app-bg-loss: rgba(225, 29, 72, .1);--app-bg-warning: rgba(245, 158, 11, .1);--app-glass-bg: rgba(30, 41, 59, .7);--app-glass-blur: blur(12px);--app-glass-border: rgba(148, 163, 184, .1);--app-text-color: #f1f5f9;--app-text-muted: #cbd5e1;--app-text-dim: #94a3b8;--app-text-inverse: #0f172a;--app-primary: #22d3ee;--app-primary-hover: #06b6d4;--app-primary-glow: rgba(34, 211, 238, .2);--app-primary-rgb: 34, 211, 238;--app-secondary: #a78bfa;--app-secondary-glow: rgba(167, 139, 250, .2);--app-secondary-rgb: 167, 139, 250;--app-accent: #f472b6;--app-accent-glow: rgba(244, 114, 182, .2);--app-accent-bg: rgba(244, 114, 182, .1);--app-accent-rgb: 244, 114, 182;--app-success: #34d399;--app-success-bg: rgba(52, 211, 153, .1);--app-success-rgb: 52, 211, 153;--app-danger: #f87171;--app-danger-bg: rgba(248, 113, 113, .1);--app-danger-rgb: 248, 113, 113;--app-color-danger: #dc2626;--app-warning: #fbbf24;--app-warning-bg: rgba(251, 191, 36, .1);--app-warning-rgb: 251, 191, 36;--app-info: #60a5fa;--app-info-bg: rgba(96, 165, 250, .1);--app-info-rgb: 96, 165, 250;--app-surface: #ffffff;--app-on-primary: #ffffff;--app-color-golden: #b45309;--app-border-color: rgba( 148, 163, 184, .2 );--app-divider: rgba(148, 163, 184, .2);--app-border-radius: 8px;--app-border-radius-lg: 12px;--app-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--app-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--app-spacing-2xs: 2px;--app-spacing-xs: 8px;--app-spacing-sm: 12px;--app-spacing-md: 16px;--app-spacing-lg: 24px;--app-spacing-xl: 32px;--app-spacing-2xl: 40px;--app-spacing-3xl: 48px;--app-font-size-2xs: 9px;--app-font-size-xs: 12px;--app-font-size-sm: 14px;--app-font-size-base: 16px;--app-font-size-lg: 1.1rem;--app-font-size-xl: 20px;--app-font-size-2xl: 24px;--app-font-size-3xl: 32px;--app-font-weight-normal: 400;--app-font-weight-medium: 500;--app-font-weight-semibold: 600;--app-font-weight-bold: 700;--app-font-weight-extrabold: 800;--app-letter-spacing-tight: .3px;--app-letter-spacing-normal: 0;--app-letter-spacing-wide: .5px;--app-blur-sm: 10px;--app-blur-md: 12px;--app-blur-lg: 20px;--app-icon-size-sm: 14px;--app-icon-size-md: 18px;--app-icon-size-lg: 24px;--app-control-size-xs: 26px;--app-control-size-sm: 32px;--app-control-size-md: 40px;--app-control-size-lg: 48px;--app-padding-xs: 8px;--app-padding-sm: 12px;--app-padding-md: 24px;--app-padding-lg: 36px;--app-scrollbar-size: 8px;--app-font-family: "Inter", sans-serif;--app-font-mono: "Roboto Mono", monospace;--font-mono: var( --app-font-mono );--app-border-radius-sm: 4px;--app-border-radius-xl: 14px;--app-border-radius-pill: 20px;--app-shadow-xs: 0 1px 1px rgba(0, 0, 0, .15);--app-shadow-xl: 0 20px 40px rgba(0, 0, 0, .25);--app-ease-standard: cubic-bezier(.4, 0, .2, 1);--app-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--app-transition-fast: .15s;--app-transition-normal: .2s;--app-border-radius-md: 10px;--app-z-header: 40;--app-z-sidebar: 50;--app-z-dropdown: 200;--app-z-dropdown-panel: 201;--app-z-modal: 1000;--app-z-tooltip: 1100}body.light-theme{--app-background: #f8fafc;--app-surface-color: #ffffff;--app-surface-hover: #f1f5f9;--app-surface-active: #e2e8f0;--app-surface-border: #e2e8f0;--app-text-color: #0f172a;--app-text-muted: #64748b;--app-text-dim: #64748b;--app-text-inverse: #f8fafc;--app-primary: #0891b2;--app-primary-hover: #0e7490;--app-primary-glow: rgba(8, 145, 178, .1);--app-primary-rgb: 8, 145, 178;--app-secondary: #7c3aed;--app-secondary-glow: rgba(124, 58, 237, .1);--app-secondary-rgb: 124, 58, 237;--app-accent: #db2777;--app-accent-glow: rgba(219, 39, 119, .1);--app-accent-bg: rgba(219, 39, 119, .1);--app-accent-rgb: 219, 39, 119;--app-success: #059669;--app-success-bg: rgba(5, 150, 105, .1);--app-success-rgb: 5, 150, 105;--app-danger: #dc2626;--app-danger-bg: rgba(220, 38, 38, .1);--app-danger-rgb: 220, 38, 38;--app-color-danger: #b91c1c;--app-warning: #d97706;--app-warning-bg: rgba(217, 119, 6, .1);--app-warning-rgb: 217, 119, 6;--app-info: #2563eb;--app-info-bg: rgba(37, 99, 235, .1);--app-info-rgb: 37, 99, 235;--app-surface: #ffffff;--app-on-primary: #ffffff;--app-color-golden: #92400e;--app-border-color: #cbd5e1;--app-divider: #cbd5e1;--app-glass-bg: rgba(255, 255, 255, .85);--app-glass-blur: blur(12px);--app-glass-border: rgba( 203, 213, 225, .8 );--app-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--app-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--app-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--app-shadow-xs: 0 1px 1px rgba(0, 0, 0, .04);--app-shadow-xl: 0 20px 40px rgba(0, 0, 0, .12)}.color--profit{color:var(--app-color-profit, #059669)}.color--loss{color:var(--app-color-loss, #e11d48)}.color--neutral{color:var(--app-text-dim)}.bg--profit{background:var(--app-bg-profit, rgba(5, 150, 105, .1))}.bg--loss{background:var(--app-bg-loss, rgba(225, 29, 72, .1))}.refract-pnl--profit{color:var(--app-color-profit)}.refract-pnl--loss{color:var(--app-color-loss)}.refract-pnl--profit-bg{background:var(--app-bg-profit)}.refract-pnl--loss-bg{background:var(--app-bg-loss)}.refract-pnl--profit-bg-strong{background:#05966926}.refract-pnl--loss-bg-strong{background:#e11d4826}.refract-pnl--profit-border{border-color:var(--app-color-profit)}.refract-pnl--loss-border{border-color:var(--app-color-loss)}.refract-pnl--warning{color:var(--app-warning)}.refract-pnl--info{color:var(--app-info)}.text-xs{font-size:9px}.text-sm{font-size:11px}.text-base{font-size:12px}.text-md{font-size:13px}.text-lg{font-size:14px}.text-xl{font-size:16px}.text-2xl{font-size:18px}.text-3xl{font-size:20px}.text-4xl{font-size:24px}.text-5xl{font-size:28px}.text-6xl{font-size:32px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:800}.text-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--app-text-dim)}.text-caption{font-size:11px;font-weight:500;color:var(--app-text-dim)}.text-heading{font-size:16px;font-weight:700;color:var(--app-text-color)}.text-heading--stylized{font-weight:900;letter-spacing:4px;color:var(--app-text-color);text-shadow:0 0 24px rgba(37,99,235,.12);font-family:var(--app-font-family);line-height:1}.text-subheading{font-size:13px;font-weight:600;color:var(--app-text-color)}.text-value{font-weight:800;font-variant-numeric:tabular-nums}.text-mono{font-family:Roboto Mono,monospace;font-variant-numeric:tabular-nums}.text-dim{color:var(--app-text-dim)}.text-muted{color:var(--app-text-muted)}.refract-page-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 0;gap:16px;flex-wrap:wrap}.refract-page-header__left{display:flex;flex-direction:column;gap:6px}.refract-page-header__title-row{display:flex;align-items:center;gap:10px}.refract-page-header__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.refract-page-header__title{font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0;color:var(--app-text-color)}.refract-page-header__subtitle{margin:0;font-size:13px;color:var(--app-text-dim);max-width:560px}.refract-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--app-border-radius, 8px);font-size:13px}.refract-alert--error{background:var(--app-bg-loss);border:1px solid rgba(225,29,72,.3);color:var(--app-color-loss-light)}.refract-alert--warning{background:var(--app-bg-warning);border:1px solid rgba(245,158,11,.3);color:var(--app-warning)}.refract-alert--success{background:var(--app-bg-profit);border:1px solid rgba(5,150,105,.3);color:var(--app-color-profit-light)}.refract-alert__icon{flex-shrink:0}.refract-alert__message{flex:1}.refract-alert__dismiss{color:var(--app-text-dim);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--app-transition-fast, .15s)}.refract-alert__dismiss:hover{color:var(--app-text-color)}.refract-stat-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--app-border-radius, 8px);flex-shrink:0}.refract-stat-icon--primary{background:var(--app-primary-glow);color:var(--app-primary)}.refract-stat-icon--success{background:var(--app-bg-profit);color:var(--app-color-profit)}.refract-stat-icon--danger{background:var(--app-bg-loss);color:var(--app-color-loss)}.refract-stat-icon--warning{background:var(--app-bg-warning);color:var(--app-warning)}.refract-stat-icon--info{background:#60a5fa1a;color:var(--app-info)}.text-primary{color:var(--app-text-color)}.refract-btn{height:44px;border-radius:10px;font-size:13px;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .2s,background .2s,transform .15s;padding:6px 20px}.refract-btn:hover{background:var(--app-background, #f8fafc);color:var(--app-text-color)}.refract-btn:disabled{opacity:.4;cursor:not-allowed}.refract-btn--primary{background:linear-gradient(135deg,var(--app-primary) 0%,var(--app-primary-hover) 100%);border-color:transparent;color:#fff;box-shadow:0 2px 8px var(--app-primary-glow),inset 0 1px #ffffff26}.refract-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--app-primary-glow),inset 0 1px #ffffff26;background:linear-gradient(135deg,var(--app-primary) 0%,var(--app-primary-hover) 100%);color:#fff}.refract-btn--primary:active{transform:translateY(0)}.refract-btn--success{background:var(--app-bg-profit);color:var(--app-color-profit);border:1px solid rgba(var(--app-success-rgb),.2);position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a,0 0 6px rgba(var(--app-success-rgb),.06)}.refract-btn--success:hover{background:rgba(var(--app-success-rgb),.2);border-color:rgba(var(--app-success-rgb),.35);color:var(--app-color-profit)}.refract-btn--info{background:var(--app-bg-info);color:var(--app-color-info);border:1px solid rgba(var(--app-info-rgb),.2);position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a,0 0 6px rgba(var(--app-info-rgb),.06)}.refract-btn--info:hover{background:rgba(var(--app-info-rgb),.2);border-color:rgba(var(--app-info-rgb),.35);color:var(--app-color-info)}.refract-btn--danger{background:var(--app-bg-loss);color:var(--app-color-loss);border:1px solid rgba(var(--app-danger-rgb),.2);position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a,0 0 6px rgba(var(--app-danger-rgb),.06)}.refract-btn--danger:hover{background:rgba(var(--app-danger-rgb),.2);border-color:rgba(var(--app-danger-rgb),.35);color:var(--app-color-loss)}.refract-btn--ghost{border-color:transparent;background:transparent;color:var(--app-text-dim)}.refract-btn--ghost:hover{background:var(--app-background, #f8fafc);color:var(--app-text-color)}.refract-btn__column-header{display:flex;align-items:center;gap:2px;padding:6px 2px;border:none;background:transparent;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--app-text-dim);cursor:pointer;transition:color .15s}.refract-btn__column-header--active{color:var(--app-primary, #6366f1)}.refract-btn--sm{padding:4px 10px;font-size:11px;height:24px;width:24px}.refract-btn--md{padding:4px 10px;font-size:13px;height:40px;width:40px}.refract-btn--lg{padding:12px 24px;font-size:14px;height:44px;width:44px}.refract-card{background:var(--app-surface-color);border:1px solid var(--app-border-color);border-radius:var(--app-border-radius-xl);overflow:hidden;transform:none;border-top:2px solid rgba(0,0,0,.1);color:var(--wl-color, var(--app-text-color));font-size:var(--wl-font-size, 12px)}.refract-card--glass{background:var(--ui-glass-bg, rgba(30, 41, 59, .7));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-glass-border, rgba(148, 163, 184, .1))}.refract-card--flat{border:none;background:var(--app-background)}.refract-card--interactive{cursor:pointer;transition:all .15s ease}.refract-card--interactive:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.refract-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--app-border-color)}.refract-card__body{padding:16px 20px}.refract-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--app-border-color)}.enterprise-card{background:var(--app-surface-color);border:1px solid var(--app-border-color);border-radius:var(--app-border-radius-lg);box-shadow:var(--app-shadow-md);overflow:hidden;display:flex;flex-direction:column;width:100%}.enterprise-card.glass{background:var(--app-glass-bg);backdrop-filter:var(--app-glass-blur);-webkit-backdrop-filter:var(--app-glass-blur);border:1px solid var(--app-glass-border)}.enterprise-card .card-header{padding:16px 24px;border-bottom:1px solid var(--app-border-color);display:flex;justify-content:space-between;align-items:center;background:var(--app-surface-hover)}.enterprise-card .card-header h2{font-size:16px;margin:0;text-transform:uppercase;letter-spacing:.05em;color:var(--app-text-color);font-weight:700}.refract-glass-pill{border-radius:9px;background:linear-gradient(135deg,rgba(var(--app-secondary-rgb, 167, 139, 250),.08),#fff6);backdrop-filter:blur(4px) saturate(1.4);-webkit-backdrop-filter:blur(4px) saturate(1.4);border:1px solid rgba(var(--app-secondary-rgb, 167, 139, 250),.2);box-shadow:0 1px 4px #0000000a,0 0 8px rgba(var(--app-secondary-rgb, 167, 139, 250),.06),inset 0 1px #ffffffb3}.refract-glass-pill--frosted-edges{mask-image:linear-gradient(to right,transparent 0%,black 18%,black 82%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 18%,black 82%,transparent 100%)}.refract-glass-pill--primary{background:linear-gradient(135deg,rgba(var(--app-primary-rgb, 34, 211, 238),.08),#fff6);border-color:rgba(var(--app-primary-rgb, 34, 211, 238),.2);box-shadow:0 1px 4px #0000000a,0 0 8px rgba(var(--app-primary-rgb, 34, 211, 238),.06),inset 0 1px #ffffffb3}.refract-glass-pill--success{background:rgba(var(--app-success-rgb, 52, 211, 153),.08);border-color:rgba(var(--app-success-rgb, 52, 211, 153),.2)}.refract-glass-pill--danger{background:rgba(var(--app-danger-rgb, 248, 113, 113),.08);border-color:rgba(var(--app-danger-rgb, 248, 113, 113),.2)}.refract-flex-grid{display:flex;flex-wrap:wrap;gap:12px}.refract-flex-grid--2col>*{flex:1 1 calc(50% - 6px);min-width:0}.refract-flex-grid--3col>*{flex:1 1 calc(33.333% - 8px);min-width:0}.refract-flex-grid--4col>*{flex:1 1 calc(25% - 9px);min-width:0}.refract-flex-grid--5col>*{flex:1 1 calc(20% - 10px);min-width:0}@media (max-width: 900px){.refract-flex-grid--5col>*{flex:1 1 calc(33.333% - 8px)}}@media (max-width: 600px){.refract-flex-grid--5col>*{flex:1 1 calc(50% - 6px)}}@media (max-width: 800px){.refract-flex-grid--4col>*{flex:1 1 calc(50% - 6px)}}@media (max-width: 600px){.refract-flex-grid--3col>*{flex:1 1 calc(50% - 6px)}}.refract-divider{border:none;border-top:1px solid var(--app-border-color);margin:8px 0}.refract-table{width:100%;border-collapse:collapse}.refract-table th,.refract-table td{color:var(--app-text-color);border-bottom:1px solid var(--app-border-color);font-size:12px;padding:8px 12px;text-align:left}.refract-table th{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--app-text-dim);background:var(--app-background)}.refract-table tfoot th,.refract-table tfoot td{font-weight:700;background:var(--app-background)}.refract-table tbody tr{transition:background .1s ease}.refract-table tbody tr:hover{background:var(--app-surface-hover, rgba(148, 163, 184, .05))}.refract-table--compact th,.refract-table--compact td{padding:4px 8px;font-size:11px}.refract-table--striped tbody tr:nth-child(2n){background:var(--app-background)}.enterprise-table{width:100%;border-collapse:separate;border-spacing:0}.enterprise-table th{text-align:center;padding:12px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--app-text-muted);border-bottom:1px solid var(--app-border-color);background:var(--app-surface-color);position:sticky;top:0;z-index:10;white-space:nowrap}.enterprise-table td{padding:16px;font-size:16px;color:var(--app-text-color);border-bottom:1px solid var(--app-border-color);transition:background-color .15s ease;vertical-align:middle;font-weight:500;text-align:center}.enterprise-table tr:last-child td{border-bottom:none}.enterprise-table tr:hover td{background-color:var(--app-surface-hover)}.enterprise-table .text-right{text-align:center}.enterprise-table .text-muted{color:var(--app-text-muted)}.refract-table__scroll-wrap{overflow-y:auto;border:1px solid var(--app-border-color);border-radius:var(--app-border-radius, 8px)}.refract-table__scroll-wrap--sm{max-height:300px}.refract-table__scroll-wrap--md{max-height:400px}.refract-table__scroll-wrap--lg{max-height:520px}.refract-table__header{position:sticky;top:0;z-index:1;background:var(--app-surface-color);border-bottom:1px solid var(--app-border-color)}.refract-table__header-cell{padding:8px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--app-text-dim);white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none}.refract-table__header-cell--sortable{cursor:pointer;transition:color var(--app-transition-fast, .15s)}.refract-table__header-cell--sortable:hover,.refract-table__header-cell--active{color:var(--app-text-color)}.refract-table__header-cell--numeric{text-align:right}.refract-table__row{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid var(--app-border-color);transition:background var(--app-transition-fast, .15s);justify-content:space-between}.refract-table__row:last-child{border-bottom:none}.refract-table__row:hover{background:var(--app-surface-hover)}.refract-table__cell{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.refract-table__cell--numeric{text-align:right;font-weight:700}.refract-table__cell--bold{font-weight:800}.refract-table__cell--dim{color:var(--app-text-dim);font-size:10px}.refract-table__sort-icon{display:inline-block;margin-left:3px;font-size:8px;opacity:.6;font-style:normal}.refract-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;color:var(--app-text-dim);opacity:.5}.table-container{overflow-x:auto}.symbol-cell{display:flex;flex-direction:column}.symbol-cell .symbol-text{font-weight:700;color:var(--app-primary);font-size:15px}.symbol-cell .symbol-type{font-size:10px;color:var(--app-text-muted)}.pnl-cell{display:flex;flex-direction:column;align-items:flex-end}.pnl-cell .pnl-pct{font-size:11px;opacity:.8;color:var(--app-text-muted)}.contract-cell{display:flex;align-items:center;gap:8px}.contract-cell .expiry{color:var(--app-text-muted)}.contract-cell .strike{font-weight:600}.refract-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;background:var(--app-border-color);color:var(--app-text-dim)}.refract-badge--success,.refract-badge--win,.refract-badge--profit{background:var(--app-bg-profit);color:var(--app-color-profit)}.refract-badge--danger,.refract-badge--loss,.refract-badge--error{background:var(--app-bg-loss);color:var(--app-color-loss)}.refract-badge--warning{background:var(--app-bg-warning);color:var(--app-color-warning)}.refract-badge--info{background:#6366f11a;color:#6366f1}.refract-badge--long,.refract-badge--buy{background:var(--app-bg-profit);color:var(--app-color-profit)}.refract-badge--short,.refract-badge--sell{background:var(--app-bg-loss);color:var(--app-color-loss)}.refract-badge--sm{padding:2px 6px;font-size:9px;border-radius:4px}.refract-badge--lg{padding:6px 14px;font-size:12px}.refract-badge--outline{background:transparent;border:1px solid currentColor}.refract-badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.refract-badge--side-long{background:var(--app-bg-profit);color:var(--app-color-profit);border:1px solid rgba(5,150,105,.2)}.refract-badge--side-short{background:var(--app-bg-loss);color:var(--app-color-loss);border:1px solid rgba(225,29,72,.2)}.refract-badge--status-target{background:#0596691f;color:var(--app-color-profit)}.refract-badge--status-stopped{background:#e11d481f;color:var(--app-color-loss)}.refract-badge--status-expired{background:var(--app-border-color);color:var(--app-text-dim)}.refract-badge--compact{padding:1px 5px;border-radius:3px;font-size:8px}.refract-badge--pill{padding:3px 9px;border-radius:20px;font-size:9px}.refract-badge--chip{padding:6px 12px;border-radius:20px;cursor:pointer;transition:border-color var(--app-transition-fast, .15s),background var(--app-transition-fast, .15s);-webkit-user-select:none;user-select:none}.refract-badge--chip:hover{border-color:rgba(var(--app-primary-rgb, 34, 211, 238),.3);background:var(--app-surface-hover)}.refract-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.refract-badge__dot--profit{background:var(--app-color-profit)}.refract-badge__dot--loss{background:var(--app-color-loss)}.refract-badge__dot--primary{background:var(--app-primary)}.refract-badge__dot--pulse{animation:refract-pulse 2s ease-in-out infinite}.refract-status-dot{width:8px;height:8px;border-radius:50%;background:var(--app-text-dim)}.refract-status-dot--active,.refract-status-dot--running{background:var(--app-success);box-shadow:0 0 6px var(--app-success-bg)}.refract-status-dot--inactive,.refract-status-dot--stopped{background:var(--app-text-muted)}.refract-status-dot--error{background:var(--app-danger);box-shadow:0 0 6px var(--app-danger-bg)}.refract-input{width:100%;padding:8px 12px;border:1px solid var(--app-border-color);border-radius:8px;background:transparent;color:var(--app-text-color);font-size:13px;outline:none;transition:border-color .15s ease}.refract-input:focus{border-color:var(--app-primary, #6366f1)}.refract-input::placeholder{color:var(--app-text-dim)}.refract-input--sm{padding:4px 8px;font-size:11px}.refract-input--lg{padding:12px 16px;font-size:14px}.refract-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.refract-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:transparent}.refract-form-field .mat-mdc-form-field-focus-overlay{background-color:transparent}.refract-form-field .mdc-line-ripple{display:none}.refract-field{display:flex;flex-direction:column;gap:4px}.refract-field__label{font-size:11px;font-weight:600;color:var(--app-text-dim);text-transform:uppercase;letter-spacing:.04em}.refract-select{padding:6px 12px;border:1px solid var(--app-border-color);border-radius:8px;background:transparent;color:var(--app-text-color);font-size:12px;font-weight:600;cursor:pointer;outline:none}.refract-select option{background:var(--app-bg-surface, #fff);color:var(--app-text-color)}.refract-select:focus{border-color:var(--app-primary, #6366f1)}.refract-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.refract-checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.refract-checkbox__box{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:2px solid var(--app-border-color);border-radius:3px;background:transparent;flex-shrink:0;transition:border-color .15s ease,background .15s ease}.refract-checkbox__box:after{content:"";display:none;width:4px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.refract-checkbox__input:checked+.refract-checkbox__box{background:var(--app-primary, #6366f1);border-color:var(--app-primary, #6366f1)}.refract-checkbox__input:checked+.refract-checkbox__box:after{display:block}.refract-checkbox__label{font-size:13px;color:var(--app-text-color)}.refract-spinner{width:40px;height:40px;border:3px solid var(--app-border-color);border-top-color:var(--app-primary, #6366f1);border-radius:50%;animation:refract-spin .8s linear infinite;flex-shrink:0}.refract-spinner--sm{width:24px;height:24px;border-width:2px}.refract-spinner--xs{width:16px;height:16px;border-width:2px}.refract-spinner--lg{width:48px;height:48px;border-width:4px}.refract-spinner--md{width:32px;height:32px;border-width:3px}@keyframes refract-spin{to{transform:rotate(360deg)}}.refract-field-error{font-size:11px;color:var(--app-danger, #ef4444);margin-top:2px}.refract-toggle-group{display:inline-flex;border:1px solid var(--app-border-color);border-radius:8px;overflow:hidden;background:transparent}.refract-toggle-group .refract-toggle{padding:6px 14px;font-size:12px;font-weight:600;color:var(--app-text-dim);background:transparent;border:none;border-right:1px solid var(--app-border-color);cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.refract-toggle-group .refract-toggle:last-child{border-right:none}.refract-toggle-group .refract-toggle--active{background:var(--app-primary, #6366f1);color:#fff}.refract-toggle-group .refract-toggle:hover:not(.refract-toggle-group .refract-toggle--active){background:var(--app-hover-bg, rgba(99, 102, 241, .08));color:var(--app-text-color)}.form-field{display:flex;flex-direction:column;gap:4px;flex-grow:1;width:100%}.form-field__label{font-size:11px;font-weight:600;color:var(--app-text-muted, var(--app-text-dim));text-transform:uppercase;letter-spacing:.04em}.form-field__input,.form-field__select{width:100%;padding:8px 12px;border:1px solid var(--app-border-color);border-radius:8px;background:transparent;color:var(--app-text-color);font-size:13px;font-family:var(--app-font-family);outline:none;transition:border-color .15s ease}.form-field__input:focus,.form-field__select:focus{border-color:var(--app-primary, #6366f1)}.form-field__input::placeholder,.form-field__select::placeholder{color:var(--app-text-dim)}.form-field__input--prefixed,.form-field__select--prefixed{border-radius:0 8px 8px 0;border-left:none}.form-field__select{appearance:auto;cursor:pointer}.form-field__select option{background:var(--app-surface-color);color:var(--app-text-color)}.form-field__prefix-wrap{display:flex;align-items:stretch}.form-field__prefix{display:flex;align-items:center;padding:0 8px;border:1px solid var(--app-border-color);border-right:none;border-radius:8px 0 0 8px;background:var(--app-surface-2, rgba(0, 0, 0, .04));color:var(--app-text-muted);font-size:13px;flex-shrink:0}.form-field__error{font-size:11px;color:var(--app-danger, #ef4444);margin-top:2px}.form-field__hint{font-size:11px;color:var(--app-text-dim);margin-top:2px}.ui-icon{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;width:24px;height:24px}.ui-icon--sm{font-size:18px;width:18px;height:18px}.ui-icon--size-20{font-size:20px;width:20px;height:20px}.ui-icon--size-22{font-size:22px;width:22px;height:22px}.ui-icon--xs{font-size:16px;width:16px;height:16px}.ui-icon--size-12{font-size:12px;width:12px;height:12px}.ui-icon--size-13{font-size:13px;width:13px;height:13px}.ui-icon--size-14{font-size:14px;width:14px;height:14px}.ui-icon--size-15{font-size:15px;width:15px;height:15px}.ui-icon--size-26{font-size:26px;width:26px;height:26px}.ui-icon--md{font-size:28px;width:28px;height:28px}.ui-icon--lg{font-size:32px;width:32px;height:32px}.ui-icon--xl{font-size:36px;width:36px;height:36px}.ui-icon--xxl{font-size:48px;width:48px;height:48px}.ui-icon--xxxl{font-size:64px;width:64px;height:64px}.ui-icon__close{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:var(--app-text-dim);transition:color .15s;cursor:pointer}.ui-icon--primary{color:var(--app-primary)}.ui-icon--dim{color:var(--app-text-dim)}.ui-icon--profit{color:var(--app-color-profit)}.ui-icon--loss{color:var(--app-color-loss)}.ui-icon--success{color:var(--app-success)}.ui-icon--danger{color:var(--app-danger)}.ui-icon--warning{color:var(--app-warning)}.ui-icon--info{color:var(--app-info)}.ui-icon__close{color:var(--app-text-dim);transition:color .15s}.ui-icon__close:hover{color:var(--app-text-color)}.ui-icon--muted{opacity:.4}.ui-icon--faded{opacity:.25}.ui-icon--glow-soft{filter:drop-shadow(0 0 4px currentColor)}.ui-icon--glow-danger{filter:drop-shadow(0 0 6px rgba(var(--app-danger-rgb),.3))}.ui-icon--glow-warning{filter:drop-shadow(0 0 6px rgba(251,191,36,.3))}.ui-icon--active{color:var(--app-primary-rgb)}.refract-rule-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--app-border-radius);flex-shrink:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.refract-rule-icon--entry{background:rgba(var(--app-primary-rgb),.15);border:1px solid rgba(var(--app-primary-rgb),.25);color:var(--app-primary)}.refract-rule-icon--target{background:#05966926;border:1px solid rgba(5,150,105,.25);color:var(--app-color-profit)}.refract-rule-icon--stop{background:rgba(var(--app-danger-rgb),.15);border:1px solid rgba(var(--app-danger-rgb),.25);color:var(--app-danger)}.refract-rule-icon--time,.refract-rule-icon--clock{background:#94a3b826;border:1px solid rgba(148,163,184,.25);color:var(--app-text-dim)}.refract-rule-icon--late{background:#fbbf2426;border:1px solid rgba(251,191,36,.2);color:var(--app-warning)}.refract-rule-icon--no{background:#94a3b81f;border:1px solid rgba(148,163,184,.22);color:var(--app-text-dim)}.refract-check-icon{font-size:14px;font-weight:700;line-height:1}.refract-check-icon--pass{color:var(--app-color-profit)}.refract-check-icon--fail{color:var(--app-color-loss)}.refract-check-icon--neutral{color:var(--app-text-dim)}.refract-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 9px;border-radius:var(--app-border-radius-pill);color:var(--_dim)}.refract-badge--open{background:#16a34a14;border:1px solid rgba(22,163,74,.18);color:var(--app-color-profit, #16a34a)}.refract-badge--closed{background:#2563eb12;border:1px solid rgba(255,255,255,.06)}.input-wrap{width:100%;display:flex;border-radius:var(--app-border-radius-lg);outline:2px solid transparent;outline-offset:-1px;transition:outline-color var(--app-transition-normal) ease}.input-wrap:focus-within{outline-color:rgba(var(--app-secondary-rgb, 167, 139, 250),.6)}.input-wrap:focus-within .form-field__prefix,.input-wrap:focus-within .form-field__input{border-color:rgba(var(--app-secondary-rgb, 167, 139, 250),.15)}.order-dialog__input-field .form-field__prefix-wrap:focus-within .input-wrap:focus-within{outline-color:rgba(var(--app-secondary-rgb),.6)}.input-wrap__icon-prefix{height:100%;border-radius:var(--app-border-radius-lg) 0 0 var(--app-border-radius-lg);font-size:14px;font-weight:900;justify-content:center;border:1.5px solid var(--app-border-color);transition:border-color var(--app-transition-normal) ease;width:45px;min-width:45px;max-width:45px;background:var(--app-surface-2, rgba(0, 0, 0, .04));color:var(--app-text-muted);display:flex;align-items:center;flex-grow:1}.input-wrap__icon-prefix--sm{height:24px}.input-wrap__icon-prefix--md{height:40px}.input-wrap__icon-prefix--lg{height:48px}.input-wrap__input{width:100%;padding:0 14px;font-size:14px;font-weight:700;border-radius:var(--app-border-radius-lg);border:1.5px solid var(--app-border-color);letter-spacing:-.2px;transition:border-color var(--app-transition-normal) ease,box-shadow var(--app-transition-normal) ease}.input-wrap__input::placeholder{font-weight:100;color:var(--app-text-dim);text-transform:none}.input-wrap__input:focus{border-color:transparent;outline:2px solid rgba(var(--app-secondary-rgb, 167, 139, 250),.6);outline-offset:-1px}.input-wrap__input--prefixed{border-radius:0 var(--app-border-radius-lg) var(--app-border-radius-lg) 0;border-left:none;flex-grow:1}.input-wrap__input--prefixed:focus{outline:none;border-color:rgba(var(--app-secondary-rgb, 167, 139, 250),.15)}.input-wrap__input--sm{height:24px}.input-wrap__input--md{height:40px}.input-wrap__input--lg{height:48px}input[type=color].input-wrap__input{appearance:none;padding:0;background:transparent;cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0}input[type=color].input-wrap__input::-webkit-color-swatch-wrapper{padding:0}input[type=color].input-wrap__input::-webkit-color-swatch{border:none;border-radius:var(--app-border-radius-sm, 4px);box-shadow:inset 0 0 0 1px #0000001a,inset 0 1px #ffffff1a}.u-cursor-pointer{cursor:pointer}.u-color-primary{color:var(--app-primary)}.u-mb-32{margin-bottom:32px}.u-mb-24{margin-bottom:24px}.u-mb-16{margin-bottom:16px}.u-mb-12{margin-bottom:12px}.u-mb-8{margin-bottom:8px}.u-mb-6{margin-bottom:6px}.u-mt-64{margin-top:64px}.u-mt-48{margin-top:48px}.u-mt-40{margin-top:40px}.u-mt-32{margin-top:32px}.u-mt-24{margin-top:24px}.u-mt-16{margin-top:16px}.u-p-32{padding:32px}.u-p-24{padding:24px}.u-p-16{padding:16px}.u-flex{display:flex}.u-text-left{text-align:left}.u-fw-bold{font-weight:700}.u-flex-column{flex-direction:column}.u-justify-between{justify-content:space-between}.positive-gains{color:var(--app-success)}.negative-gains{color:var(--app-danger)}.text-success{color:var(--mat-sys-tertiary)}.text-danger{color:var(--mat-sys-error)}.font-mono{font-family:var(--app-font-mono)}.u-flex-row{display:flex;align-items:center;gap:8px}.u-flex-row--tight{gap:4px}.u-flex-row--wide{gap:12px}.u-flex-col{display:flex;flex-direction:column;gap:8px}.u-flex-col--tight{gap:2px}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-flex-between{display:flex;align-items:center;justify-content:space-between}.u-flex-1{flex:1;min-width:0}.u-flex-shrink-0{flex-shrink:0}.u-flex-wrap{flex-wrap:wrap}.u-overflow-x{overflow-x:auto}.u-overflow-y{overflow-y:auto}.u-gap-0{gap:0}.u-gap-2{gap:2px}.u-gap-4{gap:4px}.u-gap-6{gap:6px}.u-gap-8{gap:8px}.u-gap-10{gap:10px}.u-gap-12{gap:12px}.u-gap-16{gap:16px}.u-gap-20{gap:20px}.u-gap-24{gap:24px}.u-no-wrap{white-space:nowrap}.u-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.u-tabular-nums{font-variant-numeric:tabular-nums}.u-text-right{text-align:right}.u-text-center{text-align:center}.u-sticky-top{position:sticky;top:0}.u-relative{position:relative}.u-clickable{cursor:pointer}.u-pointer-events-none{pointer-events:none}.u-align-center{align-items:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;color:var(--app-text-color);margin-bottom:.5em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--app-surface-hover);border-radius:4px;border:2px solid var(--app-background)}::-webkit-scrollbar-thumb:hover{background:var(--app-text-muted)}.main-content:has(refract-alerts-detail){padding:0;max-width:none}.trade__watchlist-side refract-watchlist{display:block;height:100%}.trade__watchlist-side refract-watchlist>:first-child{height:100%;max-height:540px;overflow-y:auto}.greeks-cell{display:flex;gap:12px;align-items:center}.greeks-cell .greek-item{display:flex;align-items:center;gap:4px;font-size:12px}.greeks-cell .greek-item .label{color:var(--app-text-muted);font-weight:500;opacity:.7}.greeks-cell .greek-item .value{color:var(--app-text-color);font-weight:500}.transactions-list{display:flex;flex-direction:column}.transaction-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--app-border-color);gap:16px;transition:background .2s}.transaction-item:hover{background:var(--app-surface-hover)}.transaction-item:last-child{border-bottom:none}.transaction-item .tx-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--app-surface-active)}.transaction-item .tx-icon .ui-icon{font-size:16px;width:16px;height:16px}.transaction-item .tx-icon.buy{background:#ef444426;color:var(--app-danger)}.transaction-item .tx-icon.sell{background:#10b98126;color:var(--app-success)}.transaction-item .tx-details{flex-grow:1;display:flex;flex-direction:column}.transaction-item .tx-details .tx-symbol{font-weight:600;color:var(--app-text-color)}.transaction-item .tx-details .tx-type{font-size:10px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.5px}.transaction-item .tx-amount{display:flex;flex-direction:column;align-items:flex-end}.transaction-item .tx-amount .tx-date{font-size:10px;color:var(--app-text-dim);margin-top:2px}.options-grid{display:flex;flex-direction:column;gap:24px;padding:24px}.option-group{border:1px solid var(--app-border-color);border-radius:var(--app-border-radius);overflow:hidden;background:var(--app-surface-color);box-shadow:var(--app-shadow-sm)}.option-group .group-header{padding:12px 24px;background:var(--app-surface-active);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--app-border-color)}.option-group .group-header .group-symbol{display:flex;align-items:center;gap:12px}.option-group .group-header .group-symbol .symbol{font-size:18px;font-weight:700;color:var(--app-text-color)}.option-group .group-header .group-stats{display:flex;gap:24px}.option-group .group-header .group-stats .stat{display:flex;gap:8px;align-items:center;font-size:12px}.option-group .group-header .group-stats .stat .label{color:var(--app-text-muted);font-weight:500}.option-group .group-header .group-stats .stat .value{font-weight:600;color:var(--app-text-color)}.option-group .options-table th{background:var(--app-surface-color);font-size:10px;color:var(--app-text-muted);border-bottom:1px solid var(--app-border-color)}.option-group .options-table td{padding:10px 16px;font-size:13px;color:var(--app-text-color);border-bottom:1px solid var(--app-border-color)}.option-group .options-table tr:last-child td{border-bottom:none}.option-group .options-table tr:hover td{background:var(--app-surface-hover)}.strategy-analysis-panel{margin:24px;padding:24px;background:var(--app-surface-hover);border-radius:var(--app-border-radius);border:1px solid var(--app-primary-glow)}.strategy-analysis-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.strategy-analysis-panel .panel-header h3{margin:0;font-size:14px;display:flex;align-items:center;gap:8px}.empty-state{padding:48px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--app-text-muted)}.empty-state .ui-icon{font-size:48px;width:48px;height:48px;opacity:.2}.dialog-backdrop{position:fixed;inset:0;z-index:var(--app-z-modal);background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:sp-backdrop-in var(--app-transition-normal) ease both}.dialog-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;border-radius:16px;background:var(--app-surface-color);border:1px solid var(--app-border-color);box-shadow:var(--app-shadow-lg),0 0 0 1px #ffffff0a;outline:none;animation:dialog-in .18s cubic-bezier(.25,.8,.25,1)}.dialog-panel--exiting{animation:dialog-out .2s cubic-bezier(.4,0,.2,1) forwards}.dialog-panel--exiting~.dialog-backdrop{animation:dialog-backdrop-out .2s ease-in forwards}.dialog{width:100%;background:var(--app-surface-color);color:var(--app-text-color);border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #0000004d,0 0 0 1px var(--app-border-color)}.dialog--sm{width:min(92vw,400px)}.dialog--md{width:min(95vw,560px)}.dialog--lg{width:min(96vw,1100px)}.dialog--xl{width:min(96vw,1680px);max-height:90vh}.dialog__header{display:flex;align-items:center;justify-content:space-between;margin:-24px -24px 0;padding:16px 20px;border-bottom:1px solid var(--app-border-color);background:var(--app-glass-border)}.dialog__title-row{display:flex;align-items:center;gap:12px}.dialog__title{font-size:16px;font-weight:900;letter-spacing:4px;color:var(--app-text-color);text-shadow:0 0 24px rgba(37,99,235,.12);font-family:var(--app-font-family);line-height:1}.dialog__symbol-pill{font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--app-text-color);background:var(--app-surface-color);padding:6px 16px;border-radius:var(--app-border-radius-md);border:1px solid var(--app-border-color);box-shadow:0 2px 6px #0000000f}.dialog__symbol{font-size:22px;font-weight:800;letter-spacing:-.3px;color:var(--app-text-color);line-height:1}.dialog__subtitle{font-size:16px;font-weight:700;color:var(--app-text-color)}.dialog__subtitle--bottom-spacer{padding-bottom:5px;border-bottom:1px solid var(--app-border-color)}.dialog__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--app-text-dim);cursor:pointer;border-radius:50%;transition:color var(--app-transition-fast, .15s),background var(--app-transition-fast, .15s)}.dialog__close:hover{color:var(--app-text-color);background:var(--app-surface-hover)}.dialog__body{padding:20px;overflow-y:auto}.dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--app-border-color)}.dialog__backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--app-z-modal, 1000) - 1);animation:fade-in .15s ease-out}.tooltip{position:fixed;z-index:1100;padding:5px 9px;background:var(--app-text-color);color:var(--app-background);border-radius:5px;font-size:11px;font-family:var(--app-font-family);line-height:1.4;max-width:280px;white-space:normal;pointer-events:none;animation:tooltip-in .12s ease-out;box-shadow:0 2px 8px #00000040}@keyframes sp-backdrop-in{0%{opacity:0}20%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}.refract-glass{background:linear-gradient(180deg,#ffffffb3,#e2e8f073);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f,inset 0 1px #fffffff2,inset 0 -1px #0000000a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--app-transition-normal, .2s) var(--app-ease-standard, cubic-bezier(.4, 0, .2, 1)),transform var(--app-transition-normal, .2s) var(--app-ease-standard, cubic-bezier(.4, 0, .2, 1)),background var(--app-transition-normal, .2s) var(--app-ease-standard, cubic-bezier(.4, 0, .2, 1))}.refract-glass:hover{background:linear-gradient(180deg,#ffffffd9,#e2e8f08c);border-color:#0000001f;box-shadow:0 4px 14px #00000014,inset 0 1px #fffffff2,inset 0 -1px #00000008;transform:translateY(-1px)}.refract-glass:active{transform:translateY(0);box-shadow:inset 0 2px 4px #00000014,inset 0 -1px #ffffff80}.refract-glass__highlight{position:absolute;top:0;left:10%;right:10%;height:45%;border-radius:50% 50% 40% 40%;background:linear-gradient(180deg,#ffffff8c,#fff0);pointer-events:none}.refract-glass--circle{border-radius:50%}.refract-glass--pill{border-radius:var(--app-border-radius-pill, 20px)}.refract-glass--card{border-radius:var(--app-border-radius-lg, 12px)}.refract-glass--rounded{border-radius:var(--app-border-radius, 8px)}.refract-glass--elevated{box-shadow:0 8px 24px #0000001a,inset 0 1px #fffffff2,inset 0 -1px #0000000a}.refract-glass--elevated:hover{box-shadow:0 12px 32px #00000021,inset 0 1px #fffffff2,inset 0 -1px #00000008}:root .refract-glass{background:linear-gradient(180deg,#1e293bcc,#0f172a99);border-color:#94a3b81f;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff0f,inset 0 -1px #0003}:root .refract-glass:hover{background:linear-gradient(180deg,#334155d9,#1e293bb3);border-color:#94a3b833;box-shadow:0 4px 14px #0006,inset 0 1px #ffffff14,inset 0 -1px #00000026}:root .refract-glass:active{box-shadow:inset 0 2px 4px #00000059,inset 0 -1px #ffffff0a}:root .refract-glass .refract-glass__highlight{background:linear-gradient(180deg,#ffffff14,#fff0)}:root .refract-glass.refract-glass--elevated{box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0f,inset 0 -1px #0003}:root .refract-glass.refract-glass--elevated:hover{box-shadow:0 12px 32px #0000008c,inset 0 1px #ffffff14,inset 0 -1px #00000026}body.light-theme .refract-glass{background:linear-gradient(180deg,#ffffffb3,#e2e8f073);border-color:#00000014;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffffff2,inset 0 -1px #0000000a}body.light-theme .refract-glass:hover{background:linear-gradient(180deg,#ffffffd9,#e2e8f08c);border-color:#0000001f;box-shadow:0 4px 14px #00000014,inset 0 1px #fffffff2,inset 0 -1px #00000008}body.light-theme .refract-glass:active{box-shadow:inset 0 2px 4px #00000014,inset 0 -1px #ffffff80}body.light-theme .refract-glass .refract-glass__highlight{background:linear-gradient(180deg,#ffffff8c,#fff0)}@keyframes refract-fade-in{0%{opacity:0}to{opacity:1}}@keyframes refract-fade-out{0%{opacity:1}to{opacity:0}}@keyframes refract-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes refract-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes refract-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes refract-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes refract-row-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-52%) scale(.96)}}@keyframes refract-tooltip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes refract-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes refract-pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes refract-pulse-blue{0%,to{box-shadow:0 2px 10px #3b82f626,inset 0 1px #fffc}50%{box-shadow:0 2px 14px #3b82f64d,inset 0 1px #fffc}}@keyframes refract-pulse-profit{0%,to{box-shadow:0 2px 10px #22c55e26,inset 0 1px #fffc}50%{box-shadow:0 2px 14px #22c55e4d,inset 0 1px #fffc}}@keyframes refract-pulse-loss{0%,to{box-shadow:0 2px 10px #ef44441f,inset 0 1px #fffc}50%{box-shadow:0 2px 14px #ef444440,inset 0 1px #fffc}}@keyframes refract-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes refract-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-out{0%{opacity:1}to{opacity:0}}html,body{overscroll-behavior-x:none;height:100%;font-family:var(--app-font-family);background-color:var(--app-background);color:var(--app-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}