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