:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#102036;background:#f4f7fb}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100%;height:100%}.home-page{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#d7e8ff,#f4f7fb 45%)}.home-card{width:min(640px,100%);background:#fff;border:1px solid #d5dfeb;border-radius:18px;padding:32px;box-shadow:0 10px 30px #10203614}.tag{margin:0;font-weight:700;color:#315a9a;text-transform:uppercase;letter-spacing:.08em;font-size:12px}h1{margin:10px 0 12px;font-size:clamp(28px,5vw,42px)}.subtext{color:#4f6079;margin-bottom:24px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-size:14px;color:#22314a}.login-form input{border:1px solid #c7d4e5;border-radius:8px;padding:10px 12px;font-size:14px}.form-error{color:#b02727;margin:0;font-size:14px}.primary-btn,.ghost-btn{border:none;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}.primary-btn{background:#2f6dd9;color:#fff}.primary-btn:hover{background:#2658af}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100%}.sidebar{background:#0f213f;color:#fff;padding:24px 18px;display:flex;flex-direction:column;justify-content:space-between}.logo{margin:0 0 24px;font-size:22px}.menu{display:grid;gap:8px}.menu a{text-decoration:none;color:#d8e6ff;background:#ffffff14;padding:10px 12px;border-radius:8px}.menu a:hover,.menu a.active{background:#fff3}.ghost-btn{background:transparent;border:1px solid #6a86b2;color:#d8e6ff}.main-panel{padding:28px}.content-card{background:#fff;border:1px solid #d5dfeb;border-radius:14px;padding:22px}.dashboard-content{display:grid;gap:16px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dashboard-actions{display:flex;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kpi-card{padding:18px 20px}.kpi-label{margin:0;color:#5a6d89;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.kpi-value{margin:8px 0 0;font-size:30px;font-weight:700}.positive{color:#14804a}.negative{color:#b42318}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5ecf6;font-size:14px;white-space:nowrap}.data-table th{color:#4f6079;font-weight:600}.content-card h3{margin-top:0;margin-bottom:10px}.table-header-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.trades-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.date-input{border:1px solid #b3c4dd;border-radius:8px;padding:8px 10px;color:#314f7f;background:#fff}.table-meta{margin:0 0 10px;color:#4f6079;font-size:13px}.pager{margin-top:12px;display:flex;gap:8px}.pager-btn{color:#314f7f;border-color:#b3c4dd}.calendar-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{font-size:12px;color:#4f6079;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.calendar-day{position:relative;border:1px solid #dbe4f2;border-radius:8px;padding:8px;min-height:66px;background:#fbfdff}.calendar-day.today{border-color:#2f6dd9;background:#eef4ff}.calendar-day.today .calendar-day-number{color:#1d4fa8;font-weight:700}.calendar-day.empty{border-style:dashed;background:transparent}.calendar-day-number{margin:0;font-size:12px;color:#5a6d89}.calendar-day-name{margin:2px 0 0;font-size:11px;color:#7b8da8;text-transform:uppercase}.calendar-day-pnl{margin:8px 0 0;font-size:13px;font-weight:600}.calendar-tooltip{position:absolute;left:8px;bottom:calc(100% + 10px);min-width:190px;padding:10px 12px;border-radius:10px;background:#0f213f;color:#e7efff;border:1px solid #2b4b80;box-shadow:0 12px 28px #0a182e47;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:20;pointer-events:none}.calendar-tooltip:after{content:"";position:absolute;left:14px;top:100%;border:6px solid transparent;border-top-color:#0f213f}.calendar-day:hover .calendar-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.calendar-tooltip-title{margin:0 0 6px;font-size:12px;font-weight:700;color:#c9dcff;letter-spacing:.03em}.calendar-tooltip p{margin:2px 0;font-size:12px}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px}.menu{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid{grid-template-columns:1fr}.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-header{flex-direction:column}.table-header-row{flex-direction:column;align-items:flex-start}.trades-controls{justify-content:flex-start}}