:root,[data-theme=dark]{--background:#09090b;--foreground:#fafafa;--card:#0a0a0c;--card-foreground:#fafafa;--popover:#09090b;--popover-foreground:#fafafa;--primary:#6366f1;--primary-foreground:#fafafa;--secondary:#27272a;--secondary-foreground:#fafafa;--muted:#27272a;--muted-foreground:#a1a1aa;--accent:#10b981;--accent-foreground:#fafafa;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#27272a;--input:#27272a;--ring:#6366f1;--radius:.5rem}[data-theme=light]{--background:#fff;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--popover:#fff;--popover-foreground:#09090b;--primary:#6366f1;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#10b981;--accent-foreground:#18181b;--destructive:#ef4444;--destructive-foreground:#fafafa;--border:#e4e4e7;--input:#e4e4e7;--ring:#6366f1}*{box-sizing:border-box;margin:0;padding:0}html,body,input,button,select,textarea{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--background);color:var(--foreground);min-height:100vh}a{color:inherit;text-decoration:none}.navbar{z-index:50;background:var(--card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-left{align-items:center;gap:2rem;display:flex}.navbar-brand{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;display:flex}.navbar-logo{border-radius:8px}.navbar-links{gap:.25rem;display:flex}.navbar-link{border-radius:var(--radius);color:var(--muted-foreground);align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.navbar-link-icon{font-size:1rem}.navbar-link:hover{background:var(--secondary);color:var(--foreground)}.navbar-link.active{background:var(--primary);color:var(--primary-foreground)}.user-menu{align-items:center;gap:.75rem;display:flex}.user-avatar{font-size:1.25rem}.navbar-right{align-items:center;gap:1rem;display:flex}.theme-toggle{border-radius:var(--radius);border:1px solid var(--border);background:var(--secondary);cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--muted)}.user-name{color:var(--muted-foreground);font-size:.875rem}.logout-btn{border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:var(--radius);background:0 0;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.logout-btn:hover{background:var(--destructive);border-color:var(--destructive);color:var(--destructive-foreground)}.page-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.page-header{margin-bottom:2rem}.page-title{margin-bottom:.5rem;font-size:1.75rem;font-weight:600}.page-description{color:var(--muted-foreground)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .2s}.card:hover{box-shadow:0 4px 20px #0000001a}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{flex-direction:column;gap:.5rem;display:flex}.stat-value{font-size:2rem;font-weight:700}.stat-label{color:var(--muted-foreground);font-size:.875rem}.stat-card.positive .stat-value{color:var(--accent)}.stat-card.negative .stat-value{color:var(--destructive)}.stat-card.warning .stat-value{color:#f59e0b}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--border);color:var(--foreground);background:0 0}.btn-outline:hover{background:var(--secondary)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.input{border-radius:var(--radius);border:1px solid var(--input);background:var(--background);width:100%;color:var(--foreground);padding:.625rem .875rem;font-size:.875rem;transition:border-color .2s}.input:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 2px #6366f133}.input::placeholder{color:var(--muted-foreground)}.select{border-radius:var(--radius);border:1px solid var(--input);background:var(--background);color:var(--foreground);cursor:pointer;padding:.625rem .875rem;font-size:.875rem}.select:focus{border-color:var(--ring);outline:none}.filters{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.table-container{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem}.table th{background:var(--secondary);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);font-size:.75rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--secondary)}.table td{font-size:.875rem}.badge{text-align:center;border-radius:9999px;justify-content:center;align-items:center;min-width:70px;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-buy{color:var(--accent);background:#10b9811a}.badge-sell{color:var(--destructive);background:#ef44441a}.badge-pending{color:#f59e0b;background:#f59e0b1a}.badge-completed{color:var(--accent);background:#10b9811a}.badge-placed{color:#f59e0b;background:#f59e0b1a}.badge-executed{color:#3b82f6;background:#3b82f61a}.badge-failed{color:var(--destructive);background:#ef44441a}.badge-cancelled,.badge-cancelled-timeout{color:var(--muted-foreground);background:#71717a1a}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.pagination-info{color:var(--muted-foreground);font-size:.875rem}.pagination-controls{gap:.5rem;display:flex}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{width:100%;max-width:400px;padding:2.5rem}.login-card h1{text-align:center;margin-bottom:.5rem;font-size:1.75rem}.login-card p{color:var(--muted-foreground);text-align:center;margin-bottom:2rem}.login-card .error{border:1px solid var(--destructive);color:var(--destructive);border-radius:var(--radius);background:#ef44441a;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.form-group{margin-bottom:1.25rem}.label{color:var(--foreground);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.loading{justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hamburger-btn{cursor:pointer;z-index:60;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.hamburger-line{background:var(--foreground);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.hamburger-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:768px){.navbar-links{display:none}.filters{flex-direction:column}.filter-group{width:100%}.dashboard-grid{grid-template-columns:1fr}.table-container{overflow-x:auto}.hamburger-btn{display:flex!important}}.mobile-menu-overlay{z-index:100;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{background:var(--card);border-right:1px solid var(--border);z-index:101;width:280px;height:100vh;animation:.3s slideIn;position:fixed;top:0;left:0;overflow-y:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-menu-close{width:32px;height:32px;color:var(--muted-foreground);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.mobile-menu-close:hover{background:var(--secondary);color:var(--foreground)}.mobile-menu-nav{flex-direction:column;padding:.5rem;display:flex}.mobile-menu-link{border-radius:var(--radius);color:var(--foreground);align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.mobile-menu-link:hover{background:var(--secondary)}.mobile-menu-link.active{background:var(--primary);color:var(--primary-foreground)}.mobile-menu-icon{font-size:1.125rem}.bg-financial-pattern{background-color:var(--background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3Cpattern id='grid' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='1' cy='1' r='1' fill='%2364748b' opacity='0.2'/%3E%3C/pattern%3E%3C/defs%3E%3C!-- Grid --%3E%3Crect width='1600' height='900' fill='url(%23grid)'/%3E%3C!-- Moving Averages --%3E%3Cpath d='M0 600 C 300 550, 500 650, 800 450 S 1300 400, 1600 300' fill='none' stroke='%233b82f6' stroke-width='2' opacity='0.05'/%3E%3Cpath d='M0 650 C 300 600, 500 700, 800 500 S 1300 450, 1600 350' fill='none' stroke='%238b5cf6' stroke-width='2' opacity='0.05'/%3E%3C!-- Candlesticks (Green) --%3E%3Cg fill='%2310b981' opacity='0.05'%3E%3Crect x='100' y='500' width='12' height='60'/%3E%3Crect x='105' y='480' width='2' height='100'/%3E%3Crect x='140' y='450' width='12' height='40'/%3E%3Crect x='145' y='440' width='2' height='60'/%3E%3Crect x='800' y='420' width='12' height='70'/%3E%3Crect x='805' y='400' width='2' height='110'/%3E%3C/g%3E%3C!-- Candlesticks (Red) --%3E%3Cg fill='%23ef4444' opacity='0.05'%3E%3Crect x='180' y='520' width='12' height='50'/%3E%3Crect x='185' y='510' width='2' height='70'/%3E%3Crect x='840' y='460' width='12' height='40'/%3E%3Crect x='845' y='450' width='2' height='60'/%3E%3C/g%3E%3C!-- Tech Text --%3E%3Ctext x='1400' y='850' font-family='monospace' font-size='14' fill='%2364748b' opacity='0.1'%3EVOL: 2.4M MACD: 124.5%3C/text%3E%3Ctext x='1400' y='870' font-family='monospace' font-size='14' fill='%2364748b' opacity='0.1'%3ERSI: 54.2%3C/text%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover}