.dark,:root{--pco-bg:#000;--pco-bg-surface:hsla(0,0%,100%,.025);--pco-bg-elevated:hsla(0,0%,100%,.05);--pco-bg-hover:hsla(0,0%,100%,.06);--pco-bg-input:hsla(0,0%,100%,.04);--pco-text:#fff;--pco-text-secondary:hsla(0,0%,100%,.55);--pco-text-muted:hsla(0,0%,100%,.32);--pco-text-hint:hsla(0,0%,100%,.25);--pco-border:hsla(0,0%,100%,.06);--pco-border-hover:hsla(0,0%,100%,.12);--pco-border-focus:hsla(40,67%,71%,.4);--pco-shadow:0 8px 32px rgba(0,0,0,.5);--pco-shadow-sm:0 2px 8px rgba(0,0,0,.3);--pco-shadow-card:none;--pco-overlay:rgba(0,0,0,.7);--pco-backdrop:rgba(0,0,0,.6);--pco-topbar-bg:rgba(0,0,0,.6);--pco-topbar-border:hsla(0,0%,100%,.06);--pco-sidebar-bg:rgba(8,10,16,.95);--pco-sidebar-logo-bg:#000;--pco-sidebar-text:hsla(0,0%,100%,.5);--pco-sidebar-text-active:#e6c482;--pco-sidebar-text-hover:#fff;--pco-sidebar-group:hsla(0,0%,100%,.28);--pco-sidebar-border:hsla(0,0%,100%,.06);--pco-sidebar-hover:hsla(0,0%,100%,.04);--pco-sidebar-active-bg:hsla(40,67%,71%,.08);--pco-sidebar-avatar-text:#fff;--pco-sidebar-sub:hsla(0,0%,100%,.28);--pco-track:hsla(0,0%,100%,.08);--sb-success-bg:rgba(52,211,153,.12);--sb-success-text:#34d399;--sb-warning-bg:hsla(40,67%,71%,.12);--sb-warning-text:#e6c482;--sb-info-bg:rgba(116,181,236,.12);--sb-info-text:#74b5ec;--sb-accent-bg:rgba(140,82,255,.12);--sb-accent-text:#8c52ff;--sb-coral-bg:rgba(224,85,46,.12);--sb-coral-text:#e0552e;--sb-muted-bg:hsla(0,0%,100%,.05);--sb-muted-text:hsla(0,0%,100%,.32);--pco-success:#34d399;--pco-warning:#e6c482;--pco-error:#e0552e}.light{--pco-bg:#f7f7f5;--pco-bg-surface:#fff;--pco-bg-elevated:#f0eeeb;--pco-bg-hover:#eae8e4;--pco-bg-input:#fff;--pco-text:#0f2345;--pco-text-secondary:#3d4f65;--pco-text-muted:#7c8a9a;--pco-text-hint:#b0bac5;--pco-border:#e2e0dc;--pco-border-hover:#ccc9c4;--pco-border-focus:rgba(224,85,46,.5);--pco-shadow:0 8px 32px rgba(15,35,69,.08);--pco-shadow-sm:0 2px 8px rgba(15,35,69,.06);--pco-shadow-card:0 1px 3px rgba(15,35,69,.06),0 4px 16px rgba(15,35,69,.04);--pco-overlay:rgba(0,0,0,.3);--pco-backdrop:hsla(0,0%,100%,.85);--pco-topbar-bg:hsla(0,0%,100%,.92);--pco-topbar-border:rgba(15,35,69,.08);--pco-sidebar-bg:#f0f1f4;--pco-sidebar-logo-bg:#f7f8fa;--pco-sidebar-text:#5a6577;--pco-sidebar-text-active:#0f2345;--pco-sidebar-text-hover:#0f2345;--pco-sidebar-group:#8895a7;--pco-sidebar-border:#dfe1e6;--pco-sidebar-hover:rgba(15,35,69,.04);--pco-sidebar-active-bg:rgba(15,35,69,.07);--pco-sidebar-avatar-text:#fff;--pco-sidebar-sub:#8895a7;--pco-track:#e2e0dc;--sb-success-bg:rgba(5,150,105,.1);--sb-success-text:#059669;--sb-warning-bg:rgba(180,140,60,.1);--sb-warning-text:#92710a;--sb-info-bg:rgba(37,99,163,.08);--sb-info-text:#2563a3;--sb-accent-bg:rgba(109,40,217,.08);--sb-accent-text:#6d28d9;--sb-coral-bg:rgba(194,65,32,.08);--sb-coral-text:#c24120;--sb-muted-bg:rgba(15,35,69,.04);--sb-muted-text:#7c8a9a}.stic-bubble{background:rgba(15,35,69,.95)!important;border-color:hsla(40,67%,71%,.22)!important}:root{--pco-navy:#0f2345;--pco-coral:#e0552e;--pco-gold:#e6c482;--pco-sky:#74b5ec;--pco-purple:#8c52ff;--pco-forest:#05603d;--pco-black:#0a0a0a;--tier-color:#74b5ec;--tier-accent:#0f2345}*,:after,:before{transition-property:background-color,border-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease}.animate-pulse,.animate-spin,[data-no-transition],[data-no-transition] *{transition:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes chipGlow{0%,to{opacity:.8}50%{opacity:1}}.ani{animation:fadeUp .5s ease both}.a1{animation-delay:.05s}.a2{animation-delay:.1s}.a3{animation-delay:.15s}.a4{animation-delay:.2s}.a5{animation-delay:.25s}.pco-card{background:var(--pco-bg-surface);border:1px solid var(--pco-border);border-radius:16px;padding:24px;transition:border-color .2s,box-shadow .2s;box-shadow:var(--pco-shadow-card)}.pco-card:hover{border-color:var(--pco-border-hover)}.sb{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.sb-received{background:var(--sb-success-bg);color:var(--sb-success-text)}.sb-pending{background:var(--sb-warning-bg);color:var(--sb-warning-text)}.sb-transit{background:var(--sb-info-bg);color:var(--sb-info-text)}.sb-picked{background:var(--sb-accent-bg);color:var(--sb-accent-text)}.sb-scanned{background:var(--sb-info-bg);color:var(--sb-info-text)}.sb-forwarded{background:var(--sb-coral-bg);color:var(--sb-coral-text)}.sb-destroyed{background:var(--sb-muted-bg);color:var(--sb-muted-text)}.pco-table{width:100%;border-collapse:collapse}.pco-table th{text-align:left;font-size:11px;font-weight:600;color:var(--pco-text-muted);letter-spacing:.5px;text-transform:uppercase;padding:10px 12px}.pco-table td,.pco-table th{border-bottom:1px solid var(--pco-border)}.pco-table td{padding:14px 12px;font-size:13px;vertical-align:middle;color:var(--pco-text)}.pco-table tr:last-child td{border-bottom:none}.pco-table tr:hover td{background:var(--pco-bg-hover)}.stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}.pco-progress{height:6px;background:var(--pco-track);border-radius:3px;overflow:hidden;margin-top:12px}.pco-progress-fill{height:100%;border-radius:3px;transition:width .8s ease}.usage-meter{display:flex;align-items:center;gap:12px;margin-bottom:14px}.usage-meter-label{font-size:12px;color:var(--pco-text-secondary);width:100px;flex-shrink:0}.usage-meter-bar{flex:1;height:8px;background:var(--pco-track);border-radius:4px;overflow:hidden}.usage-meter-fill{height:100%;border-radius:4px;transition:width .6s ease}.usage-meter-value{font-size:12px;font-weight:600;width:60px;text-align:right;flex-shrink:0;color:var(--pco-text)}.pco-timeline{position:relative;padding-left:24px}.pco-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:var(--pco-border-hover)}.timeline-item{position:relative;padding-bottom:20px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-20px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--pco-bg-elevated);border:2px solid var(--pco-border-hover)}.timeline-item.active:before{background:var(--pco-gold);border-color:hsla(40,67%,71%,.4)}.timeline-time{font-size:11px;color:var(--pco-text-muted);margin-bottom:2px}.timeline-text{font-size:13px;color:var(--pco-text-secondary)}.act-progress{display:flex;align-items:center;gap:0;padding:0 4px}.act-step{flex:1;text-align:center;position:relative}.act-dot{width:32px;height:32px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:14px;border:2px solid var(--pco-border-hover);background:var(--pco-bg-elevated);transition:all .3s}.act-step.done .act-dot{background:var(--tier-color);border-color:var(--tier-color);color:#fff}.act-step.current .act-dot{border-color:var(--pco-gold);background:hsla(40,67%,71%,.12);color:var(--pco-gold);animation:pulse 2s ease infinite}.act-label{font-size:10px;color:var(--pco-text-muted);font-weight:500;line-height:1.3}.act-step.done .act-label{color:var(--pco-text-secondary)}.act-step.current .act-label{color:var(--pco-gold);font-weight:600}.act-line{flex:0 0 auto;width:40px;height:2px;background:var(--pco-track);margin-bottom:20px}.act-line.done{background:var(--tier-color)}.mem-card{width:100%;max-width:380px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 12px 40px rgba(0,0,0,.4);border:1.5px solid hsla(0,0%,100%,.1)}.mc-shimmer{inset:0;background:linear-gradient(110deg,transparent 30%,hsla(0,0%,100%,.04) 38%,hsla(0,0%,100%,.08) 42%,transparent 50%);background-size:200% 100%;animation:shimmer 4s ease infinite}.mc-amp,.mc-shimmer{position:absolute;pointer-events:none}.mc-amp{right:-15px;top:-5px;font-size:140px;font-weight:900;opacity:.04;line-height:1;font-family:Poppins,sans-serif}.pending-badge{gap:5px;padding:4px 12px;border-radius:20px;font-weight:700;border:1px solid hsla(40,67%,71%,.25);animation:pulse 2s ease infinite}.addon-tag,.pending-badge{display:inline-flex;align-items:center;font-size:11px;background:var(--sb-warning-bg);color:var(--sb-warning-text)}.addon-tag{gap:4px;padding:3px 10px;border-radius:12px;font-weight:600;border:1px solid hsla(40,67%,71%,.2)}.plan-hero{background:var(--pco-bg-surface);border:1px solid var(--pco-border);border-radius:20px;padding:32px;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:var(--pco-shadow-card)}.plan-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--tier-color),var(--tier-accent))}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--pco-bg-surface);border:1px solid var(--pco-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;box-shadow:var(--pco-shadow-card)}.quick-action:hover{background:var(--pco-bg-elevated);border-color:var(--pco-border-hover);transform:translateY(-2px)}.quick-action-icon{font-size:24px}.quick-action-label{font-size:12px;font-weight:500;color:var(--pco-text-secondary)}.btn-primary{padding:14px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#e0552e,#e6c482);color:#000;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:Poppins,sans-serif}.btn-primary:hover{transform:scale(1.02);box-shadow:0 4px 24px rgba(224,85,46,.3)}.btn-primary:active{transform:scale(.98)}.btn-secondary{padding:10px 24px;border-radius:8px;border:1px solid var(--pco-border-hover);background:var(--pco-bg-surface);color:var(--pco-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Poppins,sans-serif}.btn-secondary:hover{background:var(--pco-bg-elevated);border-color:var(--pco-text-muted)}.btn-ghost{padding:8px 16px;border-radius:8px;border:none;background:none;color:var(--pco-coral);font-size:13px;font-weight:600;cursor:pointer}.btn-ghost,.pco-input{font-family:Poppins,sans-serif}.pco-input{width:100%;padding:12px 16px;background:var(--pco-bg-input);border:1px solid var(--pco-border);border-radius:8px;color:var(--pco-text);font-size:14px;transition:border-color .2s;outline:none}.pco-input:focus{border-color:var(--pco-border-focus)}.pco-input::-moz-placeholder{color:var(--pco-text-hint)}.pco-input::placeholder{color:var(--pco-text-hint)}.pco-toast{position:fixed;top:20px;right:20px;z-index:500;background:var(--pco-bg-surface);border:1px solid var(--pco-border);border-radius:12px;padding:14px 20px;font-size:13px;display:none;align-items:center;gap:10px;animation:fadeUp .3s ease;backdrop-filter:blur(20px);max-width:360px;color:var(--pco-text);box-shadow:var(--pco-shadow)}.pco-toast.show{display:flex}.pco-toast.success{border-color:var(--sb-success-text)}.modal-overlay{position:fixed;inset:0;background:var(--pco-overlay);backdrop-filter:blur(8px);z-index:200;display:none;align-items:flex-end;justify-content:center;padding:0}.modal-overlay.show{display:flex}.modal-sheet{background:var(--pco-bg-surface);border-radius:20px 20px 0 0;padding:28px 24px 36px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;animation:fadeUp .3s ease;border:1px solid var(--pco-border);border-bottom:none;box-shadow:var(--pco-shadow)}.modal-handle{width:40px;height:4px;background:var(--pco-border-hover);border-radius:2px;margin:0 auto 20px}.dispo-option{padding:16px;border:1px solid var(--pco-border);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:14px}.dispo-option:hover{border-color:var(--pco-border-hover);background:var(--pco-bg-hover)}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:400px;background:var(--pco-bg-surface);border:1px solid var(--pco-border);border-radius:16px;box-shadow:var(--pco-shadow);overflow:hidden;display:none;z-index:200;backdrop-filter:blur(20px)}.notif-panel.show{display:block;animation:fadeUp .25s ease}.notif-item{padding:14px 16px;border-bottom:1px solid var(--pco-border);display:flex;gap:12px;transition:background .15s;cursor:default}.notif-item:hover{background:var(--pco-bg-hover)}.notif-item.unread{background:var(--sb-warning-bg)}.balance-card{background:linear-gradient(135deg,hsla(40,67%,71%,.1),rgba(224,85,46,.06));border:1px solid hsla(40,67%,71%,.15);border-radius:16px;padding:24px;margin-bottom:28px}.balance-amount{font-size:36px;font-weight:800;background:linear-gradient(135deg,#e0552e,#e6c482);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:900px){.portal-sidebar{transform:translateX(-100%)}.portal-sidebar.open{transform:translateX(0)}.portal-main{margin-left:0!important}.mobile-menu-btn{display:block!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.section-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr!important}.quick-actions-grid{grid-template-columns:repeat(2,1fr)!important}}