@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-dark: #0d111a;--bg-card: #151923;--bg-card-glass: rgba(21, 25, 35, .95);--bg-sidebar: #10141d;--text-main: #f8fafc;--text-muted: #8b949e;--accent-primary: #6366f1;--accent-success: #05d666;--accent-danger: #ef4444;--border-color: #1f2533;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;--cal-bg: #141924;--cal-border: #1f2838;--cal-nav: #8b949e;--cal-nav-hover: #ffffff;--cal-text: #ffffff;--cal-grid-bg: #1e2634;--cal-day-header: #273142;--cal-day-header-weekend: #1f2735;--cal-cell-bg: #262f3d;--cal-cell-current: #2a3344;--cal-cell-weekend: #1f2735;--cal-cell-weekend-current: #222b3a;--cal-today-bg: #8bb4e5;--cal-today-text: #0d1522;--cal-win-bg: #0f3f22;--cal-win-border: #207641;--cal-loss-bg: #55141b;--cal-loss-border: #9c2730;--acc-card-bg: #0d1016;--acc-card-border: #1f2838}html[data-theme=light]{--bg-dark: #f0f2f5;--bg-card: #ffffff;--bg-card-glass: rgba(255, 255, 255, .95);--bg-sidebar: #ffffff;--text-main: #111827;--text-muted: #6b7280;--accent-primary: #4f46e5;--accent-success: #16a34a;--accent-danger: #dc2626;--border-color: #e5e7eb;--cal-bg: #ffffff;--cal-border: #e5e7eb;--cal-nav: #6b7280;--cal-nav-hover: #111827;--cal-text: #111827;--cal-grid-bg: #e5e7eb;--cal-day-header: #ffffff;--cal-day-header-weekend: #f9fafb;--cal-cell-bg: #f9fafb;--cal-cell-current: #ffffff;--cal-cell-weekend: #f3f4f6;--cal-cell-weekend-current: #f9fafb;--cal-today-bg: #4f46e5;--cal-today-text: #ffffff;--cal-win-bg: #dcfce7;--cal-win-border: #86efac;--cal-loss-bg: #fee2e2;--cal-loss-border: #fca5a5;--acc-card-bg: #ffffff;--acc-card-border: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:220px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 16px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.sidebar.hidden{width:68px;padding:24px 12px}.nav-label{transition:opacity .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;opacity:1}.sidebar.hidden .nav-label{opacity:0;width:0;overflow:hidden}.logo-section{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;margin-bottom:40px;padding:0 12px;white-space:nowrap}.sidebar.hidden .logo-section{padding:0;justify-content:center}.add-trade-btn{background:linear-gradient(135deg,var(--accent-primary),#4f46e5);color:#fff;border:none;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:24px;transition:transform .2s,box-shadow .2s,padding .3s,justify-content .3s;box-shadow:0 4px 12px #6366f166;white-space:nowrap}.sidebar.hidden .add-trade-btn{padding:12px 0;justify-content:center}.add-trade-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f199}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:padding .3s,justify-content .3s,background-color .2s,color .2s,box-shadow .2s,border-radius .2s;white-space:nowrap}.sidebar.hidden .nav-item{padding:12px;justify-content:center;gap:0}.nav-item:hover{background-color:#ffffff0d;color:var(--text-main)}.nav-item.active{background-color:#ffffff1a;color:var(--text-main);box-shadow:inset 3px 0 0 var(--accent-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:32px 40px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-title{font-size:24px;font-weight:700}.header-actions{display:flex;align-items:center;gap:16px}.header-select{appearance:none;background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color);padding:8px 36px 8px 16px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;box-shadow:0 4px 10px #0000001a}.header-select:hover{border-color:var(--accent-primary);box-shadow:0 6px 16px #6366f140;transform:translateY(-2px)}.header-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}html[data-theme=light] .header-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.date-picker{display:flex;align-items:center;gap:8px;background-color:var(--bg-card);border:1px solid var(--border-color);padding:8px 16px;border-radius:var(--radius-md);font-size:14px;color:var(--text-main)}.user-profile{display:flex;align-items:center;gap:12px;background-color:var(--bg-card);padding:6px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,border-color .2s;box-shadow:0 4px 24px #00000026}.kpi-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.kpi-content{display:flex;flex-direction:column;gap:16px}.kpi-header{color:var(--text-main);font-size:clamp(14px,1.5vw,18px);font-weight:600}.kpi-main-area{display:flex;flex-direction:column;gap:4px}.kpi-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.kpi-positive{color:var(--accent-success)}.kpi-negative{color:var(--accent-danger)}.kpi-subtitle{font-size:13px;color:var(--text-muted);font-weight:500}.kpi-icon-wrapper{display:flex;align-items:center;justify-content:center}.accounts-container{display:flex;gap:16px;margin-bottom:24px}.account-card{background-color:var(--acc-card-bg);border:1px solid var(--acc-card-border);border-radius:12px;padding:24px;min-width:300px;display:flex;flex-direction:column;gap:12px}.acc-name{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:8px}.acc-row{display:flex;justify-content:space-between;align-items:baseline}.acc-balance{font-size:24px;font-weight:700;color:var(--text-main)}.acc-change{font-size:16px;font-weight:600}.acc-change.win{color:#4ade80}.acc-change.loss{color:#f87171}.acc-meta{font-size:13px;color:var(--text-muted)}.recent-trades{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.trades-header{display:flex;gap:24px;border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:12px}.trades-tab{font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;position:relative}.trades-tab.active{color:var(--text-main)}.trades-tab.active:after{content:"";position:absolute;bottom:-13px;left:0;right:0;height:2px;background-color:var(--accent-primary);border-radius:2px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:12px 16px;color:var(--text-muted);font-weight:500;border-bottom:1px solid var(--border-color)}td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-main)}tr:hover td{background-color:#ffffff05}.badge{padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.badge-win{background-color:#10b9811a;color:var(--accent-success)}.badge-loss{background-color:#ef44441a;color:var(--accent-danger)}.badge-be{background-color:#94a3b81a;color:var(--text-muted)}.bt-card{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.bt-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px #0006,0 0 0 1px #ffffff1a}.bt-input,.bt-select,.bt-textarea{width:100%;padding:12px 16px;background:#0003;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;font-family:inherit;font-size:14px;transition:all .2s;outline:none}.bt-input:focus,.bt-select:focus,.bt-textarea:focus{border-color:var(--accent-primary);background:#0000004d;box-shadow:0 0 0 3px #6366f126}.bt-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.bt-select option{background-color:var(--bg-card);color:var(--text-main);padding:12px;font-size:14px}.trade-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s}tr:hover .trade-actions{opacity:1}.modal-overlay{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #00000080;animation:modalPop .3s cubic-bezier(.16,1,.3,1) forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer}.close-btn:hover{color:var(--text-main)}.file-drop-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:40px;text-align:center;cursor:pointer;transition:all .2s;background-color:#ffffff05}.file-drop-area:hover{border-color:var(--accent-primary);background-color:#6366f10d}.file-drop-icon{color:var(--accent-primary);margin-bottom:16px}.file-drop-text{color:var(--text-muted);font-size:14px;margin-bottom:8px}.file-drop-btn{background-color:var(--border-color);color:var(--text-main);border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;margin-top:16px}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}.calendar-section{background-color:var(--cal-bg);border:1px solid var(--cal-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.calendar-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.calendar-title-container{display:flex;align-items:center;gap:8px}.calendar-title{font-size:18px;font-weight:600;color:var(--cal-text)}.calendar-nav-controls{display:flex;align-items:center;gap:6px}.cal-nav-btn{background:none;border:none;color:var(--cal-nav);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.cal-nav-btn:hover{color:var(--cal-nav-hover);background-color:#ffffff0d}.cal-dropdown{background-color:var(--cal-day-header);border:1px solid var(--cal-border);color:var(--cal-text);padding:6px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;margin:0 4px}.cal-today-btn{background-color:transparent;border:1px solid var(--cal-border);color:var(--cal-text);padding:6px 16px;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cal-today-btn:hover{background-color:#ffffff0d}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background-color:var(--cal-grid-bg);border:2px solid var(--cal-grid-bg);border-radius:8px;overflow:hidden}.calendar-day-header{background-color:var(--cal-day-header);text-align:center;padding:12px 8px;font-size:14px;font-weight:600;color:var(--cal-text)}.calendar-day-header.saturday,.calendar-day-header.sunday{background-color:var(--cal-day-header-weekend)}.calendar-day-cell{background-color:var(--cal-cell-bg);min-height:110px;padding:8px 12px;display:flex;flex-direction:column;position:relative;transition:filter .2s}.calendar-day-cell:hover{filter:brightness(1.1)}.calendar-day-cell.weekly-total-cell,.calendar-day-cell.sunday-cell{background-color:var(--cal-cell-weekend)}.calendar-day-cell.weekly-total-cell.current-month,.calendar-day-cell.sunday-cell.current-month{background-color:var(--cal-cell-weekend-current)}.calendar-day-number{align-self:flex-end;font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.calendar-day-cell.current-month{background-color:var(--cal-cell-current)}.calendar-day-cell.current-month .calendar-day-number{color:var(--cal-text)}.calendar-day-cell.today .calendar-day-number{background-color:var(--cal-today-bg);color:var(--cal-today-text);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-day-cell.win-day{background-color:var(--cal-win-bg);box-shadow:inset 0 0 0 2px var(--cal-win-border)}.calendar-day-cell.loss-day{background-color:var(--cal-loss-bg);box-shadow:inset 0 0 0 2px var(--cal-loss-border)}.cal-day-pnl{font-size:18px;font-weight:700;text-align:center;margin-top:auto}.cal-day-pnl.win{color:var(--accent-success)}.cal-day-pnl.loss{color:var(--accent-danger)}.cal-day-trades{font-size:13px;font-weight:500;color:var(--text-muted);text-align:center;margin-bottom:auto}.calendar-day-cell.win-day .cal-day-trades{color:var(--accent-success)}.calendar-day-cell.loss-day .cal-day-trades{color:var(--accent-danger)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) both}.kpi-card:nth-child(1){animation-delay:.05s}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:nth-child(5){animation-delay:.25s}.kpi-card:nth-child(6){animation-delay:.3s}.account-card{animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) both;animation-delay:.1s}.calendar-section{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.3s}.recent-trades-sidebar{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) both;animation-delay:.4s}