@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #06b6d4;--success: #10b981;--success-light: #34d399;--danger: #f43f5e;--danger-light: #fb7185;--warning: #f59e0b;--info: #3b82f6;--bg-dark: #0a0f1c;--bg-card: #111827;--bg-card-hover: #1f2937;--bg-glass: rgba(17, 24, 39, .7);--border: rgba(99, 102, 241, .15);--border-light: rgba(255, 255, 255, .08);--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--glow-primary: 0 0 30px rgba(99, 102, 241, .3);--glow-success: 0 0 30px rgba(16, 185, 129, .3);--glow-danger: 0 0 30px rgba(244, 63, 94, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(6,182,212,.1) 0%,transparent 50%),linear-gradient(180deg,#0a0f1c,#0f172a,#0a0f1c);min-height:100vh;color:var(--text-primary);line-height:1.6}.app{min-height:100vh}.navbar{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:.875rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand .logo{font-size:1.375rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-brand .logo:before{content:"◆";margin-right:.5rem;font-size:.75rem;-webkit-text-fill-color:var(--primary-light);vertical-align:middle}.nav-links{display:flex;gap:.25rem}.nav-links a{color:var(--text-secondary);text-decoration:none;padding:.625rem 1.25rem;border-radius:12px;font-weight:500;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.nav-links a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:0;transition:opacity .25s}.nav-links a:hover{color:var(--text-primary);background:#6366f11a}.nav-links a.active{color:var(--text-primary);background:linear-gradient(135deg,#6366f133,#06b6d426);box-shadow:var(--glow-primary)}.main-content{padding:2rem;max-width:1400px;margin:0 auto}.dashboard{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}.stat-card{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(17,24,39,.6) 100%);border:1px solid var(--border);border-radius:20px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:0;transition:opacity .3s}.stat-card:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--glow-primary)}.stat-card:hover:before{opacity:1}.stat-card.success{border-color:#10b9814d}.stat-card.success:hover{border-color:var(--success);box-shadow:var(--glow-success)}.stat-card.success:before{background:linear-gradient(90deg,var(--success),var(--success-light))}.stat-card.danger{border-color:#f43f5e4d}.stat-card.danger:hover{border-color:var(--danger);box-shadow:var(--glow-danger)}.stat-card.danger:before{background:linear-gradient(90deg,var(--danger),var(--danger-light))}.stat-value{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.success .stat-value{background:linear-gradient(135deg,var(--success),var(--success-light));-webkit-background-clip:text;background-clip:text}.stat-card.danger .stat-value{background:linear-gradient(135deg,var(--danger),var(--danger-light));-webkit-background-clip:text;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.375rem;font-weight:500}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.chart-card{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(17,24,39,.6) 100%);border:1px solid var(--border);border-radius:20px;padding:1.5rem;transition:all .3s}.chart-card:hover{border-color:var(--primary);box-shadow:var(--glow-primary)}.chart-card h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.table-card{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(17,24,39,.6) 100%);border:1px solid var(--border);border-radius:20px;padding:1.5rem;overflow:hidden}.table-card h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}table{width:100%;border-collapse:separate;border-spacing:0}thead tr{background:#0003}th{padding:1rem;text-align:right;font-weight:600;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}td{padding:1rem;font-size:.9rem;border-bottom:1px solid var(--border-light)}tbody tr{transition:background .2s}tbody tr:hover{background:#6366f114}.positive{color:var(--success);font-weight:600}.negative{color:var(--danger);font-weight:600}.stocks-page{animation:fadeIn .5s ease-out}.stocks-page h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filters{display:flex;gap:.5rem;margin-bottom:2rem}.filters button{padding:.625rem 1.25rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);color:var(--text-secondary);font-family:inherit;font-weight:500;cursor:pointer;transition:all .25s}.filters button:hover{border-color:var(--primary);color:var(--text-primary)}.filters button.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:transparent;color:#fff;box-shadow:var(--glow-primary)}.stocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.stock-card{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(17,24,39,.6) 100%);border:1px solid var(--border);border-radius:20px;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.stock-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(145deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.stock-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:var(--glow-primary)}.stock-card:hover:before{opacity:1;background:linear-gradient(145deg,var(--primary),var(--secondary))}.stock-card.closed{opacity:.6}.stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.stock-symbol{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.stock-change{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.stock-change.positive{background:#10b98126;color:var(--success)}.stock-change.negative{background:#f43f5e26;color:var(--danger)}.stock-name{color:var(--text-muted);font-size:.8rem;margin-bottom:.75rem}.stock-price{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.stock-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);padding-top:.75rem;border-top:1px solid var(--border-light)}.stock-details span{color:var(--text-muted)}.stock-type{display:inline-block;margin-top:.75rem;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;background:#6366f126;color:var(--primary-light)}.admin-page{animation:fadeIn .5s ease-out}.admin-page h1{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--bg-card);padding:.375rem;border-radius:16px;width:fit-content}.admin-tabs button{padding:.75rem 1.5rem;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);font-family:inherit;font-weight:500;cursor:pointer;transition:all .25s}.admin-tabs button:hover{color:var(--text-primary)}.admin-tabs button.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--glow-primary)}.admin-section{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(17,24,39,.6) 100%);border:1px solid var(--border);border-radius:20px;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1rem;font-weight:600;color:var(--text-secondary)}.btn-primary{padding:.625rem 1.25rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-family:inherit;font-weight:600;cursor:pointer;transition:all .25s}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-primary)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge.active{background:#10b98126;color:var(--success)}.badge.inactive{background:#6b728026;color:var(--text-muted)}.badge.vip{background:linear-gradient(135deg,#f59e0b33,#eab30826);color:#f59e0b}.badge.pro{background:#3b82f626;color:#3b82f6}.badge.free{background:#6b728026;color:var(--text-muted)}.badge.long,.badge.buy{background:#10b98126;color:var(--success)}.badge.short,.badge.sell{background:#f43f5e26;color:var(--danger)}.btn-edit,.btn-delete{padding:.375rem .75rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8rem;cursor:pointer;margin-right:.5rem;transition:all .2s}.btn-edit:hover{border-color:var(--info);color:var(--info);background:#3b82f61a}.btn-delete:hover{border-color:var(--danger);color:var(--danger);background:#f43f5e1a}.alerts-list{display:flex;flex-direction:column;gap:.75rem}.alert-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:#0003;border:1px solid var(--border-light)}.alert-item.success{border-color:#10b9814d;background:#10b9810d}.alert-item.warning{border-color:#f59e0b4d;background:#f59e0b0d}.alert-item.info{border-color:#3b82f64d;background:#3b82f60d}.alert-symbol{font-weight:700;color:var(--primary-light)}.alert-message{flex:1;color:var(--text-secondary)}.alert-time{font-size:.8rem;color:var(--text-muted)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.main-content{padding:1rem}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.75rem}.stocks-grid{grid-template-columns:1fr}.admin-tabs{width:100%;overflow-x:auto}table{font-size:.8rem}th,td{padding:.75rem .5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{display:flex;justify-content:center;align-items:center;min-height:300px;color:var(--text-muted)}.loading:after{content:"";width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}