@keyframes portal-sk-pulse{0%,to{opacity:1}50%{opacity:.35}}.portal-body .sk-box{background:#e2e8f0!important;border-radius:8px!important;animation:1.5s ease-in-out infinite portal-sk-pulse!important}.portal-body.dark .sk-box,.dark .portal-body .sk-box{background:#1e293b!important}.portal-body:not(.dark){--navy:#0b1f3a!important;--navy2:#12345c!important;--panel:#0e2744!important;--cyan:#0ea5d9!important;--cyan2:#41c3f5!important;--ink:#16263e!important;--muted:#64748b!important;--line:#e6ecf3!important;--bg:#f4f7fb!important;--ok:#16a36a!important;--warn:#e6a100!important;--red:#e0453b!important;color:#16263e!important;background-color:#f4f7fb!important}.portal-body{min-height:100vh;margin:0!important;padding:0!important;font-family:Inter,-apple-system,Segoe UI,Arial,sans-serif!important;font-size:14px!important}.portal-body *{box-sizing:border-box}.portal-body a{color:inherit;text-decoration:none}.portal-body input[type=text],.portal-body input[type=email],.portal-body input[type=password],.portal-body input[type=number],.portal-body input[type=datetime-local],.portal-body select,.portal-body textarea{color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;background:#fff!important;border-radius:9px!important;outline:none!important;padding:9px 12px!important;font-family:inherit!important;font-size:13px!important}.portal-body.dark input[type=text],.portal-body.dark input[type=email],.portal-body.dark input[type=password],.portal-body.dark input[type=number],.portal-body.dark input[type=datetime-local],.portal-body.dark select,.portal-body.dark textarea,.dark .portal-body input[type=text],.dark .portal-body input[type=email],.dark .portal-body input[type=password],.dark .portal-body input[type=number],.dark .portal-body input[type=datetime-local],.dark .portal-body select,.dark .portal-body textarea{color:#f8fafc!important;background:#090d16!important;border-color:#1e293b!important}.portal-body .modal-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9990!important;background:#0b1f3a73!important;justify-content:center!important;align-items:center!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.portal-body.dark .modal-backdrop,.dark .portal-body .modal-backdrop{background:#000000bf!important}.portal-body .modal-card{border:1px solid var(--line)!important;width:100%!important;max-width:460px!important;color:var(--navy)!important;background:#fff!important;border-radius:16px!important;padding:22px!important;overflow:hidden!important;box-shadow:0 20px 40px #0b1f3a33!important}.portal-body.dark .modal-card,.dark .portal-body .modal-card{color:#f8fafc!important;background:#0d1526!important;border-color:#1e293b!important;box-shadow:0 20px 40px #000c!important}.portal-body.dark .modal-card h3,.dark .portal-body .modal-card h3{color:#f8fafc!important}.portal-body.dark .modal-card label,.dark .portal-body .modal-card label{color:#94a3b8!important}.portal-body.dark .modal-card input,.portal-body.dark .modal-card select,.portal-body.dark .modal-card textarea,.dark .portal-body .modal-card input,.dark .portal-body .modal-card select,.dark .portal-body .modal-card textarea{color:#f8fafc!important;background:#141d2e!important;border-color:#2b3952!important}.portal-body.dark select option,.dark .portal-body select option{color:#f8fafc!important;background-color:#0d1526!important}.portal-body .cart-fab{z-index:55!important;color:#fff!important;cursor:pointer!important;background:#0b1f3a!important;border:1px solid #ffffff26!important;border-radius:30px!important;align-items:center!important;gap:8px!important;padding:10px 18px!important;font-size:13.5px!important;font-weight:700!important;transition:transform .2s,box-shadow .2s!important;display:inline-flex!important;position:fixed!important;bottom:24px!important;right:24px!important;box-shadow:0 10px 25px #0b1f3a40!important}.portal-body .cart-fab:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px #0b1f3a59!important}.portal-body.dark .cart-fab,.dark .portal-body .cart-fab{color:#f8fafc!important;background:#0d1526!important;border-color:#1e293b!important}.portal-body .cart-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:60!important;opacity:0!important;pointer-events:none!important;background:#0b1f3a66!important;transition:opacity .3s!important;position:fixed!important;inset:0!important}.portal-body .cart-backdrop.open{opacity:1!important;pointer-events:auto!important}.portal-body .cart-draw{z-index:70!important;background:#fff!important;flex-direction:column!important;width:420px!important;max-width:100vw!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;right:0!important;transform:translate(100%)!important;box-shadow:-10px 0 35px #0b1f3a26!important}.portal-body .cart-draw.open{transform:translate(0)!important}.portal-body.dark .cart-draw,.dark .portal-body .cart-draw{background:#0d1526!important;box-shadow:-10px 0 35px #00000080!important}.portal-body .cart-head{color:#fff!important;background:linear-gradient(#0b1f3a,#0a1a30)!important;border-bottom:1px solid #ffffff1a!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;display:flex!important}.portal-body.dark .cart-head,.dark .portal-body .cart-head{background:#0b172a!important;border-bottom:1px solid #1e293b!important}.portal-body .cart-list-container{background:var(--bg)!important;flex:1!important;padding:16px!important;overflow-y:auto!important}.portal-body .cart-item-card{border:1px solid var(--line)!important;background:#fff!important;border-radius:14px!important;margin-bottom:12px!important;padding:14px!important;transition:all .2s!important;box-shadow:0 4px 14px #0b1f3a0a!important}.portal-body.dark .cart-item-card,.dark .portal-body .cart-item-card{color:#f8fafc!important;background:#0f172a!important;border-color:#1e293b!important;box-shadow:0 4px 14px #0006!important}.portal-body .cart-item-card:hover{border-color:#0ea5d9!important}.portal-body.dark .cart-item-card:hover,.dark .portal-body .cart-item-card:hover{border-color:#38bdf8!important;box-shadow:0 4px 20px #38bdf81a!important}.portal-body .cart-spec-pill{color:#334155!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;align-items:center!important;gap:4px!important;padding:2px 7px!important;font-size:10px!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.portal-body.dark .cart-spec-pill,.dark .portal-body .cart-spec-pill{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}.portal-body .cart-foot{border-top:1px solid var(--line)!important;background:#fff!important;padding:18px 20px!important}.portal-body.dark .cart-foot,.dark .portal-body .cart-foot{color:#f8fafc!important;background:#0d1526!important;border-top-color:#1e293b!important}.portal-body .cart-empty{text-align:center!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:60px 16px!important;display:flex!important}.portal-body .cart-empty .icon-circle{color:#0ea5d9!important;background:#e8f6fd!important;border-radius:50%!important;place-items:center!important;width:56px!important;height:56px!important;margin-bottom:12px!important;font-size:24px!important;display:grid!important}.portal-body.dark .cart-empty .icon-circle,.dark .portal-body .cart-empty .icon-circle{color:#41c3f5!important;background:#41c3f526!important}.portal-body .cart-toast{color:#fff!important;z-index:10000!important;opacity:0!important;pointer-events:none!important;background:#0b1f3a!important;border-radius:10px!important;padding:10px 16px!important;font-size:12.5px!important;font-weight:700!important;transition:opacity .25s,transform .25s!important;position:fixed!important;bottom:80px!important;right:24px!important;transform:translateY(10px)!important;box-shadow:0 8px 20px #0b1f3a33!important}.portal-body.dark .cart-toast,.dark .portal-body .cart-toast{color:#f8fafc!important;background:#1e293b!important}.portal-body .cart-toast.show{opacity:1!important;transform:translateY(0)!important}.portal-body .side{z-index:20;width:250px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;color:#cdd9e8!important;background:linear-gradient(#0b1f3a,#0a1a30)!important}.portal-body .side::-webkit-scrollbar{width:6px}.portal-body .side::-webkit-scrollbar-thumb{background:#20395a;border-radius:3px}.portal-body .brand{z-index:2;cursor:pointer;align-items:center;gap:10px;padding:18px 20px;display:flex;position:sticky;top:0;background:#0b1f3a!important;border-bottom:1px solid #ffffff12!important}.portal-body .grp{letter-spacing:1.5px!important;color:#63799a!important;text-transform:uppercase!important;padding:14px 20px 4px!important;font-size:10px!important;font-weight:800!important}.portal-body .nav a{color:#b9c9de!important;cursor:pointer!important;text-align:left!important;background:0 0!important;border:0!important;border-left:3px solid #0000!important;border-radius:0!important;align-items:center!important;gap:11px!important;width:100%!important;padding:9px 20px!important;font-family:inherit!important;font-size:13.5px!important;text-decoration:none!important;display:flex!important}.portal-body .nav a:hover{color:#fff!important;background:#ffffff0d!important}.portal-body .nav a.active{border-left-color:var(--cyan2)!important;color:#fff!important;background:#41c3f51f!important;font-weight:600!important}.portal-body .nav a .ic{opacity:.9;flex:none;width:17px;height:17px}.portal-body .nav a .bdg{background:var(--red)!important;color:#fff!important;border-radius:9px!important;margin-left:auto!important;padding:1px 7px!important;font-size:10px!important;font-weight:700!important}.portal-body .nav a .bdg.c{background:var(--cyan)!important}.portal-body .main{flex-direction:column;min-height:100vh;display:flex;margin-left:250px!important}.portal-body .top{z-index:15;position:sticky;top:0;border-bottom:1px solid var(--line)!important;background:#fff!important;align-items:center!important;gap:16px!important;height:62px!important;padding:0 26px!important;display:flex!important}.portal-body .top .search{flex:1;align-items:center;max-width:420px;display:flex;background:var(--bg)!important;border:1px solid var(--line)!important;height:38px!important;color:var(--muted)!important;border-radius:10px!important;gap:8px!important;padding:0 12px!important}.portal-body .top .search input{flex:1;color:var(--ink)!important;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important;font-size:13px!important}.portal-body .top .sp{flex:1}.portal-body .icobtn{transition:border-color .15s;border:1px solid var(--line)!important;cursor:pointer!important;width:38px!important;height:38px!important;color:var(--navy)!important;background:#fff!important;border-radius:10px!important;place-items:center!important;padding:0!important;display:grid!important;position:relative!important}.portal-body .icobtn:hover{border-color:var(--cyan)!important}.portal-body .icobtn .dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}.portal-body .user{cursor:pointer;align-items:center!important;gap:10px!important;display:flex!important}.portal-body .avatar{background:linear-gradient(135deg, var(--navy), var(--cyan))!important;color:#fff!important;border-radius:50%!important;place-items:center!important;width:38px!important;height:38px!important;font-weight:700!important;display:grid!important}.portal-body.dark .avatar,.dark .portal-body .avatar{color:#41c3f5!important;background:linear-gradient(135deg,#1e293b,#0e2744)!important;border:1px solid #41c3f559!important}.portal-body .user .nm{color:var(--navy)!important;font-size:13px!important;font-weight:700!important;line-height:1.1!important}.portal-body .user .rl{color:var(--muted)!important;font-size:11px!important}.portal-body .content{flex:1;padding:24px 26px 40px!important}.portal-body .phead{flex-wrap:wrap!important;justify-content:space-between!important;align-items:flex-end!important;gap:16px!important;margin-bottom:6px!important;display:flex!important}.portal-body .crumb{color:var(--muted)!important;margin-bottom:3px!important;font-size:12px!important}.portal-body .phead h1{color:var(--navy)!important;margin:0!important;font-size:23px!important;font-weight:800!important;line-height:1.2!important}.portal-body .phead .sub{color:var(--muted)!important;margin-top:3px!important;font-size:13px!important}.portal-body .acts{flex-wrap:wrap!important;gap:9px!important;display:flex!important}.portal-body .btn{border:1px solid var(--line)!important;height:38px!important;color:var(--navy)!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;background:#fff!important;border-radius:9px!important;align-items:center!important;gap:7px!important;padding:0 15px!important;font-size:13px!important;font-weight:700!important;transition:border-color .15s,background .15s!important;display:inline-flex!important;transform:none!important}.portal-body .btn:hover{border-color:var(--cyan)!important}.portal-body .btn.pri{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.portal-body .btn.pri:hover{background:#12345c!important}.portal-body .btn.cy{background:var(--cyan)!important;color:#042033!important;border-color:var(--cyan)!important}.portal-body .filters{flex-wrap:wrap!important;gap:8px!important;margin:16px 0!important;display:flex!important}.portal-body .fpill{border:1px solid var(--line)!important;height:32px!important;color:var(--muted)!important;cursor:pointer!important;background:#fff!important;border-radius:20px!important;align-items:center!important;padding:0 13px!important;font-size:12.5px!important;transition:border-color .15s,background .15s!important;display:inline-flex!important}.portal-body .fpill.on{color:#0b7fa8!important;background:#e8f6fd!important;border-color:#bfe6f6!important;font-weight:700!important}.portal-body .kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:14px!important;margin:6px 0 18px!important;display:grid!important}.portal-body .kpi{border:1px solid var(--line)!important;background:#fff!important;border-radius:14px!important;padding:16px 17px!important;box-shadow:0 4px 14px #0b1f3a0a!important}.portal-body .kpi .l{color:var(--muted)!important;align-items:center!important;gap:7px!important;font-size:12px!important;display:flex!important}.portal-body .kpi .v{color:var(--navy)!important;letter-spacing:-.01em!important;word-break:break-word!important;margin-top:6px!important;font-size:18px!important;font-weight:800!important;line-height:1.25!important}.portal-body .kpi .v.val-md{font-size:14.5px!important}.portal-body .kpi .v.val-sm{font-size:13px!important}.portal-body .kpi .d{color:var(--muted)!important;margin-top:4px!important;font-size:11.5px!important}.portal-body .kpi .d.up{color:var(--ok)!important}.portal-body .kpi .d.dn{color:var(--red)!important}.portal-body .kpi .ico{color:#0e93bf!important;float:right!important;background:#e8f6fd!important;border-radius:9px!important;place-items:center!important;width:34px!important;height:34px!important;display:grid!important}.portal-body .kpi.dark{background:linear-gradient(135deg, var(--navy), #14395f)!important;color:#fff!important;border:0!important}.portal-body .kpi.dark .l,.portal-body .kpi.dark .d{color:#b9cee6!important}.portal-body .kpi.dark .v{color:#fff!important}.portal-body .card{border:1px solid var(--line)!important;background:#fff!important;border-radius:14px!important;box-shadow:0 4px 14px #0b1f3a0a!important}.portal-body .card .ch{border-bottom:1px solid var(--line)!important;color:var(--navy)!important;justify-content:space-between!important;align-items:center!important;padding:15px 18px!important;font-weight:700!important;display:flex!important}.portal-body .card .cb{padding:6px 4px!important}.portal-body table{border-collapse:collapse!important;width:100%!important}.portal-body th{text-align:left!important;letter-spacing:.4px!important;text-transform:uppercase!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important;padding:11px 16px!important;font-size:11px!important;font-weight:700!important}.portal-body td{border-bottom:1px solid #eef2f7!important;padding:12px 16px!important;font-size:13px!important}.portal-body tr:last-child td{border-bottom:0!important}.portal-body tbody tr:hover{background:#f9fbfe!important}.portal-body .badge{border-radius:20px!important;align-items:center!important;gap:5px!important;padding:3px 10px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important}.portal-body .b-ok{color:#0f8a56!important;background:#e4f7ee!important}.portal-body .b-red{color:#c5352b!important;background:#fde8e6!important}.portal-body .b-warn{color:#9a7400!important;background:#fdf3dd!important}.portal-body .b-info{color:#0b7fa8!important;background:#e6f4fb!important}.portal-body .b-gray{color:#5a6b80!important;background:#eef2f7!important}.portal-body .dotb{border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important}.portal-body .mono{font-variant-numeric:tabular-nums!important}.portal-body .grid2{grid-template-columns:1.6fr 1fr!important;gap:16px!important;display:grid!important}.portal-body .grid3{grid-template-columns:repeat(3,1fr)!important;gap:16px!important;display:grid!important}.portal-body .bar{background:#eef2f7!important;border-radius:6px!important;height:9px!important;overflow:hidden!important}.portal-body .bar i{border-radius:6px!important;height:100%!important;display:block!important}.portal-body .res{align-items:center!important;gap:12px!important;padding:10px 0!important;display:flex!important}.portal-body .res .nm{width:60px!important;color:var(--muted)!important;font-size:12.5px!important}.portal-body .res .bar{flex:1!important}.portal-body .res .pc{text-align:right!important;width:44px!important;color:var(--navy)!important;font-size:12.5px!important;font-weight:700!important}.portal-body .li{border-bottom:1px solid #eef2f7!important;align-items:center!important;gap:12px!important;padding:11px 16px!important;display:flex!important}.portal-body .li:last-child{border-bottom:0!important}.portal-body .li .t{flex:1!important}.portal-body .li .t .a{font-size:13px!important;font-weight:600!important}.portal-body .li .t .b{color:var(--muted)!important;font-size:11.5px!important}.portal-body .spark{align-items:flex-end!important;gap:5px!important;height:90px!important;padding:8px 4px!important;display:flex!important}.portal-body .spark i{background:linear-gradient(#41c3f5,#0ea5d9)!important;border-radius:4px 4px 0 0!important;flex:1!important;min-height:6px!important}.portal-body .note{color:var(--muted)!important;background:#eef4fb!important;border-radius:9px!important;margin-top:12px!important;padding:10px 13px!important;font-size:12px!important}.portal-body .rolehint{color:#9a7400!important;background:#fdf3dd!important;border-radius:7px!important;padding:3px 9px!important;font-size:11px!important;display:inline-block!important}.portal-body .catgrid{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;display:grid!important}.portal-body .cat{border:1px solid var(--line)!important;background:#fff!important;border-radius:14px!important;padding:18px!important}.portal-body .cat .h{color:var(--navy)!important;font-size:15px!important;font-weight:800!important}.portal-body .cat .p{color:var(--navy)!important;margin:8px 0 2px!important;font-size:22px!important;font-weight:800!important}.portal-body .cat .u{color:var(--muted)!important;font-size:11px!important}.portal-body .cat .li2{color:#475569!important;margin-top:8px!important;font-size:12px!important;line-height:1.7!important}.portal-body.dark,.dark .portal-body{--navy:#f8fafc;--navy2:#cbd5e1;--panel:#090d16;--cyan:#41c3f5;--cyan2:#0ea5d9;--ink:#f8fafc;--muted:#94a3b8;--line:#1e293b;--bg:#090d16;--ok:#4ade80;--warn:#fbbf24;--red:#f87171;color:#f8fafc!important;background:#090d16!important}.portal-body.dark .main,.dark .portal-body .main{color:#f8fafc!important;background:#090d16!important}.portal-body.dark .top,.dark .portal-body .top{background:#0d1526!important;border-bottom-color:#1e293b!important}.portal-body.dark .top .search,.dark .portal-body .top .search{color:#94a3b8!important;background:#090d16!important;border-color:#1e293b!important}.portal-body.dark .top .search input,.dark .portal-body .top .search input{color:#f8fafc!important}.portal-body.dark .icobtn,.dark .portal-body .icobtn{color:#41c3f5!important;background:#0d1526!important;border-color:#1e293b!important}.portal-body.dark .icobtn:hover,.dark .portal-body .icobtn:hover{border-color:#41c3f5!important}.portal-body.dark .user .nm,.dark .portal-body .user .nm,.portal-body.dark .phead h1,.dark .portal-body .phead h1{color:#f8fafc!important}.portal-body.dark .btn,.dark .portal-body .btn{color:#f8fafc!important;background:#0d1526!important;border-color:#1e293b!important}.portal-body.dark .btn:hover,.dark .portal-body .btn:hover{border-color:#41c3f5!important}.portal-body.dark .btn.pri,.dark .portal-body .btn.pri{color:#042033!important;background:#41c3f5!important;border-color:#41c3f5!important}.portal-body.dark .btn.pri:hover,.dark .portal-body .btn.pri:hover{background:#0ea5d9!important}.portal-body.dark .btn.cy,.dark .portal-body .btn.cy{background:var(--cyan)!important;color:#042033!important;border-color:var(--cyan)!important}.portal-body.dark .cart-item-card .btn,.dark .portal-body .cart-item-card .btn,.portal-body.dark .cart-foot .btn:not(.pri),.dark .portal-body .cart-foot .btn:not(.pri){background:#1a2538!important;border-color:#2d3f56!important}.portal-body.dark .cart-foot .btn.pri,.dark .portal-body .cart-foot .btn.pri{color:#042033!important;background:#38bdf8!important;border-color:#38bdf8!important;font-weight:700!important}.portal-body.dark .cart-foot .btn.pri:hover,.dark .portal-body .cart-foot .btn.pri:hover{color:#042033!important;background:#0ea5d9!important;border-color:#0ea5d9!important}.modal-close-btn{color:#475569!important;cursor:pointer!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.modal-close-btn:hover{color:#0f172a!important;background:#e2e8f0!important;border-color:#94a3b8!important}.cart-close-btn{color:#fff!important;cursor:pointer!important;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.cart-close-btn:hover{color:#fff!important;background:#ffffff4d!important;border-color:#fff6!important}.cart-qty-btn{color:#334155!important;cursor:pointer!important;background:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.cart-qty-btn:hover{color:#fff!important;background:#0ea5d9!important;border-color:#0ea5d9!important}.cart-remove-btn{color:#ef4444!important;cursor:pointer!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:0!important;transition:all .15s!important;display:inline-flex!important}.cart-remove-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.portal-body.dark .modal-close-btn,.dark .portal-body .modal-close-btn{color:#94a3b8!important;background:#1e293b!important;border-color:#334155!important}.portal-body.dark .modal-close-btn:hover,.dark .portal-body .modal-close-btn:hover{color:#fff!important;background:#334155!important;border-color:#475569!important}.portal-body.dark .cart-close-btn,.dark .portal-body .cart-close-btn{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff40!important}.portal-body.dark .cart-close-btn:hover,.dark .portal-body .cart-close-btn:hover{color:#fff!important;background:#ffffff40!important;border-color:#fff6!important}.portal-body.dark .cart-qty-btn,.dark .portal-body .cart-qty-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}.portal-body.dark .cart-qty-btn:hover,.dark .portal-body .cart-qty-btn:hover{color:#fff!important;background:#0ea5d9!important;border-color:#0ea5d9!important}.portal-body.dark .cart-remove-btn,.dark .portal-body .cart-remove-btn{color:#f87171!important;background:#ef444426!important;border-color:#ef44444d!important}.portal-body.dark .cart-remove-btn:hover,.dark .portal-body .cart-remove-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.portal-body.dark .fpill,.dark .portal-body .fpill{color:#94a3b8!important;background:#0d1526!important;border-color:#1e293b!important}.portal-body.dark .fpill.on,.dark .portal-body .fpill.on{color:#41c3f5!important;background:#41c3f526!important;border-color:#41c3f5!important}.portal-body.dark .kpi,.dark .portal-body .kpi{color:#f8fafc!important;background:#0d1526!important;border-color:#1e293b!important}.portal-body.dark .kpi .l,.dark .portal-body .kpi .l{color:#94a3b8!important}.portal-body.dark .kpi .v,.dark .portal-body .kpi .v{color:#f8fafc!important}.portal-body.dark .kpi .ico,.dark .portal-body .kpi .ico{color:#41c3f5!important;background:#41c3f526!important}.portal-body.dark .kpi.dark,.dark .portal-body .kpi.dark{background:linear-gradient(135deg,#111e33,#0b1424)!important;border:1px solid #1e293b!important}.portal-body.dark .card,.dark .portal-body .card{color:#f8fafc!important;background:#0d1526!important;border-color:#1e293b!important}.portal-body.dark .card .ch,.dark .portal-body .card .ch{color:#f8fafc!important;border-bottom-color:#1e293b!important}.portal-body.dark th,.dark .portal-body th{color:#94a3b8!important;border-bottom-color:#1e293b!important}.portal-body.dark td,.dark .portal-body td{color:#e2e8f0!important;border-bottom-color:#1e293b!important}.portal-body.dark tbody tr:hover,.dark .portal-body tbody tr:hover{background:#ffffff08!important}.portal-body.dark .b-ok,.dark .portal-body .b-ok{color:#4ade80!important;background:#16a36a2e!important}.portal-body.dark .b-red,.dark .portal-body .b-red{color:#f87171!important;background:#e0453b2e!important}.portal-body.dark .b-warn,.dark .portal-body .b-warn{color:#fbbf24!important;background:#e6a1002e!important}.portal-body.dark .b-info,.dark .portal-body .b-info{color:#41c3f5!important;background:#0ea5d92e!important}.portal-body.dark .b-gray,.dark .portal-body .b-gray{color:#cbd5e1!important;background:#64748b2e!important}.portal-body.dark .li,.dark .portal-body .li{border-bottom-color:#1e293b!important}.portal-body.dark .li .t .a,.dark .portal-body .li .t .a{color:#f8fafc!important}.portal-body.dark .bar,.dark .portal-body .bar{background:#1e293b!important}.portal-body.dark .res .pc,.dark .portal-body .res .pc{color:#f8fafc!important}.portal-body.dark .note,.dark .portal-body .note{color:#94a3b8!important;background:#41c3f514!important;border:1px solid #41c3f533!important}.portal-body.dark .rolehint,.dark .portal-body .rolehint{color:#fbbf24!important;background:#e6a1002e!important}.portal-body.dark .cat,.dark .portal-body .cat{background:#0d1526!important;border-color:#1e293b!important}.portal-body.dark .cat .h,.dark .portal-body .cat .h,.portal-body.dark .cat .p,.dark .portal-body .cat .p{color:#f8fafc!important}.portal-body.dark .cat .li2,.dark .portal-body .cat .li2{color:#94a3b8!important}.support-rich-text p{margin-bottom:6px!important}.support-rich-text p:last-child{margin-bottom:0!important}.support-rich-text strong,.support-rich-text b{font-weight:700!important}.support-rich-text em,.support-rich-text i{font-style:italic!important}.support-rich-text u{text-decoration:underline!important}.support-rich-text ul{margin-left:18px!important;list-style-type:disc!important}.support-rich-text ol{margin-left:18px!important;list-style-type:decimal!important}.support-msg-bubble{padding:12px 16px!important;font-size:13px!important;line-height:1.5!important}.support-msg-bubble.staff{color:#16263e!important;background:#fff!important;border:1px solid #e6ecf3!important;border-radius:14px 14px 14px 2px!important}.support-msg-bubble.client{color:#fff!important;background:#0b1f3a!important;border-radius:14px 14px 2px!important}.portal-body.dark .support-msg-bubble.staff,.dark .portal-body .support-msg-bubble.staff{color:#f8fafc!important;background:#14233a!important;border-color:#1e293b!important}.portal-body.dark .support-msg-bubble.client,.dark .portal-body .support-msg-bubble.client{color:#042033!important;background:#0ea5d9!important}@media (max-width:1000px){.portal-body .side{transform:translate(-100%)}.portal-body .side.mobile-open{transform:translate(0)}.portal-body .main{margin-left:0!important}.portal-body .grid2,.portal-body .grid3,.portal-body .catgrid{grid-template-columns:1fr!important}}.portal-body .notif-wrapper{display:inline-flex;position:relative}.portal-body .notif-popover{border:1px solid var(--line);z-index:1000;transform-origin:100% 0;background:#fff;border-radius:16px;flex-direction:column;width:330px;max-width:calc(100vw - 32px);animation:.2s cubic-bezier(.16,1,.3,1) forwards notifPopIn;display:flex;position:absolute;top:calc(100% + 12px);right:-10px;overflow:hidden;box-shadow:0 16px 36px -4px #0b1f3a24,0 6px 16px -2px #0b1f3a14}@keyframes notifPopIn{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.portal-body .notif-popover-head{border-bottom:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.portal-body .notif-popover-title{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.portal-body .notif-badge{color:var(--cyan);text-transform:uppercase;letter-spacing:.5px;background:#0ea5d91f;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.portal-body .notif-popover-body{text-align:center;flex-direction:column;align-items:center;padding:24px 20px 20px;display:flex}.portal-body .notif-icon-circle{width:50px;height:50px;color:var(--cyan);background:linear-gradient(135deg,#0ea5d924,#0b1f3a0d);border:1px solid #0ea5d940;border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.portal-body .notif-empty-title{color:var(--ink);margin-bottom:6px;font-size:14px;font-weight:700}.portal-body .notif-empty-desc{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.5}.portal-body .notif-features{flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin-bottom:16px;display:flex}.portal-body .notif-pill{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500}.portal-body .notif-status-badge{color:#0ea5d9;background:#0ea5d914;border:1px dashed #0ea5d966;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.portal-body .notif-status-dot{background:#0ea5d9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #0ea5d9cc}.portal-body .notif-popover-foot{border-top:1px solid var(--line);color:var(--muted);text-align:center;background:#f8fafc;padding:10px 16px;font-size:11px}.portal-body.dark .notif-popover,.dark .portal-body .notif-popover{background:#0d1526!important;border-color:#1e293b!important;box-shadow:0 16px 40px -4px #0009,0 6px 18px -2px #0006!important}.portal-body.dark .notif-popover-head,.dark .portal-body .notif-popover-head{background:#090d16!important;border-bottom-color:#1e293b!important}.portal-body.dark .notif-popover-title,.dark .portal-body .notif-popover-title,.portal-body.dark .notif-empty-title,.dark .portal-body .notif-empty-title{color:#f8fafc!important}.portal-body.dark .notif-empty-desc,.dark .portal-body .notif-empty-desc{color:#94a3b8!important}.portal-body.dark .notif-icon-circle,.dark .portal-body .notif-icon-circle{color:#41c3f5!important;background:#41c3f51a!important;border-color:#41c3f540!important}.portal-body.dark .notif-pill,.dark .portal-body .notif-pill{color:#94a3b8!important;background:#090d16!important;border-color:#1e293b!important}.portal-body.dark .notif-status-badge,.dark .portal-body .notif-status-badge{color:#41c3f5!important;background:#41c3f51a!important;border-color:#41c3f54d!important}.portal-body.dark .notif-status-dot,.dark .portal-body .notif-status-dot{background:#41c3f5!important;box-shadow:0 0 6px #41c3f5cc!important}.portal-body.dark .notif-popover-foot,.dark .portal-body .notif-popover-foot{color:#64748b!important;background:#090d16!important;border-top-color:#1e293b!important}
