.portal-root{--pblack:#0a0a0a;--psurface:#111;--psurface2:#1a1a1a;--psurface3:#222;--pemerald:#1a5c45;--pemerald-light:#2a7a5c;--pemerald-glow:rgba(26,92,69,.12);--pgold:#b8974a;--pgold-light:#d4b06a;--pgold-dim:rgba(184,151,74,.15);--pcream:#f5f0e8;--psec:#a89a82;--pmuted:#5a5248;--pred:#c0392b;--pred-dim:rgba(192,57,43,.12);--pgreen:#1a7a5c;--pgreen-dim:rgba(26,122,92,.12);--pblue:#2563a8;--pblue-dim:rgba(37,99,168,.12);--pamber:#b8740a;--pamber-dim:rgba(184,116,10,.12);--pborder:rgba(184,151,74,.12);--pborder2:rgba(184,151,74,.22);background:var(--pblack);color:var(--pcream);font-family:Jost,sans-serif;font-weight:300;line-height:1.6;min-height:100vh}.portal-root *{box-sizing:border-box}.portal-root .switcher{position:fixed;top:0;left:0;right:0;z-index:50;background:#0a0a0af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:.5px solid var(--pborder);display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px}.portal-root .switcher-brand{font-family:Cormorant Garamond,serif;font-size:20px;font-weight:300;display:flex;align-items:center;gap:12px;color:var(--pcream);text-decoration:none}.portal-root .switcher-arabic{font-size:12px;color:#b8974a73;font-style:italic}.portal-root .switcher-tabs{display:flex;gap:4px}.portal-root .tab-btn{padding:8px 24px;font-family:Jost,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border:.5px solid transparent;background:transparent;color:var(--pmuted);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.portal-root .tab-btn.active{background:var(--pgold-dim);border-color:var(--pgold);color:var(--pgold)}.portal-root .tab-btn:hover:not(.active){color:var(--pcream);border-color:var(--pborder2)}.portal-root .switcher-right{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--pmuted)}.portal-root .signout-btn{background:transparent;border:.5px solid var(--pborder);color:var(--psec);padding:6px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-family:inherit}.portal-root .signout-btn:hover{color:var(--pcream);border-color:var(--pborder2)}.portal-root .pwrap{display:flex;padding-top:56px;min-height:100vh}.portal-root .sidebar{width:240px;background:var(--psurface);border-right:.5px solid var(--pborder);position:sticky;top:56px;height:calc(100vh - 56px);overflow-y:auto;flex-shrink:0}.portal-root .sidebar-user{padding:28px 24px 20px;border-bottom:.5px solid var(--pborder)}.portal-root .sidebar-avatar{width:44px;height:44px;border-radius:50%;background:var(--pgold-dim);border:.5px solid var(--pgold);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:16px;color:var(--pgold);margin-bottom:10px}.portal-root .sidebar-name{font-size:14px;color:var(--pcream);margin-bottom:2px}.portal-root .sidebar-sub{font-size:11px;color:var(--pmuted);letter-spacing:.08em}.portal-root .sidebar-badge{display:inline-block;margin-top:6px;padding:2px 8px;background:var(--pemerald-glow);border:.5px solid var(--pemerald-light);color:var(--pemerald-light);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.portal-root .sidebar-nav{padding:16px 0}.portal-root .nav-section-label{font-size:9px;letter-spacing:.18em;color:var(--pmuted);text-transform:uppercase;padding:12px 24px 6px}.portal-root .nav-item{display:flex;align-items:center;gap:12px;padding:10px 24px;font-size:13px;color:var(--psec);cursor:pointer;transition:all .25s ease;border-left:2px solid transparent;text-decoration:none}.portal-root .nav-item:hover{color:var(--pcream);background:#f5f0e808}.portal-root .nav-item.active{color:var(--pgold);background:var(--pgold-dim);border-left-color:var(--pgold)}.portal-root .nav-icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.portal-root .nav-badge{margin-left:auto;background:var(--pemerald);color:var(--pcream);font-size:9px;padding:2px 6px;font-family:Space Mono,monospace}.portal-root .main-content{flex:1;overflow-y:auto;background:var(--pblack)}.portal-root .page{padding:40px}.portal-root .page-header{margin-bottom:36px}.portal-root .page-eyebrow{font-size:10px;letter-spacing:.2em;color:var(--pgold);text-transform:uppercase;margin-bottom:6px}.portal-root .page-title{font-family:Cormorant Garamond,serif;font-size:36px;font-weight:300;color:var(--pcream);margin-bottom:4px}.portal-root .page-sub{font-size:13px;color:var(--pmuted)}.portal-root .metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--pborder);margin-bottom:32px}.portal-root .metric-card{background:var(--psurface);padding:24px;position:relative;overflow:hidden}.portal-root .metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1.5px}.portal-root .metric-card.gold-top:before{background:linear-gradient(90deg,transparent,var(--pgold),transparent)}.portal-root .metric-card.emerald-top:before{background:linear-gradient(90deg,transparent,var(--pemerald-light),transparent)}.portal-root .metric-card.blue-top:before{background:linear-gradient(90deg,transparent,#2563a8,transparent)}.portal-root .metric-label{font-size:10px;letter-spacing:.16em;color:var(--pmuted);text-transform:uppercase;margin-bottom:10px}.portal-root .metric-value{font-family:Space Mono,monospace;font-size:28px;color:var(--pcream);margin-bottom:6px}.portal-root .metric-change{font-size:11px;display:flex;align-items:center;gap:4px}.portal-root .metric-change.up{color:#2a7a5c}.portal-root .metric-change.down{color:#c0392b}.portal-root .metric-sub{font-size:11px;color:var(--pmuted);margin-top:4px}.portal-root .chart-row{display:grid;grid-template-columns:2fr 1fr;gap:1px;background:var(--pborder);margin-bottom:32px}.portal-root .chart-card,.portal-root .chart-card-3{background:var(--psurface);padding:28px}.portal-root .chart-title{font-family:Cormorant Garamond,serif;font-size:20px;color:var(--pcream);margin-bottom:4px}.portal-root .chart-sub{font-size:11px;color:var(--pmuted);margin-bottom:24px}.portal-root .bar-chart{display:flex;align-items:flex-end;gap:8px;height:140px;padding-bottom:24px;position:relative}.portal-root .bar-chart:after{content:"";position:absolute;bottom:24px;left:0;right:0;height:.5px;background:var(--pborder)}.portal-root .bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.portal-root .bar{width:100%;background:var(--pgold-dim);border-top:1.5px solid var(--pgold);transition:background .3s ease}.portal-root .bar:hover{background:#b8974a40}.portal-root .bar-label{font-family:Space Mono,monospace;font-size:9px;color:var(--pmuted);text-align:center}.portal-root .donut-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.portal-root .donut{position:relative;width:120px;height:120px}.portal-root .donut svg{transform:rotate(-90deg)}.portal-root .donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.portal-root .donut-val{font-family:Space Mono,monospace;font-size:18px;color:var(--pcream)}.portal-root .donut-lbl{font-size:10px;color:var(--pmuted)}.portal-root .donut-legend{width:100%}.portal-root .legend-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:.5px solid var(--pborder)}.portal-root .legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.portal-root .legend-name{font-size:12px;color:var(--psec);flex:1}.portal-root .legend-pct{font-family:Space Mono,monospace;font-size:11px;color:var(--pcream)}.portal-root .table-card{background:var(--psurface);border:.5px solid var(--pborder);margin-bottom:24px}.portal-root .table-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:.5px solid var(--pborder)}.portal-root .table-title{font-family:Cormorant Garamond,serif;font-size:20px;color:var(--pcream)}.portal-root .table-action{font-size:11px;letter-spacing:.1em;color:var(--pgold);cursor:pointer;text-transform:uppercase;padding:6px 14px;border:.5px solid var(--pgold);transition:all .3s ease;background:transparent;font-family:inherit}.portal-root .table-action:hover{background:var(--pgold-dim)}.portal-root table{width:100%;border-collapse:collapse}.portal-root th{font-size:10px;letter-spacing:.14em;color:var(--pmuted);text-transform:uppercase;padding:10px 24px;text-align:left;border-bottom:.5px solid var(--pborder);font-weight:300}.portal-root td{font-size:13px;color:var(--psec);padding:14px 24px;border-bottom:.5px solid rgba(184,151,74,.05)}.portal-root tr:last-child td{border-bottom:none}.portal-root tr:hover td{background:#f5f0e805;color:var(--pcream)}.portal-root td.mono{font-family:Space Mono,monospace;font-size:12px}.portal-root td.name{color:var(--pcream)}.portal-root .status{display:inline-block;padding:3px 10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-family:Space Mono,monospace}.portal-root .status.confirmed,.portal-root .status.active,.portal-root .status.paid{background:var(--pgreen-dim);color:#2a9a6c;border:.5px solid rgba(42,154,108,.3)}.portal-root .status.shipped{background:var(--pblue-dim);color:#4a8fd4;border:.5px solid rgba(74,143,212,.3)}.portal-root .status.pending{background:var(--pamber-dim);color:#d4940a;border:.5px solid rgba(212,148,10,.3)}.portal-root .status.delivered{background:var(--pgold-dim);color:var(--pgold);border:.5px solid rgba(184,151,74,.3)}.portal-root .two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--pborder);margin-bottom:24px}.portal-root .two-col-card{background:var(--psurface);padding:24px}.portal-root .activity-item{display:flex;gap:14px;padding:14px 0;border-bottom:.5px solid var(--pborder)}.portal-root .activity-item:last-child{border-bottom:none}.portal-root .activity-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.portal-root .activity-dot.gold{background:var(--pgold)}.portal-root .activity-dot.emerald{background:var(--pemerald-light)}.portal-root .activity-dot.blue{background:#4a8fd4}.portal-root .activity-text{font-size:13px;color:var(--psec);line-height:1.5;flex:1}.portal-root .activity-text strong{color:var(--pcream);font-weight:300}.portal-root .activity-time{font-family:Space Mono,monospace;font-size:10px;color:var(--pmuted);white-space:nowrap;margin-top:2px}.portal-root .progress-row{margin-bottom:14px}.portal-root .progress-label{display:flex;justify-content:space-between;margin-bottom:6px}.portal-root .progress-name{font-size:12px;color:var(--psec)}.portal-root .progress-val{font-family:Space Mono,monospace;font-size:11px;color:var(--pcream)}.portal-root .progress-track{height:2px;background:#b8974a1a;position:relative;overflow:hidden}.portal-root .progress-fill{height:100%;background:linear-gradient(90deg,var(--pemerald-light),var(--pgold));transition:width 1s ease}.portal-root .journey-steps{display:flex;gap:0;margin-bottom:32px}.portal-root .journey-step{flex:1;padding:20px 16px;background:var(--psurface);border-right:.5px solid var(--pborder);text-align:center}.portal-root .journey-step:last-child{border-right:none}.portal-root .journey-step.done{background:var(--pemerald-glow)}.portal-root .journey-step.active{background:var(--pgold-dim)}.portal-root .journey-icon{font-size:20px;margin-bottom:8px}.portal-root .journey-step-name{font-size:12px;color:var(--pcream);margin-bottom:4px}.portal-root .journey-step-sub{font-size:10px;color:var(--pmuted)}.portal-root .dhikr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.portal-root .dhikr-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:Space Mono,monospace;color:var(--pmuted);border:.5px solid var(--pborder);cursor:pointer;transition:all .2s ease;background:transparent}.portal-root .dhikr-day.done{background:var(--pemerald-glow);border-color:var(--pemerald-light);color:var(--pemerald-light)}.portal-root .dhikr-day.today{border-color:var(--pgold);color:var(--pgold)}.portal-root .dhikr-day:hover:not(.done){border-color:var(--pgold);color:var(--pgold)}.portal-root .barakah-display{text-align:center;padding:28px;background:var(--pgold-dim);border:.5px solid rgba(184,151,74,.25);margin-bottom:24px}.portal-root .barakah-val{font-family:Cormorant Garamond,serif;font-size:56px;font-weight:300;color:var(--pgold);line-height:1}.portal-root .barakah-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--pgold);margin-top:4px;opacity:.7}.portal-root .barakah-sub{font-size:12px;color:var(--pmuted);margin-top:8px}.portal-root .order-card{background:var(--psurface2);border:.5px solid var(--pborder);padding:20px;margin-bottom:12px;display:flex;gap:20px;align-items:center}.portal-root .order-thumb{width:56px;height:56px;background:var(--psurface3);border:.5px solid var(--pborder);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:Cormorant Garamond,serif;font-size:18px;color:#b8974a66}.portal-root .order-info{flex:1}.portal-root .order-name{font-family:Cormorant Garamond,serif;font-size:18px;color:var(--pcream);margin-bottom:2px}.portal-root .order-detail{font-size:12px;color:var(--pmuted)}.portal-root .order-price{font-family:Space Mono,monospace;font-size:14px;color:var(--pcream)}.portal-root .intention-card{background:var(--psurface2);border:.5px solid var(--pborder);padding:20px;margin-bottom:12px}.portal-root .intention-quote{font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;color:var(--pcream);line-height:1.5;margin-bottom:8px}.portal-root .intention-meta{font-size:11px;color:var(--pmuted)}.portal-root .quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--pborder);margin-bottom:32px}.portal-root .quick-action{background:var(--psurface);padding:18px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;border-left:2px solid transparent;text-decoration:none}.portal-root .quick-action:hover{background:#f5f0e808;border-left-color:var(--pgold)}.portal-root .qa-icon{font-size:20px;width:36px;height:36px;background:var(--pgold-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--pgold)}.portal-root .qa-label{font-size:13px;color:var(--pcream)}.portal-root .qa-sub{font-size:11px;color:var(--pmuted)}.portal-root .inventory-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:.5px solid var(--pborder)}.portal-root .inv-swatch{width:32px;height:32px;border:.5px solid var(--pborder);flex-shrink:0}.portal-root .inv-name{flex:1;font-size:13px;color:var(--pcream)}.portal-root .inv-sub{font-size:11px;color:var(--pmuted)}.portal-root .inv-stock{font-family:Space Mono,monospace;font-size:12px;padding:3px 10px}.portal-root .inv-stock.low{background:var(--pred-dim);color:#e05a4a;border:.5px solid rgba(224,90,74,.3)}.portal-root .inv-stock.ok{background:var(--pgreen-dim);color:#2a9a6c;border:.5px solid rgba(42,154,108,.3)}.portal-root .inv-stock.medium{background:var(--pamber-dim);color:#d4940a;border:.5px solid rgba(212,148,10,.3)}.portal-root .alert{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;margin-bottom:12px;border-left:2px solid}.portal-root .alert.warning{background:var(--pamber-dim);border-color:#d4940a}.portal-root .alert.danger{background:var(--pred-dim);border-color:#c0392b}.portal-root .alert.info{background:var(--pblue-dim);border-color:#4a8fd4}.portal-root .alert.success{background:var(--pgreen-dim);border-color:#2a9a6c}.portal-root .alert-icon{font-size:16px;margin-top:1px;color:var(--pcream)}.portal-root .alert-text{font-size:13px;color:var(--pcream);line-height:1.5}.portal-root .alert-text strong{font-weight:500}.portal-root .toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:.5px solid var(--pborder)}.portal-root .toggle-label{font-size:13px;color:var(--pcream)}.portal-root .toggle-sub{font-size:11px;color:var(--pmuted)}.portal-root .toggle{width:36px;height:20px;background:var(--psurface3);border:.5px solid var(--pborder2);border-radius:10px;position:relative;cursor:pointer;transition:background .3s ease;flex-shrink:0}.portal-root .toggle.on{background:var(--pemerald)}.portal-root .toggle:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--pmuted);transition:all .3s ease}.portal-root .toggle.on:after{left:19px;background:var(--pcream)}.portal-root .input,.portal-root textarea.input{width:100%;background:var(--psurface2);border:.5px solid var(--pborder);color:var(--pcream);padding:12px 14px;font-family:Jost,sans-serif;font-size:13px;outline:none;font-weight:300}.portal-root .input:focus{border-color:var(--pgold)}.portal-root .input-label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pmuted);margin-bottom:6px;margin-top:14px}.portal-root .btn-primary{width:100%;height:48px;background:var(--pemerald);color:var(--pcream);border:none;font-family:Jost,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s ease}.portal-root .btn-primary:hover{background:#2a7a5c}.portal-root .btn-primary:disabled{opacity:.5;cursor:not-allowed}.portal-root .btn-ghost{background:transparent;color:var(--pcream);border:.5px solid var(--pborder2);height:44px;padding:0 18px;font-family:Jost,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;width:100%}.portal-root .btn-ghost:hover{background:#f5f0e80a;border-color:var(--pgold)}@media(max-width:900px){.portal-root .metrics-grid,.portal-root .quick-actions{grid-template-columns:repeat(2,1fr)}.portal-root .chart-row,.portal-root .two-col{grid-template-columns:1fr}.portal-root .sidebar{width:200px}}