@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--mk-navy:#050505;--mk-navy-2:#121212;--mk-gold:#d9af3b;--mk-gold-2:#f5d36d;--mk-gold-soft:rgba(217,175,59,.10);--mk-green:#3dd08d;--mk-red:#ff6b6b;--mk-bg:#060606;--mk-card:#101010;--mk-border:rgba(217,175,59,.16);--mk-text:#f4ead0;--mk-muted:#b8aa83;--mk-shadow:0 16px 44px rgba(0,0,0,.30)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body.dashboard-page{direction:rtl;font-family:"Vazirmatn",Tahoma,Arial,sans-serif;background:radial-gradient(circle at 50% 0,rgba(217,175,59,.08),transparent 32rem),var(--mk-bg);color:var(--mk-text)}a{color:inherit}.web-shell{min-height:100vh}.web-sidebar{position:fixed;inset:0 0 0 auto;width:248px;z-index:40;direction:rtl;padding:20px 16px;background:rgba(9,9,9,.96);border-left:1px solid var(--mk-border);box-shadow:-12px 0 36px rgba(0,0,0,.22);backdrop-filter:blur(16px);transform:translateX(0);transition:transform .22s ease,box-shadow .22s ease}.web-main{width:min(1380px,calc(100% - 248px));margin-right:0;margin-left:auto;padding:18px 28px 50px;transition:width .22s ease,margin .22s ease}.web-shell.sidebar-collapsed .web-sidebar{transform:translateX(105%);box-shadow:none}.web-shell.sidebar-collapsed .web-main{width:min(1380px,100%);margin-inline:auto}.sidebar-close{position:absolute;left:10px;top:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mk-border);border-radius:9px;background:#111;color:var(--mk-muted);font:900 1.35rem/1 Arial,sans-serif;cursor:pointer;transition:.15s ease}.sidebar-close:hover{color:var(--mk-gold-2);border-color:rgba(245,211,109,.35);background:#15130d}
.sidebar-brand{display:flex;align-items:center;gap:10px;padding:7px 4px 17px;margin-bottom:8px;border-bottom:1px solid var(--mk-border)}.sidebar-mark{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#16130c;color:var(--mk-gold-2);font-weight:950}.sidebar-brand-title{font-weight:950;font-size:.97rem}.sidebar-brand-sub{color:var(--mk-muted);font-size:.72rem;margin-top:2px}.sidebar-user{margin:12px 0;padding:12px;border:1px solid var(--mk-border);border-radius:14px;background:#101010}.sidebar-user-name{font-weight:950}.sidebar-user-role,.sidebar-auth-title{color:var(--mk-muted);font-size:.72rem;margin-top:3px}.sidebar-auth-title{margin:12px 0 8px;font-weight:800}.sidebar-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.account-toolbar{display:flex;align-items:center;gap:9px;min-height:46px;margin-bottom:8px}.account-toolbar-spacer{flex:1}.account-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 11px;border:1px solid var(--mk-border);border-radius:999px;background:#101010;font-size:.78rem;font-weight:850}.account-chip small{color:var(--mk-muted);font-size:.65rem}.account-dot{width:7px;height:7px;border-radius:50%;background:var(--mk-green)}.guest-note{color:var(--mk-muted);font-size:.72rem}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--mk-border);background:#101010;color:var(--mk-text);width:42px;height:42px;border-radius:12px;font-size:1.2rem;cursor:pointer;transition:.15s ease}.sidebar-toggle:hover{color:var(--mk-gold-2);border-color:rgba(245,211,109,.35)}.btn{appearance:none;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:11px;border:1px solid var(--mk-border);background:#111;color:var(--mk-text);font:800 .78rem/1.4 "Vazirmatn",Tahoma,sans-serif;text-decoration:none;cursor:pointer;transition:.15s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(245,211,109,.35)}.btn-primary{border-color:rgba(245,211,109,.58);background:linear-gradient(135deg,var(--mk-gold-2),var(--mk-gold));color:#050505}.btn-block{width:100%;margin-top:8px}
.market-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin-bottom:14px;border-radius:20px;color:#fff;background:radial-gradient(circle at 8% 0,rgba(241,201,77,.20),transparent 26%),linear-gradient(135deg,#050505,#151515);border:1px solid var(--mk-border);box-shadow:0 16px 34px rgba(0,0,0,.22)}.market-brand{display:flex;align-items:center;gap:12px}.market-logo{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#050505;background:linear-gradient(145deg,var(--mk-gold-2),var(--mk-gold));font-weight:950}.market-title{font-size:1.18rem;font-weight:950}.market-subtitle{margin-top:3px;font-size:.77rem;color:rgba(255,255,255,.66)}.live-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:7px 11px;border-radius:999px;font-size:.74rem;font-weight:900;color:#effff8;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07)}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.market-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px;margin:0 0 15px;border:1px solid var(--mk-border);border-radius:18px;background:rgba(15,15,15,.9)}.market-tab{height:48px;border:1px solid transparent;border-radius:12px;background:#111;color:#b9ad8e;font:900 .86rem "Vazirmatn",Tahoma,sans-serif;cursor:pointer}.market-tab:hover{color:var(--mk-text);border-color:var(--mk-border)}.market-tab.active{color:#050505;border-color:rgba(245,211,109,.42);background:linear-gradient(135deg,var(--mk-gold-2),var(--mk-gold));box-shadow:0 7px 20px rgba(217,175,59,.13)}.tab-panel{display:none}.tab-panel.active{display:block}
.control-grid{display:grid;gap:12px;margin:4px 0 10px}.control-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.control-field{display:flex;flex-direction:column;gap:6px;color:var(--mk-muted);font-size:.74rem;font-weight:850}.control-field select,.modal-card input{width:100%;min-height:44px;padding:8px 11px;border:1px solid var(--mk-border);border-radius:11px;outline:none;background:#101010;color:var(--mk-text);font:700 .78rem "Vazirmatn",Tahoma,sans-serif}.control-field select:focus,.modal-card input:focus{border-color:rgba(245,211,109,.55);box-shadow:0 0 0 3px rgba(217,175,59,.08)}.controls-title{margin:2px 0 5px;color:var(--mk-muted);font-size:.67rem;font-weight:850}.chart-controls{margin:7px 0 8px;align-items:end}.period-switch{display:flex;flex-wrap:wrap;gap:5px;width:fit-content;padding:4px;border-radius:12px;background:#0d0d0d;border:1px solid rgba(217,175,59,.08)}.period-btn{border:0;padding:7px 11px;border-radius:9px;background:transparent;color:#9d9278;font:800 .72rem "Vazirmatn",Tahoma,sans-serif;cursor:pointer}.period-btn.active{background:rgba(245,211,109,.95);color:#050505;box-shadow:0 2px 10px rgba(217,175,59,.14)}
.market-card{position:relative;overflow:hidden;margin-top:12px;padding:20px 22px;min-height:205px;border:1px solid var(--mk-border);border-radius:20px;background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(13,13,14,.98));box-shadow:var(--mk-shadow)}.market-card::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;left:-78px;top:-82px;opacity:.10}.market-card.gold::before,.market-card.dollar::before{background:var(--mk-gold)}.market-card.ounce::before{background:var(--mk-green)}.market-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.market-kicker{font-size:.69rem;font-weight:950;letter-spacing:.07em;color:var(--mk-muted);direction:ltr;text-align:right}.market-card-title{font-size:.98rem;font-weight:950;margin-top:5px}.market-live-mini{display:inline-flex;align-items:center;gap:6px;color:var(--mk-green);background:rgba(61,208,141,.08);border:1px solid rgba(61,208,141,.18);font-size:.69rem;font-weight:900;border-radius:999px;padding:5px 8px}.market-live-mini::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mk-green)}.market-value-row{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin-top:14px}.market-value{font-size:clamp(2rem,3vw,2.75rem);line-height:1;font-weight:950;direction:ltr;unicode-bidi:isolate}.market-currency{font-size:.78rem;font-weight:850;color:var(--mk-muted);padding-bottom:4px}.source-chip{display:inline-flex;margin-top:11px;padding:5px 9px;border-radius:999px;color:#e5d8b5;background:rgba(217,175,59,.08);border:1px solid rgba(217,175,59,.13);font-size:.71rem;font-weight:850}.market-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid var(--mk-border)}.stat-box{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:8px 11px;border:1px solid rgba(217,175,59,.10);border-radius:12px;background:#0d0d0d}.stat-label{font-size:.66rem;color:#968b70;font-weight:700}.stat-value{font-size:.92rem;font-weight:900;direction:ltr;text-align:right}.change-positive{color:var(--mk-green)}.change-negative{color:var(--mk-red)}.change-neutral{color:var(--mk-muted)}
.chart-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0 7px;padding:12px 14px;border:1px solid var(--mk-border);border-radius:15px;background:#101010;overflow:hidden}.chart-head::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--mk-gold-2),var(--mk-gold))}.chart-heading{display:flex;align-items:center;gap:10px}.chart-heading-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--mk-gold-2);background:rgba(217,175,59,.08);border:1px solid rgba(217,175,59,.18);font-weight:900}.chart-eyebrow{color:#8f856c;font-size:.61rem}.chart-title{font-size:.91rem;font-weight:900}.chart-note{padding:5px 9px;border-radius:999px;color:var(--mk-gold-2);background:rgba(217,175,59,.07);border:1px solid rgba(217,175,59,.15);font-size:.66rem;font-weight:800}.chart-card{position:relative;min-height:385px;margin-top:5px;padding:10px 8px 4px;border:1px solid var(--mk-border);border-radius:18px;background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(13,13,14,.98));box-shadow:var(--mk-shadow);overflow:hidden;direction:ltr}.market-svg{width:100%;height:auto;display:block;overflow:visible}.chart-grid{stroke:rgba(217,175,59,.10);stroke-width:1}.chart-axis-label{fill:#8d8268;font:11px "Vazirmatn",Tahoma,sans-serif}.chart-hover-line{stroke:rgba(245,211,109,.42);stroke-width:1;stroke-dasharray:4 4}.chart-hit{cursor:crosshair}.chart-tooltip{position:absolute;transform:translate(-50%,-100%);z-index:5;min-width:128px;padding:8px 10px;border-radius:10px;background:#050505;border:1px solid rgba(245,211,109,.28);box-shadow:0 10px 28px rgba(0,0,0,.35);color:#fff;direction:rtl;text-align:right;pointer-events:none}.chart-tooltip strong,.chart-tooltip span{display:block;white-space:nowrap}.chart-tooltip strong{color:var(--mk-gold-2);font-size:.78rem}.chart-tooltip span{margin-top:2px;color:#b9ae91;font-size:.64rem}
.empty-state{padding:34px 22px;text-align:center;border:1px dashed rgba(217,175,59,.18);border-radius:18px;background:#0e0e0e;color:var(--mk-muted);margin-top:12px}.empty-state.embedded{margin:0;min-height:360px;display:flex;flex-direction:column;justify-content:center;direction:rtl}.empty-icon{width:46px;height:46px;border-radius:14px;margin:0 auto 11px;display:flex;align-items:center;justify-content:center;background:var(--mk-gold-soft);color:var(--mk-gold-2);font-size:1.2rem}.empty-title{font-size:.96rem;font-weight:950;color:var(--mk-text);margin-bottom:4px}.empty-copy{font-size:.79rem;line-height:1.85}.provider-note,.provider-warning{margin:8px 0 3px;padding:8px 11px;border-radius:11px;font-size:.68rem;line-height:1.75}.provider-note{color:#b6aa8c;border:1px solid rgba(217,175,59,.12);background:#0e0e0e}.provider-warning{color:#f1cf7a;border:1px solid rgba(217,175,59,.25);background:rgba(217,175,59,.07)}.skeleton-card{background:linear-gradient(90deg,#0e0e0e,#151515,#0e0e0e)!important;background-size:200% 100%!important;animation:skeleton 1.2s infinite linear}@keyframes skeleton{to{background-position:-200% 0}}
.modal{position:fixed;inset:0;display:none;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));padding:22px;border:1px solid var(--mk-border);border-radius:20px;background:#101010;box-shadow:0 28px 80px rgba(0,0,0,.55)}.modal-card h2{margin:0 0 5px;font-size:1.15rem}.modal-card p{margin:0 0 16px;color:var(--mk-muted);font-size:.76rem;line-height:1.8}.modal-card label{display:block;margin:10px 0;color:var(--mk-muted);font-size:.72rem;font-weight:800}.modal-card label input{margin-top:5px}.modal-close{position:absolute;left:12px;top:10px;border:0;background:none;color:#b9ad8e;font-size:1.5rem;cursor:pointer}.flash-stack{position:fixed;z-index:150;top:14px;left:50%;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));display:grid;gap:8px}.flash{padding:11px 14px;border-radius:12px;font:750 .76rem/1.7 "Vazirmatn",Tahoma,sans-serif;box-shadow:0 12px 30px rgba(0,0,0,.3)}.flash-success{color:#c9ffe5;border:1px solid rgba(61,208,141,.25);background:rgba(10,52,35,.95)}.flash-error{color:#ffd3d3;border:1px solid rgba(255,107,107,.25);background:rgba(61,14,14,.95)}.simple-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--mk-bg);font-family:"Vazirmatn",Tahoma,sans-serif}.error-state{width:min(560px,100%)}
@media(max-width:900px){.web-sidebar{width:260px;transform:translateX(105%);box-shadow:-12px 0 36px rgba(0,0,0,.28)}.web-sidebar.open{transform:translateX(0)}.web-shell.sidebar-collapsed .web-sidebar{transform:translateX(105%)}.web-main,.web-shell.sidebar-collapsed .web-main{width:100%;margin:0;padding:14px 14px 40px}.market-subtitle{display:none}}@media(max-width:650px){.account-toolbar{gap:6px}.account-toolbar .btn{padding:7px 10px;font-size:.7rem}.account-toolbar .guest-note{display:none}.market-topbar{padding:15px 14px}.market-title{font-size:.98rem}.market-tabs{gap:5px;padding:5px}.market-tab{height:44px;font-size:.73rem}.control-grid.two{grid-template-columns:1fr}.market-card{padding:16px}.market-stats{gap:5px}.stat-box{padding:7px}.stat-label{font-size:.59rem}.stat-value{font-size:.78rem}.chart-card{min-height:330px;padding:6px 2px}.empty-state.embedded{min-height:310px}.chart-axis-label{font-size:9px}.period-btn{padding:6px 8px;font-size:.65rem}}