:root{color-scheme:dark;--bg: #070a12;--bg-2: #0a0e1a;--panel: rgba(17, 22, 37, .72);--panel-2: rgba(22, 29, 48, .6);--panel-strong: rgba(24, 31, 52, .95);--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #eaf0ff;--text-dim: #b7c0d8;--muted: #828eac;--primary: #00ffb2;--primary-soft: rgba(0, 255, 178, .12);--primary-line: rgba(0, 255, 178, .28);--accent: #34d0ff;--secondary: #8e6cff;--danger: #ff5c6c;--success: #20d18a;--ink: #04140f;--radius: 18px;--radius-lg: 22px;--shadow: 0 18px 50px rgba(0, 0, 0, .35);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .25);--transition: all .2s ease;--font-sans: "Inter", "Cairo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(1100px 520px at 100% -10%,rgba(52,208,255,.08),transparent 60%),radial-gradient(900px 500px at -5% 0%,rgba(0,255,178,.08),transparent 55%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);line-height:1.6;letter-spacing:.01em;overflow-x:hidden}[dir=rtl] body{font-family:"Cairo",var(--font-sans)}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--primary-soft)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-shell{min-height:100vh;display:grid;grid-template-columns:276px 1fr}.sidebar{position:sticky;top:0;height:100vh;align-self:start;padding:1.6rem 1.1rem;background:linear-gradient(180deg,#0c101ef2,#090c16eb);border-inline-end:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:1.6rem}.sidebar-brand{display:flex;align-items:center;gap:.85rem;padding:.4rem .5rem 1.2rem;border-bottom:1px solid var(--border)}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,var(--primary),var(--accent));font-size:1.3rem;color:var(--ink);font-weight:800;box-shadow:0 8px 22px #00ffb247}.sidebar-brand h1{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(120deg,#fff,var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-brand p{color:var(--muted);font-size:.78rem}.sidebar-nav{display:grid;gap:.25rem}.nav-link{position:relative;width:100%;display:flex;align-items:center;gap:.85rem;padding:.8rem .9rem;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-weight:600;font-size:.92rem;transition:var(--transition)}.nav-link i{width:22px;text-align:center;font-size:1rem;color:var(--muted);transition:var(--transition)}.nav-link:hover{background:#ffffff0a;color:var(--text)}.nav-link:hover i{color:var(--text)}.nav-link.active{background:var(--primary-soft);border-color:var(--primary-line);color:var(--primary)}.nav-link.active i{color:var(--primary)}.nav-link.active:before{content:"";position:absolute;inset-inline-start:-1.1rem;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:999px;background:var(--primary)}.sidebar-footer{margin-top:auto;display:grid;gap:.8rem}.profile-card{display:flex;align-items:center;gap:.75rem;border:1px solid var(--border);border-radius:14px;padding:.75rem;background:#ffffff05}.avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;font-weight:700}.profile-card strong{display:block;font-size:.9rem;margin-bottom:.1rem}.profile-card p{color:var(--muted);font-size:.78rem}.main-area{padding:1.6rem 2rem 3rem;position:relative;min-width:0}.topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.8rem}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:14px;background:#ffffff08;border:1px solid var(--border);transition:var(--transition)}.search-box:focus-within{border-color:var(--primary-line);background:#00ffb20a}.search-box i{color:var(--muted)}.search-box input{width:100%;background:transparent;border:none;color:var(--text);outline:none}.search-box input::placeholder{color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:.5rem}.icon-btn,.avatar-btn{position:relative;height:44px;min-width:44px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text-dim);display:grid;place-items:center;transition:var(--transition)}.icon-btn:hover,.avatar-btn:hover{transform:translateY(-1px);color:var(--primary);border-color:var(--primary-line);box-shadow:0 10px 26px #00ffb21f}.avatar-btn{padding:0 .7rem;display:inline-flex;align-items:center;gap:.45rem}.avatar-btn .fa-user-circle{font-size:1.3rem}.badge-dot{position:absolute;top:9px;inset-inline-end:9px;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px #00ffb22e}.page{display:none;animation:fadeIn .3s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.page-header h2{font-size:1.8rem;font-weight:800;letter-spacing:-.02em}.page-description{color:var(--muted);margin-top:.3rem;font-size:.92rem}.eyebrow{color:var(--primary);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:700}.status-chip{padding:.6rem .9rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border);color:var(--muted);font-size:.82rem;white-space:nowrap}.status-chip #market-sync{color:var(--text);font-variant-numeric:tabular-nums}.stats-grid,.dashboard-grid,.settings-grid{display:grid;gap:1.1rem}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.4rem}.dashboard-grid{grid-template-columns:1.6fr 1fr;margin-bottom:1.4rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chart-card,.allocation-card,.asset-table-card,.watchlist-card{min-height:300px}.stat-card{position:relative;display:flex;flex-direction:column;gap:.6rem;overflow:hidden}.stat-card:after{content:"";position:absolute;inset-inline-end:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--primary-soft),transparent 70%)}.stat-card strong{font-size:1.65rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-title{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600}.stat-card p{color:var(--muted);font-size:.8rem}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.card-header h3{font-size:1.05rem;font-weight:700;margin-bottom:.2rem}.card-header p{color:var(--muted);font-size:.85rem}.filter-group,.toggle-group{display:inline-flex;gap:.4rem;flex-wrap:wrap}.filter-btn,.toggle-btn,.btn,.btn-secondary,.btn-ghost{border:1px solid var(--border);border-radius:999px;padding:.5rem .9rem;background:#ffffff08;color:var(--text-dim);font-size:.85rem;font-weight:600;transition:var(--transition)}.filter-btn.active,.toggle-btn.active{background:var(--primary-soft);border-color:var(--primary-line);color:var(--primary)}.filter-btn:hover,.toggle-btn:hover,.btn-secondary:hover,.btn-ghost:hover{border-color:var(--border-strong);color:var(--text)}.btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--ink);border-color:transparent;font-weight:700}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-secondary{background:#ffffff0a}.btn-ghost{background:none}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--muted)!important}.badge{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.3rem .7rem;font-size:.76rem;background:#ffffff0f;color:var(--text-dim)}.badge-accent{background:var(--primary-soft);color:var(--primary)}.chart-canvas-wrap{position:relative;height:300px;width:100%}.chart-card canvas{border-radius:12px}.ticker-card .tk-price{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}.ticker-card .tk-change{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.movers-card .movers-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.movers-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.movers-label.up{color:var(--success)}.movers-label.down{color:var(--danger)}.movers-list{display:grid;gap:.3rem}.mover-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:10px;cursor:pointer;transition:var(--transition);font-size:.85rem}.mover-row:hover{background:#ffffff0a}.mover-sym{font-weight:700}.mover-px{color:var(--muted);font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.78rem}.mover-ch{font-weight:700;font-variant-numeric:tabular-nums;min-width:56px;text-align:end}.mover-empty{color:var(--muted);padding:.5rem}.allocation-content{display:grid;grid-template-columns:170px 1fr;gap:1.3rem;align-items:center}.allocation-legend{display:grid;gap:.6rem}.allocation-legend .legend-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:12px;background:#ffffff08;font-size:.88rem}.legend-color{width:11px;height:11px;border-radius:999px}table.data-table{width:100%;border-collapse:collapse}table.data-table th,table.data-table td{text-align:start;padding:.85rem .7rem;font-size:.9rem}table.data-table thead th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}table.data-table tbody tr{border-bottom:1px solid var(--border);transition:var(--transition)}table.data-table tbody tr:hover{background:#ffffff08}table.data-table td:nth-child(2),table.data-table td:nth-child(3){font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.85rem}.table-wrap{overflow-x:auto}.watchlist-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.asset-card-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.watchlist-item,.asset-card{padding:1rem;border-radius:14px;background:#ffffff08;border:1px solid var(--border);transition:var(--transition)}.asset-card:hover,.watchlist-item:hover{border-color:var(--primary-line);background:#00ffb20a;transform:translateY(-2px)}.watchlist-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.watchlist-item strong{font-size:1rem}.asset-card{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.asset-card .asset-info{display:flex;flex-direction:column;gap:.3rem;min-width:0}.asset-card .asset-info>span:first-child{color:var(--text);font-weight:700;font-size:.95rem}.asset-card .asset-info>span{font-size:.8rem;font-weight:600}.asset-card .asset-price{text-align:end}.asset-card strong{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.asset-card small{color:var(--muted)}.market-controls input:focus{outline:none;border-color:var(--primary-line)}.market-controls .toggle-btn{padding:.5rem .85rem}.fund-controls{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem;flex-wrap:wrap}.fund-controls input{flex:1;min-width:180px;padding:.7rem .95rem;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.fund-controls input:focus{outline:none;border-color:var(--primary-line)}.fund-controls input::placeholder{color:var(--muted)}.fund-controls select{border-radius:12px!important}.funds-view{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.funds-view table.data-table{grid-column:1 / -1}.fund-card{padding:1.1rem;border-radius:16px;background:#ffffff08;border:1px solid var(--border);transition:var(--transition)}.fund-card:hover{border-color:var(--primary-line);transform:translateY(-2px)}.fund-card-header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.fund-card-header strong{font-size:.95rem}.fund-card-chart{height:50px}.fund-card-footer,.setting-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}.setting-card p{color:var(--muted);font-size:.85rem;margin-top:.2rem}.switch{position:relative;width:52px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1f;border-radius:999px;transition:var(--transition)}.slider:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:var(--transition)}input:checked+.slider{background:linear-gradient(135deg,var(--primary),var(--accent))}input:checked+.slider:after{inset-inline-start:27px}.lang-switch{display:flex;align-items:center;gap:.5rem;color:var(--muted)}.lang-switch select{flex:1;background:var(--panel-strong);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.5rem .6rem;font-size:.85rem;cursor:pointer}.crypto-card .crypto-name{display:inline-flex;align-items:center;gap:.45rem;font-weight:700}.crypto-icon{width:20px;height:20px;border-radius:50%}.crypto-sub{font-size:.72rem;color:var(--muted);margin-top:.35rem}.toast-container{position:fixed;bottom:22px;inset-inline:0;margin-inline:auto;width:max-content;max-width:92vw;display:grid;gap:.6rem;z-index:2000}.toast{min-width:260px;padding:.85rem 1.1rem;border-radius:14px;background:#0c111ef7;border:1px solid var(--primary-line);box-shadow:var(--shadow);font-size:.9rem}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060912c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;gap:1rem;color:var(--text);z-index:3000}.loading-overlay.hidden{display:none}.loader{width:56px;height:56px;border-radius:50%;border:5px solid rgba(255,255,255,.08);border-top-color:var(--primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;height:auto;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.8rem;padding:.8rem 1rem}.sidebar-brand{border-bottom:none;padding:0}.sidebar-nav{display:flex;flex:1;overflow-x:auto;gap:.3rem;padding-bottom:.2rem}.nav-link{white-space:nowrap;padding:.6rem .8rem}.nav-link.active:before{display:none}.nav-link span{display:none}.nav-link i{font-size:1.05rem}.sidebar-footer{margin:0;display:flex;align-items:center;gap:.6rem}.profile-card{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid,.allocation-content{grid-template-columns:1fr}}@media (max-width: 768px){.main-area{padding:1.1rem}.topbar{flex-wrap:wrap}.search-box{order:3;width:100%}.page-header{flex-direction:column;align-items:flex-start}.page-header h2{font-size:1.45rem}.stats-grid{grid-template-columns:1fr 1fr;gap:.7rem}.stat-card strong{font-size:1.35rem}}