:root{--bg-main: #16141a;--bg-sidebar: #1c1a21;--bg-panel: #211e28;--bg-panel-hover: #2a2633;--text-primary: #f7f1e8;--text-muted: #a89f95;--border-color: rgba(212, 175, 105, .16);--accent-orange: #d4af69;--accent-green: #3eb989;--accent-purple: #8b7a9e;--accent-red: #e07a6a;--accent-blue: #6a8fad;--yellow-primary: #d4af69;--gold: #d4af69;--gold-soft: #e8d5a8;--gold-deep: #a8843d;--champagne: #f3e6c8;--ivory: #f7f1e8;--profit-green: #3eb989;--danger-red: #e07a6a;--low-stock-red: #e07a6a;--sidebar-width: 248px;--sidebar-collapsed-width: 68px;--radius: 12px;--radius-lg: 16px;--font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--lux-hairline: rgba(212, 175, 105, .28);--lux-glow: rgba(212, 175, 105, .12);--lux-shadow: 0 18px 48px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font);background:radial-gradient(ellipse 90% 70% at 12% -10%,rgba(212,175,105,.08),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 0%,rgba(90,70,40,.12),transparent 45%),linear-gradient(165deg,#141218,#1a171f 42%,#121014);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:600;letter-spacing:.06em}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-layout{display:flex;min-height:100vh;--sidebar-current-width: var(--sidebar-width)}.app-layout--collapsed{--sidebar-current-width: var(--sidebar-collapsed-width)}.sidebar{width:var(--sidebar-current-width);min-width:var(--sidebar-current-width);background:linear-gradient(180deg,#1c1820fa,#121016 55%,#0e0c10);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;border-right:1px solid var(--lux-hairline);box-shadow:10px 0 40px #00000059;transition:width .22s ease,min-width .22s ease}.sidebar-brand{display:flex;flex-direction:row;align-items:center;gap:12px;padding:18px 16px;border-bottom:1px solid var(--lux-hairline);background:linear-gradient(90deg,rgba(212,175,105,.1) 0%,transparent 70%),radial-gradient(ellipse 80% 120% at 0% 0%,rgba(243,230,200,.08) 0%,transparent 60%),transparent;min-height:72px;flex-shrink:0;position:relative}.sidebar-brand:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}.sidebar-brand-logo-wrap{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f3e6c81f,#a8843d14);border:1px solid var(--lux-hairline);box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000047}.sidebar-brand-text{min-width:0;flex:1}.sidebar-brand-name{font-family:var(--font);font-size:.95rem;font-weight:700;color:var(--champagne);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.12em;text-transform:uppercase}.sidebar-brand-sub{font-size:.64rem;color:var(--gold);margin-top:3px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.9}.sidebar-brand-collapse{flex-shrink:0;width:30px;height:30px;margin-left:auto;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#ffffff08;color:#8b95ad;font-size:.95rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.sidebar-brand-collapse:hover{background:#f5d0781a;border-color:#f5d07847;color:#f5d078}.sidebar--collapsed .sidebar-brand-collapse{margin-left:0}.sidebar--collapsed .sidebar-brand{justify-content:center;flex-wrap:wrap;gap:8px;padding:14px 8px}.sidebar--collapsed .sidebar-brand-logo-wrap{width:40px;height:40px}.brand-logo--sidebar{display:flex;flex-direction:column;align-items:flex-start;gap:0;background:transparent;flex-shrink:0}.brand-logo--sidebar .brand-logo-img{width:32px!important;height:auto!important;max-width:32px!important;max-height:32px!important;object-fit:contain;display:block;background:transparent;mix-blend-mode:screen}.sidebar--collapsed .brand-logo--sidebar .brand-logo-img{width:28px!important;max-width:28px!important;max-height:28px!important}.brand-logo{background:transparent}.brand-logo-img{object-fit:contain;display:block;background:transparent;mix-blend-mode:screen}.brand-logo-img--sm{width:32px;height:auto}.brand-logo-img--md{width:44px;height:auto}.brand-logo-img--lg{width:56px;height:auto;max-width:56px}.about-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.about-card h2{margin:8px 0 0;color:var(--accent-orange);font-size:1.2rem}.about-tagline{font-size:.8rem;color:var(--text-muted);margin:0}.about-logo{margin-bottom:4px}.png-icon{object-fit:contain;display:block;flex-shrink:0;image-rendering:auto}.sidebar-link-icon .png-icon{opacity:.9;filter:brightness(1.05) saturate(1.05);width:18px;height:18px}.sidebar-link.active .sidebar-link-icon .png-icon{filter:brightness(1.2) saturate(1.15)}.summary-card{border-radius:var(--radius-lg);padding:20px 22px;color:#fff;min-height:100px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.summary-card-icon{position:absolute;top:14px;right:14px;opacity:.35}.side-stat-icon .png-icon{opacity:.9}.settings-item-left{display:flex;align-items:center;gap:12px}.settings-item-icon{opacity:.9}.hero-card--with-icon{display:flex;align-items:center;gap:14px;background:var(--bg-panel)}.hero-card--with-icon .brand-logo-img{background:transparent}.btn-refresh .png-icon{opacity:.85}.sidebar-title{font-size:.8rem;font-weight:700;letter-spacing:.5px;color:#fff}.sidebar-subtitle{font-size:.68rem;color:var(--text-muted);margin-top:2px}.sidebar-nav{flex:1;padding:12px 10px 16px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#d4af6947;border-radius:4px}.sidebar-group{margin-bottom:14px}.sidebar-group:last-child{margin-bottom:4px}.sidebar-group-label{padding:6px 12px 8px;font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d4af698c}.sidebar-group-items{display:flex;flex-direction:column;gap:3px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;color:#9aa5bd;font-size:.8rem;font-weight:500;margin-bottom:0;border:1px solid transparent;border-left:none;position:relative;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.sidebar-link:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .15s,box-shadow .15s}.sidebar-link:hover{background:#ffffff0d;color:#fff;border-color:#ffffff0a}.sidebar-link.active{background:linear-gradient(135deg,#d4af6929,#a8843d1a);border-color:#d4af6947;color:var(--champagne);box-shadow:0 4px 16px #0000002e,inset 0 1px #f3e6c80f}.sidebar-link.active:before{background:linear-gradient(180deg,var(--gold-soft),var(--gold-deep));box-shadow:none}.sidebar-link.active .sidebar-link-label{color:var(--gold-soft);font-weight:600}.sidebar-link-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.sidebar-link-chevron{font-size:1rem;color:#5c667d;opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s,color .15s}.sidebar-link:hover .sidebar-link-chevron,.sidebar-link.active .sidebar-link-chevron{opacity:1;transform:none;color:#f5d078}.sidebar--collapsed .sidebar-group-label{display:none}.sidebar--collapsed .sidebar-nav{padding:10px 8px}.sidebar--collapsed .sidebar-link{justify-content:center;padding:11px 8px;border-radius:12px}.sidebar--collapsed .sidebar-link:before{display:none}.sidebar--collapsed .sidebar-link.active{background:#f5d0782e;border-color:#f5d0784d}.sidebar--collapsed .sidebar-link-chevron{display:none}.sidebar-footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);padding:8px 10px 10px;background:#0000001f;display:flex;flex-direction:column;gap:6px}.sidebar-footer-status{display:flex;align-items:center;gap:6px;min-width:0}.sidebar-status-pill{min-width:0;flex:1 1 0;min-height:28px;padding:4px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:600;color:#9aa5bd;border:1px solid rgba(255,255,255,.07);background:#ffffff08}.sidebar-status-pill--sync.sidebar-status-pill--live{color:#9be7c0;border-color:#46c9893d}.sidebar-status-pill--sync.sidebar-status-pill--connecting .sidebar-status-pill-dot{background:#f5c542;animation:sidebar-live-pulse 1.2s ease infinite}.sidebar-status-pill--sync.sidebar-status-pill--offline{color:#f0a0a0;border-color:#f070673d}.sidebar-status-pill--net{cursor:default;text-align:left}.sidebar-status-pill--net.is-online{color:#9be2bc;border-color:#46c9893d;cursor:pointer}.sidebar-status-pill--net.is-online:hover{background:#46c98914}.sidebar-status-pill--net:disabled{opacity:1}.sidebar-status-pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#6b7280}.sidebar-status-pill--sync.sidebar-status-pill--live .sidebar-status-pill-dot{background:#46c989}.sidebar-status-pill--sync.sidebar-status-pill--offline .sidebar-status-pill-dot{background:#f07167}.sidebar-status-pill--net.is-online .sidebar-status-pill-dot{background:#4bd291}.sidebar-status-pill-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-footer-user{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:6px 8px;border-radius:12px;border:1px solid rgba(212,175,105,.18);background:#d4af690d}.sidebar-footer-user.is-collapsed{flex-direction:column;padding:6px 4px;gap:6px}.sidebar-footer-user-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.sidebar-footer-user-text{min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-footer-user-text strong{color:var(--champagne);font-size:.78rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer-user-text span{color:#8b8794;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sidebar-footer-user-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.sidebar-footer-user.is-collapsed .sidebar-footer-user-actions{flex-direction:column}.sidebar-footer-icon-btn{width:32px;height:32px;padding:0;border-radius:9px;border:1px solid rgba(212,175,105,.22);background:#d4af690f;color:#e0c88a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sidebar-footer-icon-btn:hover{background:#d4af6924;border-color:#d4af6961;color:var(--champagne)}.sidebar-footer-icon-btn--logout{border-color:#ff787838;background:#ff505014;color:#f0a0a0}.sidebar-footer-icon-btn--logout:hover{background:#ff505029;border-color:#ff787861;color:#ffc0c0}.sidebar-footer-user .sidebar-account-avatar{width:32px;height:32px;flex-basis:32px;border-radius:10px;font-size:.66rem}.sidebar--collapsed .sidebar-footer{align-items:stretch;padding-left:8px;padding-right:8px}.sidebar--collapsed .sidebar-footer-status{flex-direction:column}.sidebar--collapsed .sidebar-status-pill{width:100%;justify-content:center;padding-inline:4px}.sidebar-live-status{width:100%;min-height:34px;margin:0 0 8px;padding:6px 9px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:#a9a49a;border:1px solid rgba(255,255,255,.06);background:#0c0d10b3}.sidebar-live-dot{width:8px;height:8px;border-radius:50%;background:#6b7280;flex-shrink:0}.sidebar-live-status--live{color:#9be7c0;border-color:#46c98947}.sidebar-live-status--live .sidebar-live-dot{background:#46c989;box-shadow:0 0 0 3px #46c98933}.sidebar-live-status--connecting .sidebar-live-dot{background:#f5c542;animation:sidebar-live-pulse 1.2s ease infinite}.sidebar-live-status--offline .sidebar-live-dot{background:#f07167}@keyframes sidebar-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.sidebar-online-status{width:100%;min-height:46px;margin:0 0 8px;padding:7px 9px;border:1px solid rgba(255,255,255,.075);border-radius:11px;display:flex;align-items:center;gap:9px;text-align:left;color:#a9a49a;background:linear-gradient(145deg,#1a1b20f2,#0c0d10f2);transition:border-color .16s ease,background .16s ease,transform .16s ease}.sidebar-online-status.is-online{border-color:#46c9894d;cursor:pointer;background:linear-gradient(145deg,#143427c7,#0a1813e6)}.sidebar-online-status.is-online:hover{transform:translateY(-1px);border-color:#56e09d85}.sidebar-online-status:disabled{cursor:default;opacity:1}.sidebar-online-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#d25f57;box-shadow:0 0 0 4px #d25f571a}.sidebar-online-status.is-online .sidebar-online-dot{background:#4bd291;box-shadow:0 0 0 4px #4bd2911f,0 0 12px #4bd2917a;animation:sidebar-online-pulse 2s ease-in-out infinite}.sidebar-online-copy{min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-online-copy strong{color:#e8e2d6;font-size:.72rem;font-weight:700}.sidebar-online-status.is-online .sidebar-online-copy strong{color:#9be2bc}.sidebar-online-copy small{overflow:hidden;color:#777d85;font-size:.62rem;white-space:nowrap;text-overflow:ellipsis}@keyframes sidebar-online-pulse{0%,to{opacity:.75}50%{opacity:1}}.sidebar-collapse-btn{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff08;color:#8b95ad;font-size:.78rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,color .15s,border-color .15s}.sidebar-collapse-btn:hover{background:#f5d0781a;border-color:#f5d07847;color:#f5d078}.sidebar-account{margin:10px 0 8px;padding:11px;border-radius:14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(155deg,#d4af691a,#1c1a21eb 42%,#100e14f5);border:1px solid rgba(212,175,105,.22);box-shadow:inset 0 1px #f3e6c814,0 10px 28px #00000047;position:relative;overflow:hidden}.sidebar-account:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(232,213,168,.55),transparent);pointer-events:none}.sidebar-account.is-collapsed{margin:8px auto;padding:0;background:none;border:none;box-shadow:none;overflow:visible}.sidebar-account.is-collapsed:before{display:none}.sidebar-account-head{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-account-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#1a1510;background:linear-gradient(145deg,#f3e6c8,#d4af69 55%,#a8843d);box-shadow:0 0 0 1px #d4af6959,0 6px 14px #a8843d47}.sidebar-account-meta{min-width:0;display:flex;flex-direction:column;gap:4px}.sidebar-account-name{margin:0;color:var(--champagne);font-size:.84rem;font-weight:650;letter-spacing:.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-sub{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.sidebar-account-role{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:.62rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#e8d5a8;background:#d4af6924;border:1px solid rgba(212,175,105,.28)}.sidebar-account-handle{color:#8b8794;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-pwd{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border-radius:10px;border:1px solid rgba(212,175,105,.24);background:#d4af690f;color:#e0c88a;font-size:.72rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}.sidebar-account-pwd:hover{background:#d4af6924;border-color:#d4af696b;color:var(--champagne);transform:translateY(-1px)}.sidebar-account-compact{width:44px;height:44px;margin:0 auto;padding:0;border:none;border-radius:14px;background:transparent;cursor:pointer;display:grid;place-items:center}.sidebar-account-compact .sidebar-account-avatar{width:40px;height:40px;flex-basis:40px;border-radius:13px;transition:transform .15s,box-shadow .15s}.sidebar-account-compact:hover .sidebar-account-avatar{transform:translateY(-1px);box-shadow:0 0 0 1px #d4af6980,0 8px 18px #a8843d5c}.sidebar-logout-btn{width:100%;margin-top:6px;padding:9px 12px;border:1px solid rgba(255,120,120,.22);border-radius:10px;background:#ff505014;color:#f0a0a0;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sidebar-logout-btn:hover{background:#ff505029;border-color:#ff787866;color:#ffc0c0}.sidebar-logout-icon{display:block;flex-shrink:0}.sidebar--collapsed .sidebar-footer{align-items:center;padding-left:8px;padding-right:8px}.sidebar--collapsed .sidebar-online-status{width:44px;height:44px;min-height:44px;margin-inline:auto;padding:0;justify-content:center}.sidebar--collapsed .sidebar-logout-btn{width:44px;height:44px;padding:0;margin-top:4px;border-radius:12px}.sidebar--collapsed .sidebar-collapse-btn{width:44px;min-width:44px;height:36px;padding:0;font-size:1rem}.sidebar-link-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);flex-shrink:0;transition:background .15s,border-color .15s,box-shadow .15s}.sidebar-link:hover .sidebar-link-icon{background:#ffffff12}.sidebar-link.active .sidebar-link-icon{background:#f5d07824;border-color:#f5d0784d;box-shadow:0 0 12px #f5d07826}.sidebar-badge{margin-left:auto;background:linear-gradient(135deg,#ff8a70,#e04e4e);color:#fff;font-size:.65rem;padding:2px 7px;border-radius:10px;font-weight:700;box-shadow:0 2px 8px #e04e4e59}.sidebar--collapsed .sidebar-badge{position:absolute;top:4px;right:4px;margin:0;padding:1px 5px;font-size:.58rem}.sidebar--collapsed .sidebar-link{position:relative}.sidebar-exit{display:none}.main-content{flex:1;width:calc(100vw - var(--sidebar-current-width));margin-left:var(--sidebar-current-width);min-height:100vh;padding:20px 24px;background:radial-gradient(ellipse 70% 40% at 80% 0%,rgba(212,175,105,.05),transparent 55%),transparent;overflow-x:hidden;transition:margin-left .2s ease,width .2s ease}.main-content:has(.rpt-page){padding:0;overflow:hidden;height:100vh}.main-content:has(.sup-page){padding:0;height:100vh;overflow:hidden}.main-content:has(.usr-page){padding:0;height:100vh;overflow:hidden}.main-content:has(.dash-board){padding:12px;background:linear-gradient(165deg,#141824,#10131c,#16121f)}.dash-board{display:flex;flex-direction:column;width:100%;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#1c202ef2,#12141efa);box-shadow:0 16px 48px #00000059}.dash-top{display:grid;grid-template-columns:1fr minmax(240px,300px);border-bottom:1px solid rgba(255,255,255,.07);min-height:320px}.dash-mid{display:grid;grid-template-columns:1.15fr 1.15fr .9fr .9fr;border-bottom:1px solid rgba(255,255,255,.07);min-height:220px}.dash-bottom{display:grid;grid-template-columns:1fr 2fr;min-height:200px}.dash-cell{padding:18px 20px;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;min-width:0;position:relative}.dash-cell:last-child{border-right:none}.dash-cell--chart{flex:1;background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(91,141,239,.12) 0%,transparent 60%),transparent}.dash-cell--total{background:linear-gradient(160deg,rgba(245,208,120,.14) 0%,rgba(30,28,20,.4) 45%,transparent 100%);border-left:1px solid rgba(245,208,120,.18)}.dash-cell--amount{background:linear-gradient(160deg,rgba(62,207,142,.14) 0%,rgba(18,32,26,.45) 50%,transparent 100%)}.dash-cell--amount.dash-cell--cash{background:linear-gradient(160deg,rgba(245,208,120,.16) 0%,rgba(32,28,18,.45) 50%,transparent 100%)}.dash-cell--products{background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(244,114,182,.1) 0%,transparent 55%)}.dash-cell--hourly{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(167,139,250,.12) 0%,transparent 55%)}.dash-cell--groups{background:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(54,207,201,.1) 0%,transparent 55%)}.dash-cell--customers{background:radial-gradient(ellipse 60% 50% at 100% 0%,rgba(245,192,66,.1) 0%,transparent 55%)}.dash-cell--total,.dash-cell--amount{justify-content:flex-start;align-items:stretch;container-type:inline-size}.dash-cell--total .dash-big-number{font-size:clamp(1rem,9cqi,1.65rem);white-space:nowrap;word-break:normal;font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:12px 0 8px}.dash-cell--wide{flex:1}.dash-cell-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.dash-title{margin:0;font-size:1.05rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.dash-title-accent{width:4px;height:16px;border-radius:4px;flex-shrink:0}.dash-title-accent--blue{background:linear-gradient(180deg,#60a5fa,#3b82f6);box-shadow:0 0 10px #60a5fa80}.dash-title-accent--coral{background:linear-gradient(180deg,#fb7185,#f43f5e);box-shadow:0 0 10px #f472b673}.dash-title-accent--violet{background:linear-gradient(180deg,#c4b5fd,#8b5cf6);box-shadow:0 0 10px #a78bfa80}.dash-title-accent--teal{background:linear-gradient(180deg,#5eead4,#14b8a6);box-shadow:0 0 10px #36cfc973}.dash-title-accent--amber{background:linear-gradient(180deg,#fcd34d,#f59e0b);box-shadow:0 0 10px #f5c04273}.dash-title--sm{font-size:.95rem;margin-bottom:4px}.dash-subtitle{margin:4px 0 0;font-size:.75rem;color:#8b95ad}.dash-chart-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.dash-tool-btn{width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#00000038;color:#9aa5bd;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.dash-tool-btn:hover:not(:disabled){background:#f5d0781f;border-color:#f5d07859;color:#f5d078}.dash-tool-btn--accent{background:linear-gradient(135deg,#f5d07833,#c9943a26);border-color:#f5d07859}.dash-tool-btn:disabled{opacity:.4;cursor:not-allowed}.dash-toggle{position:relative;width:36px;height:20px;cursor:pointer}.dash-toggle input{opacity:0;width:0;height:0}.dash-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#3a4158;border-radius:10px;transition:background .2s}.dash-toggle-track:after{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.dash-toggle input:checked+.dash-toggle-track{background:linear-gradient(90deg,#d4a84b,#f5d078)}.dash-toggle input:checked+.dash-toggle-track:after{transform:translate(16px)}.dash-chart-body{flex:1;min-height:200px}.dash-month-labels{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.dash-month-label{font-size:.6rem;color:#6b7694;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.dash-month-label.has-value{font-weight:700}.dash-big-number{font-size:2rem;font-weight:700;color:#fff;margin:16px 0 8px;line-height:1.1}.dash-big-number--gold{background:linear-gradient(135deg,#fff6d6,#f5d078 40%,#c9943a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(245,208,120,.25))}.dash-big-number--green{background:linear-gradient(135deg,#d1fae5,#6ee7b7 45%,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(62,207,142,.25))}.dash-big-number--amber{background:linear-gradient(135deg,#fff6d6,#f5d078 40%,#c9943a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 12px rgba(245,208,120,.25))}.dash-big-number--center{text-align:center;flex:1;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:24px 0}.dash-meta{margin:0;font-size:.8rem;color:#8b95ad;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dash-meta-value{margin:6px 0 0;font-size:.95rem;color:#fff;font-weight:600}.dash-meta-value--gold,.dash-highlight-gold{color:#f5d078}.dash-meta--center{text-align:center;justify-content:center}.dash-stat-chip{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:20px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.dash-stat-chip--gold{background:#f5d07826;border:1px solid rgba(245,208,120,.35);color:#f5d078}.dash-stat-chip--green{background:#3ecf8e24;border:1px solid rgba(62,207,142,.35);color:#6ee7b7}.dash-stat-chip--amber{background:#f5d07826;border:1px solid rgba(245,208,120,.35);color:#f5d078}.dash-period-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,#5b8def1f,#a78bfa1a,#f5d07814)}.dash-period-title{font-size:.875rem;color:#fff;font-weight:500;display:flex;align-items:center;gap:10px}.dash-period-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);box-shadow:0 0 10px #60a5fab3;flex-shrink:0}.dash-period-filters{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#8b95ad}.dash-date-input{padding:7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#00000047;color:#fff;font-size:.8rem;outline:none;transition:border-color .15s,box-shadow .15s}.dash-date-input:focus{border-color:#60a5fa80;box-shadow:0 0 0 3px #60a5fa1f}.dash-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#6b7694;font-size:.85rem;padding:24px 12px;text-align:center}.dash-list{list-style:none;margin:12px 0 0;padding:0}.dash-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.8rem}.dash-list li:last-child{border-bottom:none}.dash-list-name{color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-list-value{color:#8b95ad;flex-shrink:0;font-weight:600}.dash-list-value--coral{color:#fb7185}.dash-list-value--teal{color:#5eead4}.dash-rank{width:22px;height:22px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;flex-shrink:0;background:#ffffff0f;color:#9aa5bd}.dash-rank--1{background:linear-gradient(135deg,#f5d078,#c9943a);color:#1a1408;box-shadow:0 2px 8px #f5d07859}.dash-rank--2{background:linear-gradient(135deg,#c7d2fe,#818cf8);color:#1e1b4b}.dash-rank--3{background:linear-gradient(135deg,#fbcfe8,#f472b6);color:#500724}.dash-mini-chart{flex:1;min-height:160px;margin-top:8px}.dash-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:12px;font-size:.8rem;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.dash-table th,.dash-table td{border-bottom:1px solid rgba(255,255,255,.06);padding:11px 14px;text-align:left;color:#fff}.dash-table tr:last-child td{border-bottom:none}.dash-table th{background:#f5d07814;color:#f5d078;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.dash-table td.num,.dash-table th.num{text-align:right}.dash-table-revenue{color:#f5d078!important;font-weight:700}.dash-customer{display:inline-flex;align-items:center;gap:8px}.dash-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600}.dash-pill--blue{background:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#93c5fd}.dash-pill--green{background:#3ecf8e24;border:1px solid rgba(62,207,142,.3);color:#6ee7b7}.dash-pill--amber{background:#f5d07824;border:1px solid rgba(245,208,120,.3);color:#f5d078}@media(max-width:1100px){.dash-top{grid-template-columns:1fr}.dash-cell--total{border-top:1px solid rgba(255,255,255,.07);border-right:none;border-left:none}.dash-mid{grid-template-columns:1fr}.dash-mid .dash-cell{border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.dash-bottom{grid-template-columns:1fr}.dash-bottom .dash-cell{border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.dash-month-labels{display:none}}.dashboard-page{width:100%;display:flex;flex-direction:column;gap:16px}.dashboard-toolbar{display:flex;justify-content:flex-end;margin-bottom:0}.btn-refresh{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-panel);color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .15s}.btn-refresh:hover:not(:disabled){background:var(--bg-panel-hover);color:#fff}.btn-refresh:disabled{opacity:.6;cursor:wait}.summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:0;width:100%}.summary-card-label{font-size:.8rem;opacity:.9;margin-bottom:8px}.summary-card-value{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:1.1}.summary-card-value--sm{font-size:clamp(1rem,1.8vw,1.35rem)}.summary-card--orange{background:linear-gradient(135deg,#f1b44c,#e09a2a)}.summary-card--green{background:linear-gradient(135deg,#34c38f,#2aa876)}.summary-card--purple{background:linear-gradient(135deg,#a16eff,#8b4fe0)}.summary-card--red{background:linear-gradient(135deg,#f46a6a,#e04e4e)}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,22%);gap:16px;align-items:stretch;width:100%;min-height:380px}.chart-panel{background:var(--bg-panel);border-radius:var(--radius-lg);padding:20px 24px;border:1px solid #32394e;display:flex;flex-direction:column;min-width:0;height:100%}.chart-area{flex:1;min-height:260px;width:100%}.chart-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-panel-header h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.year-select{background:var(--bg-main);border:1px solid #3a4158;color:var(--text-muted);padding:6px 12px;border-radius:6px;font-size:.8rem}.chart-footer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #3a4158}.chart-footer-item{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-muted)}.chart-footer-item strong{color:#fff;font-size:.95rem}.side-stats{display:flex;flex-direction:column;gap:16px;height:100%;min-width:0}.side-stat-card{background:var(--bg-panel);border:1px solid #32394e;border-radius:var(--radius-lg);padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;flex:1;justify-content:center;min-height:0}.side-stat-icon{color:var(--accent-green);opacity:.9}.side-stat-icon--accent{color:var(--accent-purple)}.side-stat-label{font-size:.8rem;color:var(--text-muted)}.side-stat-value{font-size:clamp(.9rem,1.1vw,1.15rem);font-weight:700;color:#fff;word-break:break-word}.page{width:100%}.page-title{font-family:var(--font);font-size:1.35rem;font-weight:700;margin:0 0 20px;color:var(--champagne);letter-spacing:.12em;text-transform:uppercase}.panel-card{background:linear-gradient(160deg,#26222cf2,#1c1822fa);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:0;color:var(--text-primary);width:100%;box-shadow:0 12px 32px #00000038}.dashboard-bottom{width:100%}.panel-title{margin:0 0 14px;font-size:.95rem;font-weight:600}.panel-title--warn{color:var(--accent-red)}.card{background:var(--bg-panel);border:1px solid #32394e;border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;color:#fff;width:100%}.card-dark{background:var(--bg-panel);border:1px solid #32394e;border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;width:100%}.stat-card{border-radius:var(--radius-lg);padding:18px;color:#fff}.stat-card:nth-child(1){background:linear-gradient(135deg,#f1b44c,#e09a2a)}.stat-card:nth-child(2){background:linear-gradient(135deg,#34c38f,#2aa876)}.stat-card:nth-child(3){background:linear-gradient(135deg,#a16eff,#8b4fe0)}.stat-card:nth-child(4){background:linear-gradient(135deg,#f46a6a,#e04e4e)}.stat-label{font-size:.75rem;opacity:.9;margin-bottom:6px}.stat-value{font-size:1.25rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;padding:12px 20px;font-weight:600;font-size:.875rem;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold-soft) 0%,var(--gold) 45%,var(--gold-deep) 100%);color:#1a1408;width:100%;border:1px solid rgba(243,230,200,.35);box-shadow:inset 0 1px #ffffff47,0 8px 22px #a8843d38;letter-spacing:.04em}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-outline{background:transparent;border:1px solid var(--accent-orange);color:var(--accent-orange);width:100%}.btn-danger{background:var(--danger-red);color:#fff;width:100%}.btn-icon{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px}.btn-icon:hover{background:var(--bg-panel-hover);color:#fff}.field{margin-bottom:14px}.field label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 14px;border:1px solid #3a4158;border-radius:8px;background:var(--bg-main);color:#fff;font-size:.9rem}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent-orange)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chip{padding:7px 16px;border-radius:50px;border:1px solid #3a4158;background:var(--bg-main);color:var(--text-muted);font-size:.8rem;cursor:pointer}.chip.active{background:var(--accent-orange);color:#222736;border-color:var(--accent-orange)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-panel);border:1px solid #32394e;border-radius:50px;padding:10px 18px;margin-bottom:16px}.search-bar input{flex:1;background:transparent;border:none;color:#fff;font-size:.9rem;outline:none}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #3a4158}.list-item:last-child{border-bottom:none}.list-item--dark{border-color:#3a4158}.profit{color:var(--profit-green);font-weight:600}.danger{color:var(--danger-red)}.low-stock{color:var(--low-stock-red)}.link-accent{color:var(--accent-orange);font-size:.85rem}.snackbar{position:fixed;bottom:24px;right:24px;background:#2a3042;color:#fff;padding:14px 20px;border-radius:8px;font-size:.875rem;z-index:300;max-width:360px;box-shadow:0 8px 24px #0006;border:1px solid #3a4158}.snackbar.success{border-left:4px solid var(--profit-green)}.snackbar.error{border-left:4px solid var(--danger-red)}.snackbar.info{border-left:4px solid var(--accent-orange)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:.8rem}table.data-table th,table.data-table td{border:1px solid #3a4158;padding:10px;text-align:left;color:#fff}table.data-table th{background:var(--bg-main);font-weight:600;color:var(--text-muted)}table.data-table td.num{text-align:right}table.data-table tfoot td{border-top:2px solid #3a4158;font-weight:700;background:#252a3a}.rpt-total-row td:first-child{color:var(--accent-orange)}.settings-menu{display:flex;flex-direction:column;gap:2px;width:100%}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-panel);color:#fff;border:none;cursor:pointer;text-align:left;font-size:.9rem;border-bottom:1px solid #32394e}.settings-item:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.settings-item:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:none}.settings-item:hover{background:var(--bg-panel-hover)}.hero-card{background:var(--bg-panel);border:1px solid #32394e;border-radius:var(--radius-lg);padding:22px;margin-bottom:20px;width:100%}.hero-card h2{margin:0 0 6px;color:var(--accent-orange);font-size:1.2rem}.qty-control{display:flex;align-items:center;gap:8px}.qty-control button{width:32px;height:32px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;cursor:pointer}.fab{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:50%;background:var(--accent-orange);color:#222736;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 16px #00000059;z-index:50;font-weight:700}.back-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.back-header button{background:var(--bg-panel);border:1px solid #3a4158;color:var(--accent-orange);font-size:1.1rem;cursor:pointer;width:36px;height:36px;border-radius:8px}@media(max-width:1200px){.dashboard-middle{grid-template-columns:minmax(0,1fr) minmax(160px,24%)}}@media(max-width:992px){.summary-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-middle{grid-template-columns:1fr;min-height:auto}.side-stats{flex-direction:row;height:auto}.side-stat-card{min-height:120px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.app-layout{--sidebar-current-width: var(--sidebar-collapsed-width)}.sidebar-brand-text,.sidebar-link-label,.sidebar-badge{display:none!important}.sidebar-brand{justify-content:center;padding:12px 8px}.brand-logo--sidebar .brand-logo-img{width:32px;max-height:32px}.sidebar-link{justify-content:center;padding:12px 8px}.main-content{width:calc(100vw - var(--sidebar-collapsed-width));margin-left:var(--sidebar-collapsed-width);padding:16px}.summary-cards{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.side-stats{flex-direction:column}}.rpt-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);height:100vh;background:var(--bg-main);overflow:hidden}.rpt-main{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #3a4158;background:var(--bg-panel);overflow:hidden}.rpt-main--has-report .rpt-list{flex:0 0 auto;max-height:34vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a4158 transparent;border-bottom:1px solid #3a4158}.rpt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px 14px;border-bottom:1px solid #3a4158;background:var(--bg-panel);flex-shrink:0}.rpt-eyebrow{margin:0 0 4px;font-size:.75rem;color:var(--accent-blue);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.rpt-title{margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.rpt-search-wrap{position:relative;width:min(100%,260px);flex-shrink:0}.rpt-search{width:100%;padding:10px 36px 10px 14px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.9rem}.rpt-search:focus{outline:none;border-color:var(--accent-orange)}.rpt-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.rpt-list{flex:1;min-height:0;overflow:hidden;padding:10px 18px 16px;scrollbar-width:none;-ms-overflow-style:none}.rpt-list::-webkit-scrollbar{display:none}.rpt-category{margin-bottom:12px}.rpt-category-title{margin:0 0 6px;padding:0 6px;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.rpt-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.rpt-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:#e8ecf4;font-size:.88rem;text-align:left;cursor:pointer;transition:background .15s}.rpt-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rpt-item:hover:not(.disabled){background:var(--bg-panel-hover)}.rpt-item.active{background:#32394e;color:#fff;box-shadow:inset 3px 0 0 var(--accent-orange)}.rpt-item.disabled{opacity:.45;cursor:not-allowed}.rpt-item-icon{font-size:.95rem;opacity:.85;flex-shrink:0}.rpt-soon{margin-left:auto;font-size:.62rem;padding:2px 5px;border-radius:4px;background:#3a4158;color:var(--text-muted);flex-shrink:0}.rpt-preview{flex:1;min-height:0;overflow-y:auto;padding:14px 18px 18px;background:var(--bg-main);scrollbar-width:thin;scrollbar-color:#3a4158 transparent}.rpt-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.rpt-preview-title-wrap{display:flex;align-items:baseline;gap:12px;min-width:0;flex-wrap:wrap}.rpt-preview-head h3{margin:0;font-size:1rem}.rpt-close-btn{flex-shrink:0;padding:8px 14px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-panel);color:var(--text-muted);font-size:.82rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rpt-close-btn:hover{background:#3a4158;color:#fff;border-color:#4a5270}.rpt-preview-range{font-size:.8rem;color:var(--text-muted)}.rpt-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.rpt-summary-item{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px 14px 18px;border-radius:14px;min-width:0;background:linear-gradient(145deg,#2a3042f2,#1c202efa);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #0000002e;overflow:hidden}.rpt-summary-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,#f5d078,#c9a03a)}.rpt-summary-item:nth-child(2):before{background:linear-gradient(180deg,#7ddea8,#34c38f)}.rpt-summary-item:nth-child(3):before{background:linear-gradient(180deg,#7eb6f5,#50a5f1)}.rpt-summary-item:nth-child(4):before{background:linear-gradient(180deg,#c9a6f5,#a16eff)}.rpt-summary-item span{font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#8b95ad;line-height:1.3}.rpt-summary-item strong{font-size:1.12rem;font-weight:700;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2;word-break:break-word}@media(max-width:1100px){.rpt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.rpt-summary{grid-template-columns:1fr}}.main-content:has(.prd-page:not(.prd-page--detail)){background:radial-gradient(circle at 78% -12%,rgba(194,151,70,.075),transparent 34%),linear-gradient(155deg,#08090c,#0d0e12 48%,#090a0d)!important}.main-content .prd-page:not(.prd-page--detail) .prd-header,.main-content .prd-page:not(.prd-page--detail) .prd-toolbar{border-color:#cfa95b24!important;background:linear-gradient(180deg,#16171cf5,#0c0d11f5)!important;box-shadow:inset 0 1px #ffffff06,0 12px 32px #0000003d!important}.main-content .prd-page:not(.prd-page--detail) .prd-search{border:1px solid rgba(207,169,91,.17)!important;background:#040507bd!important;box-shadow:inset 0 1px 8px #0000006b,0 0 0 1px #ffffff03}.main-content .prd-page:not(.prd-page--detail) .prd-search:focus-within{border-color:#e7be6985!important;box-shadow:0 0 0 3px #cfa95b14,inset 0 1px 8px #00000075}.main-content .prd-page:not(.prd-page--detail) .prd-chip,.main-content .prd-page:not(.prd-page--detail) .prd-sort{border-color:#ffffff13!important;color:#aaa49a;background:linear-gradient(180deg,#1b1c21,#111216)!important}.main-content .prd-page:not(.prd-page--detail) .prd-chip.is-active{border-color:#e8c16f94!important;color:#17130b!important;background:linear-gradient(135deg,#f0d18c,#b98a3d)!important;box-shadow:0 6px 18px #b98a3d33}.main-content .prd-page:not(.prd-page--detail) .prd-search-meta{border-color:#cfa95b1f!important;color:#9c958a;background:#050608c7!important}.main-content .prd-page:not(.prd-page--detail) .prd-list{gap:8px!important}.main-content .prd-page:not(.prd-page--detail) .prd-card{isolation:isolate;border:1px solid rgba(211,174,97,.13)!important;border-radius:12px!important;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.024),transparent 28%),linear-gradient(105deg,#15161a,#101115 52%,#0b0c0f)!important;box-shadow:0 8px 24px #00000047,inset 0 1px #ffffff07!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.main-content .prd-page:not(.prd-page--detail) .prd-card:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(211,174,97,.035),transparent 24%)}.main-content .prd-page:not(.prd-page--detail) .prd-card:hover{transform:translateY(-1px);border-color:#e5be6c57!important;box-shadow:0 12px 30px #0006,0 0 0 1px #d3ae610b,inset 0 1px #ffffff0b!important}.main-content .prd-page:not(.prd-page--detail) .prd-thumb{border-color:#d4af642e!important;background:radial-gradient(circle at 50% 20%,#292a2f,#101115 72%)!important;box-shadow:inset 0 1px #ffffff0a,0 6px 16px #0000004d!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-name{color:#f0ede5!important;letter-spacing:.015em!important;text-shadow:0 1px 12px rgba(0,0,0,.5)}.main-content .prd-page:not(.prd-page--detail) .prd-card-meta{color:#77746e!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-price strong{color:#dfbc72!important;text-shadow:0 0 14px rgba(213,169,78,.12)!important}.main-content .prd-page:not(.prd-page--detail) .prd-garansi{border-color:#d2ae6326!important;color:#a89f90!important;background:#d0aa5b0b!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{border-color:#d2ae6317!important;background:linear-gradient(90deg,#00000014,#ffffff02,#00000014)}.main-content .prd-page:not(.prd-page--detail) .prd-fitment-label{color:#c9a45f!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment-list{color:#d3cec4!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side{border-left-color:transparent!important;background:transparent!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-stock{border-bottom:none!important}.main-content .prd-page:not(.prd-page--detail) .prd-stock--ok{color:#e8fff0!important;border:1px solid rgba(72,220,140,.55)!important;background:linear-gradient(160deg,#3dd68c,#1faa5c 48%,#128a48)!important;box-shadow:0 0 0 1px #3dd68c40,0 6px 16px #1faa5c59,inset 0 1px #ffffff47!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}.main-content .prd-page:not(.prd-page--detail) .prd-stock--mid{color:#fff8e6!important;border:1px solid rgba(245,200,80,.6)!important;background:linear-gradient(160deg,#ffd45a,#e5a820 48%,#c48410)!important;box-shadow:0 0 0 1px #ffd45a47,0 6px 16px #e5a82061,inset 0 1px #ffffff4d!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}.main-content .prd-page:not(.prd-page--detail) .prd-stock--low{color:#fff0ee!important;border:1px solid rgba(255,120,100,.6)!important;background:linear-gradient(160deg,#ff7a6a,#e4453a 48%,#c22e28)!important;box-shadow:0 0 0 1px #ff7a6a4d,0 6px 16px #e4453a66,inset 0 1px #ffffff47!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-edit-btn{color:#bd9953!important;background:linear-gradient(180deg,#111216,#090a0d)!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-edit-btn:hover{color:#17130b!important;background:linear-gradient(135deg,#ecd08e,#b4873d)!important}.mobile-topbar,.mobile-nav-backdrop,.sidebar-mobile-close{display:none}@media(max-width:768px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}body.mobile-nav-open{overflow:hidden}.app-layout,.app-layout--collapsed{display:block;width:100%;min-width:0;--sidebar-current-width: min(86vw, 320px)}.mobile-topbar{position:fixed;z-index:1100;inset:0 0 auto;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;border-bottom:1px solid rgba(213,176,99,.2);background:radial-gradient(circle at 50% 0%,rgba(210,170,86,.08),transparent 65%),#090a0df5;box-shadow:0 10px 28px #00000061;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-menu-btn{width:40px;height:40px;padding:10px;border:1px solid rgba(215,179,104,.24);border-radius:11px;display:flex;flex-direction:column;justify-content:center;gap:4px;color:#e6c778;background:linear-gradient(145deg,#1c1b1d,#0c0d10)}.mobile-menu-btn span{width:100%;height:2px;border-radius:2px;background:currentColor}.mobile-topbar-brand{min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.1}.mobile-topbar-brand strong{overflow:hidden;max-width:100%;color:#f0e7d3;font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.mobile-topbar-brand small{margin-top:3px;color:#88775a;font-size:.54rem;letter-spacing:.12em;text-transform:uppercase}.mobile-topbar-spacer{width:42px}.mobile-nav-backdrop{position:fixed;z-index:1101;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block;visibility:hidden;opacity:0;background:#000000ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .18s ease,visibility .18s ease}.mobile-nav-backdrop.is-open{visibility:visible;opacity:1}.sidebar,.sidebar.sidebar--collapsed{z-index:1102;width:min(86vw,320px);min-width:min(86vw,320px);padding-top:env(safe-area-inset-top);transform:translate(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s ease}.sidebar.sidebar--mobile-open{transform:translate(0);visibility:visible}.sidebar--collapsed .sidebar-brand-text,.sidebar--collapsed .sidebar-group-label,.sidebar--collapsed .sidebar-link-label,.sidebar--collapsed .sidebar-link-chevron,.sidebar--collapsed .sidebar-online-copy{display:initial}.sidebar--collapsed .sidebar-brand-text,.sidebar--collapsed .sidebar-online-copy,.sidebar--collapsed .sidebar-account{display:flex}.sidebar--collapsed .sidebar-account.is-collapsed{margin:10px 0 8px;padding:11px;background:linear-gradient(155deg,#d4af691a,#1c1a21eb 42%,#100e14f5);border:1px solid rgba(212,175,105,.22);box-shadow:inset 0 1px #f3e6c814,0 10px 28px #00000047;overflow:hidden}.sidebar--collapsed .sidebar-account.is-collapsed:before{display:block}.sidebar--collapsed .sidebar-group-label,.sidebar--collapsed .sidebar-link-label,.sidebar--collapsed .sidebar-link-chevron{display:block}.sidebar--collapsed .sidebar-brand{justify-content:flex-start;padding:15px 16px}.sidebar--collapsed .sidebar-brand-logo-wrap{width:auto}.sidebar--collapsed .sidebar-link{justify-content:flex-start;padding:10px 12px}.sidebar--collapsed .sidebar-footer{align-items:stretch;padding:10px 12px calc(16px + env(safe-area-inset-bottom,0px))}.sidebar.sidebar--mobile-open .sidebar-footer{padding:10px 12px calc(72px + env(safe-area-inset-bottom,0px))!important}.sidebar.sidebar--mobile-open .sidebar-logout-btn{margin-bottom:4px}.sidebar--collapsed .sidebar-online-status,.sidebar--collapsed .sidebar-collapse-btn,.sidebar--collapsed .sidebar-logout-btn{width:100%;height:auto;min-height:42px;margin-inline:0;padding:8px 10px}.sidebar .sidebar-collapse-btn,.sidebar-brand-collapse{display:none}.sidebar-mobile-close{width:36px;height:36px;margin-left:auto;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#d8b96f;background:#ffffff09;font-size:1.45rem;line-height:1}.main-content,.app-layout--collapsed .main-content{width:100%;min-width:0;min-height:100dvh;margin-left:0!important;padding-top:calc(58px + env(safe-area-inset-top));overflow-x:hidden}.main-content:has(.dash-board){padding:calc(70px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;overflow:visible!important}.dash-board{border-radius:13px;overflow:visible}.dash-top,.dash-mid,.dash-bottom{grid-template-columns:minmax(0,1fr)!important;min-height:0}.dash-cell{min-height:160px;padding:15px 14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.dash-cell--chart{min-height:300px}.dash-chart-body{min-height:220px}.dash-period-bar{align-items:stretch;padding:14px}.dash-period-title{width:100%}.dash-period-filters{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.dash-date-input,.dash-period-filters button{width:100%;min-height:42px}.dash-table-wrap,.dash-cell:has(.dash-table){overflow-x:auto;-webkit-overflow-scrolling:touch}.dash-table{min-width:560px}.ksd-hero{padding:18px 14px!important}.ksd-hero-actions,.ksd-hero-actions>*{width:100%}.ksd-metrics,.ksd-grid{grid-template-columns:minmax(0,1fr)!important}.main-content:has(.sal-page){height:auto!important;min-height:100dvh!important;padding:calc(58px + env(safe-area-inset-top)) 0 0!important;overflow:visible!important}.sal-page{height:auto!important;min-height:calc(100dvh - 58px)!important;overflow:visible!important}.sal-header{position:relative;top:auto;padding:12px 13px!important;flex-direction:column;align-items:stretch;gap:10px}.sal-header-main{min-width:0}.sal-header-main h1{font-size:1rem}.sal-header-sub{white-space:normal}.sal-header-stats{width:100%;justify-content:flex-start;flex-wrap:wrap}.sal-body{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column;overflow:visible!important}.sal-catalog{height:auto!important;max-height:none!important;min-height:0;padding:12px!important;overflow:visible!important}.sal-search{position:sticky;z-index:4;top:calc(58px + env(safe-area-inset-top))}.sal-quick-grid{grid-template-columns:minmax(0,1fr)!important}.sal-quick-row{grid-template-columns:minmax(0,1fr) auto}.sal-product-list{min-height:300px;max-height:54dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sal-product-item{min-height:72px;padding:9px 8px!important}.sal-product-meta{flex-wrap:wrap}.sal-cart-panel{height:auto!important;min-height:360px;max-height:none!important;border-left:0;border-top:1px solid rgba(214,176,98,.18);overflow:visible!important}.sal-cart-body{min-height:220px;max-height:46dvh;overflow-y:auto}.sal-cart-footer{position:sticky;z-index:5;bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#0a0b0ff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-content:has(.chk-page){height:auto!important;min-height:100dvh!important;padding:calc(58px + env(safe-area-inset-top)) 0 0!important;overflow:visible!important;display:block}.chk-page{height:auto!important;min-height:calc(100dvh - 58px);overflow:visible}.chk-header{padding:11px 13px}.chk-header h1{font-size:1rem}.chk-body{display:flex!important;flex-direction:column;height:auto;overflow:visible!important}.chk-visual,.chk-order,.chk-form-panel{width:100%;height:auto!important;min-height:0;max-height:none!important;padding:15px 13px;border-right:0;border-bottom:1px solid rgba(255,255,255,.07);overflow:visible!important}.chk-visual-grid,.chk-visual-grid--single{min-height:0;max-height:none;overflow:visible}.chk-visual-grid--single .chk-visual-frame{min-height:190px;max-height:260px;aspect-ratio:16 / 9}.chk-visual-grid:not(.chk-visual-grid--single){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.chk-visual-card{width:100%!important}.chk-order-list{max-height:none}.chk-form-grid,.chk-coupon-row{grid-template-columns:minmax(0,1fr)}.chk-coupon-btn{min-height:42px}.chk-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chk-btn--pay{position:sticky;z-index:5;bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 10px 30px #0000008c,0 0 0 8px #0d0e12eb}.chk-success-body{padding:16px 13px calc(24px + env(safe-area-inset-bottom))}.main-content .prd-page:not(.prd-page--detail) .prd-header,.main-content .prd-page:not(.prd-page--detail) .prd-toolbar,.main-content .prd-page:not(.prd-page--detail) .prd-body{padding-left:10px!important;padding-right:10px!important}.main-content .prd-page:not(.prd-page--detail) .prd-header{flex-direction:column;align-items:stretch;gap:10px}.main-content .prd-page:not(.prd-page--detail) .prd-header-stats{width:100%;justify-content:flex-start;flex-wrap:wrap}.main-content .prd-page:not(.prd-page--detail) .prd-toolbar{gap:10px}.main-content .prd-page:not(.prd-page--detail) .prd-filters{width:100%;align-items:stretch;flex-direction:column}.main-content .prd-page:not(.prd-page--detail) .prd-filter-group,.main-content .prd-page:not(.prd-page--detail) .prd-sort-wrap,.main-content .prd-page:not(.prd-page--detail) .prd-sort{width:100%}.main-content .prd-page:not(.prd-page--detail) .prd-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.main-content .prd-page:not(.prd-page--detail) .prd-actions,.main-content .prd-page:not(.prd-page--detail) .prd-share-group{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}.main-content .prd-page:not(.prd-page--detail) .prd-share-btn{width:100%}.main-content .prd-page:not(.prd-page--detail) .prd-card{grid-template-columns:24px minmax(0,1fr) auto!important;min-height:0;align-items:center!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-main{grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto;gap:7px!important;min-height:0!important;padding:5px 4px 5px 0!important}.main-content .prd-page:not(.prd-page--detail) .prd-thumb{width:38px!important;height:38px!important;align-self:center}.main-content .prd-page:not(.prd-page--detail) .prd-card-info{padding:0!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-name{font-size:.78rem!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-meta{font-size:.58rem!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{display:none!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment-label{font-size:.52rem}.main-content .prd-page:not(.prd-page--detail) .prd-fitment-list{font-size:.64rem}.main-content .prd-page:not(.prd-page--detail) .prd-card-side{width:auto;min-width:0}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-stock strong{font-size:.92rem!important}.main-content .prd-page:not(.prd-page--detail) .prd-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}}@media(max-width:430px){.mobile-topbar-brand small{display:none}.dash-cell-head,.sal-cart-item-foot{flex-wrap:wrap}.sal-product-name,.sal-cart-item-name{overflow-wrap:anywhere}.chk-visual-grid:not(.chk-visual-grid--single){grid-template-columns:minmax(0,1fr)}.chk-action-grid{grid-template-columns:minmax(0,1fr)}.main-content .prd-page:not(.prd-page--detail) .prd-card{grid-template-columns:20px minmax(0,1fr) auto!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side{width:auto;min-width:0}}@media(max-width:768px){.gmp-bar--mini{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:min(220px,calc(100vw - 20px))}.app-layout--music.app-layout--music-min .main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}.app-layout--music.app-layout--music-min .fab,.app-layout--music.app-layout--music-min .snackbar{bottom:calc(66px + env(safe-area-inset-bottom))!important}}@media(max-width:768px){.sidebar.sidebar--mobile-open .sidebar-brand{justify-content:flex-start!important;padding:14px 16px!important}.sidebar.sidebar--mobile-open .sidebar-brand-text{min-width:0;display:flex!important;flex-direction:column}.sidebar.sidebar--mobile-open .sidebar-link{min-height:46px;justify-content:flex-start!important;gap:11px;padding:9px 12px!important}.sidebar.sidebar--mobile-open .sidebar-link-label{min-width:0;display:block!important;overflow:hidden;color:#c8c2b7;font-size:.78rem;font-weight:560;white-space:nowrap;text-align:left;text-overflow:ellipsis}.sidebar.sidebar--mobile-open .sidebar-link.active .sidebar-link-label{color:#f0d18a}.sidebar.sidebar--mobile-open .sidebar-link-chevron{display:block!important;margin-left:auto;color:#786b54}.sidebar.sidebar--mobile-open .sidebar-badge{display:inline-flex!important}.sidebar.sidebar--mobile-open .sidebar-link-icon{flex:0 0 auto}.sidebar.sidebar--mobile-open .sidebar-group-items{gap:4px}}.rpt-empty-cell{text-align:center;color:var(--text-muted);padding:24px!important}.rpt-filter{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--bg-panel);overflow:hidden}.rpt-filter-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 20px 8px;scrollbar-width:thin;scrollbar-color:#3a4158 transparent}.rpt-filter-title{margin:0 0 14px;font-size:1.05rem;font-weight:600}.rpt-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;font-size:.82rem;color:var(--text-muted);flex-shrink:0}.rpt-field select,.rpt-date-inputs input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.86rem}.rpt-field select:disabled{opacity:.6;cursor:not-allowed}.rpt-date-range{margin:8px 0 10px;padding:10px 12px;border-radius:8px;background:var(--bg-main);border:1px solid #3a4158;flex-shrink:0}.rpt-date-label{display:block;font-size:.85rem;margin-bottom:8px;color:#fff}.rpt-date-inputs{display:flex;align-items:center;gap:8px}.rpt-date-inputs input{flex:1;min-width:0}.rpt-date-inputs span{color:var(--text-muted);flex-shrink:0}.rpt-date-hint{margin:8px 0 0;font-size:.75rem;color:var(--text-muted);line-height:1.35}.rpt-date-hint strong{color:#e8c47a}.rpt-selected{margin:0 0 12px;font-size:.82rem;color:var(--text-muted);flex-shrink:0}.rpt-selected strong{color:#fff}.rpt-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex-shrink:0;padding:12px 20px 18px;border-top:1px solid #3a4158;background:var(--bg-panel)}.rpt-action-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.rpt-action-btn:hover:not(:disabled){background:var(--bg-panel-hover);border-color:#4a5270}.rpt-action-btn:disabled{opacity:.45;cursor:not-allowed}.rpt-action-btn--primary{grid-column:1 / -1;background:linear-gradient(135deg,#3d4a6b,#2f3855);border-color:#4a5270;font-weight:600}.rpt-action-btn--primary:hover:not(:disabled){border-color:var(--accent-orange)}@media(max-width:1100px){.main-content:has(.rpt-page){height:auto;overflow:auto}.rpt-page{grid-template-columns:1fr;height:auto;min-height:100vh}.rpt-main{border-right:none;border-bottom:1px solid #3a4158}.rpt-main--has-report .rpt-list{max-height:240px}.rpt-items{grid-template-columns:1fr}.rpt-filter{border-top:1px solid #3a4158}.rpt-preview{max-height:none}}@media(max-width:720px){.rpt-head{flex-direction:column}.rpt-search-wrap{width:100%}}@media print{.sidebar,.gmp-bar,.rpt-filter,.rpt-list,.rpt-head,.rpt-search-wrap{display:none!important}.rpt-page{display:block;height:auto}.rpt-preview{border:none;padding:0}.main-content{margin:0!important;width:100%!important;padding:0!important;overflow:visible!important;height:auto!important}.app-layout{display:block}}.sup-page{display:flex;flex-direction:column;height:100vh;background:var(--bg-main);overflow:hidden}.sup-toolbar{display:flex;align-items:center;gap:2px;padding:8px 12px;background:#252b3d;border-bottom:1px solid #3a4158;flex-shrink:0;overflow-x:auto}.sup-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:58px;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:#c8d0e7;font-size:.68rem;cursor:pointer;transition:background .15s,color .15s}.sup-tool:hover:not(:disabled){background:#32394e;color:#fff}.sup-tool:disabled{opacity:.35;cursor:not-allowed}.sup-tool-icon{font-size:1.1rem;line-height:1}.sup-toolbar-sep{width:1px;height:36px;background:#3a4158;margin:0 6px;flex-shrink:0}.sup-search-bar{display:flex;align-items:center;gap:0;padding:0;background:#2a3042;border-bottom:1px solid #3a4158;flex-shrink:0}.sup-filter-select{padding:12px 14px;border:none;border-right:1px solid #3a4158;background:#2a3042;color:#fff;font-size:.88rem;min-width:110px;cursor:pointer}.sup-search-wrap{position:relative;flex:1;min-width:0}.sup-search-input{width:100%;padding:12px 40px 12px 14px;border:none;background:#2a3042;color:#fff;font-size:.9rem}.sup-search-input:focus{outline:none;background:#32394e}.sup-search-input::placeholder{color:#7a849e}.sup-search-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#7a849e;pointer-events:none}.sup-table-wrap{flex:1;min-height:0;overflow:auto;background:#1e2230}.sup-table{width:100%;border-collapse:collapse;font-size:.86rem}.sup-table thead th{position:sticky;top:0;z-index:1;padding:10px 12px;text-align:left;font-weight:600;color:#a6b0cf;background:#252b3d;border-bottom:2px solid var(--accent-blue);white-space:nowrap}.sup-table tbody td{padding:9px 12px;border-bottom:1px solid #2e3548;color:#e8ecf4;vertical-align:middle}.sup-table tbody tr{cursor:pointer;transition:background .12s}.sup-table tbody tr:hover{background:#2a3042}.sup-table tbody tr.selected{background:#32394e;box-shadow:inset 3px 0 0 var(--accent-blue)}.sup-table tbody tr.sup-row-inactive{opacity:.55}.sup-table tbody tr.sup-row-inactive .sup-name{text-decoration:line-through;text-decoration-color:#ffffff40}.sup-row-check{width:16px;height:16px;accent-color:#6ecf4a;cursor:pointer}.sup-check-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid #4a5568;background:#2a3040;color:transparent;font-size:.8rem;font-weight:700;cursor:pointer;padding:0;transition:background .15s,border-color .15s,color .15s}.sup-check-toggle:hover{border-color:#6ecf4a}.sup-check-toggle.is-on{background:#3a4a2a;border-color:#5a8a3a;color:#8fd46a}.sup-check-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.sup-badge-inactive{margin-left:8px;padding:2px 8px;border-radius:4px;background:#b4505040;color:#f0a0a0;font-size:.75rem;font-weight:600}.sup-name{font-weight:500;color:#fff}.sup-muted{color:#8b95ad}.sup-col-check{width:72px;text-align:center}.sup-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;background:#3a4a2a;color:#8fd46a;font-size:.75rem;font-weight:700}.sup-empty{text-align:center;padding:48px 16px!important;color:#7a849e}.sup-statusbar{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 14px;background:#252b3d;border-top:1px solid #3a4158;font-size:.8rem;color:#a6b0cf;flex-shrink:0}.sup-statusbar strong{color:#fff}.sup-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.sup-modal{width:min(100%,420px);max-height:min(92vh,860px);overflow:auto;padding:22px;border-radius:12px;background:var(--bg-panel);border:1px solid #3a4158;box-shadow:0 16px 48px #0006}.sup-modal--wide{width:min(100%,560px)}.sup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.sup-field--full{grid-column:1 / -1}.sup-field--check{flex-direction:row;align-items:center;gap:10px;margin-bottom:16px;color:#e2e8f0}.sup-field--check input[type=checkbox]{width:16px;height:16px;accent-color:#4a7fd4;cursor:pointer}.sup-input-readonly{opacity:.7;cursor:default}.sup-modal h2{margin:0 0 16px;font-size:1.1rem}.sup-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.85rem;color:var(--text-muted)}.sup-field input,.sup-field textarea{padding:10px 12px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.9rem;resize:vertical}.sup-field-hint{margin:0;font-size:.78rem;color:#8b95ad;line-height:1.4}.sup-field-hint strong{color:#dce3f2;font-weight:600}.sup-group-box{display:flex;flex-direction:column;gap:10px;margin-top:6px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000038}.sup-group-selected-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;color:#c9d0e0}.sup-group-clear{border:none;background:transparent;color:#f0a070;font-size:.78rem;font-weight:600;cursor:pointer;padding:0}.sup-group-clear:hover{text-decoration:underline}.sup-group-selected{display:flex;flex-wrap:wrap;gap:6px;max-height:88px;overflow:auto;padding-bottom:2px}.sup-group-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.sup-group-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#c9d0e0;font-size:.78rem;font-weight:600;cursor:pointer}.sup-group-chip:hover{border-color:#e8c06066}.sup-group-chip.is-on{border-color:#e8c0608c;background:#e8c06024;color:#f5d078}.sup-group-chip span{opacity:.75;font-weight:700}.sup-group-search{position:relative;display:flex;align-items:center}.sup-group-search-icon{position:absolute;left:12px;color:#8b95ad;font-size:.95rem;pointer-events:none}.sup-group-search input{width:100%;padding:10px 36px 10px 34px;border-radius:10px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.88rem}.sup-group-search input:focus{outline:none;border-color:#e8c06073}.sup-group-search-clear{position:absolute;right:8px;border:none;background:transparent;color:#8b95ad;cursor:pointer;padding:4px 6px;font-size:.8rem}.sup-group-list-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.75rem;color:#8b95ad}.sup-group-list-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sup-group-add-link{border:none;background:transparent;color:#f5d078;font-size:.75rem;font-weight:700;cursor:pointer;padding:0}.sup-group-list{max-height:180px;overflow:auto;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.sup-group-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:none;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#e8ecf4;font-size:.85rem;text-align:left;cursor:pointer}.sup-group-row:last-child{border-bottom:none}.sup-group-row:hover{background:#e8c06014}.sup-group-row em{font-style:normal;font-size:.75rem;font-weight:700;color:#f5d078;opacity:.85}.sup-group-empty{margin:0;padding:14px 12px;font-size:.8rem;color:#8b95ad;text-align:center}.sup-group-add{display:flex;gap:8px}.sup-group-add input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.9rem}.sup-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.sup-btn{padding:10px 18px;border-radius:8px;border:1px solid #3a4158;font-size:.88rem;cursor:pointer}.sup-btn--ghost{background:transparent;color:#c8d0e7}.sup-btn--primary{background:linear-gradient(135deg,#3d4a6b,#2f3855);color:#fff;border-color:#4a5270;font-weight:600}.usr-page{display:flex;flex-direction:column;height:100vh;background:#1a1e2b;color:#e2e8f0}.usr-tabs{display:flex;gap:0;border-bottom:1px solid #3a4158;background:#1e2230}.usr-tab{padding:12px 24px;border:none;border-bottom:2px solid transparent;background:transparent;color:#9aa5bd;font-size:.9rem;cursor:pointer;margin-bottom:-1px}.usr-tab:hover{color:#e2e8f0}.usr-tab.active{color:#fff;border-bottom-color:var(--accent-blue);background:#1a1e2b}.usr-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid #3a4158;background:#232838}.usr-tool{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:#c8d0e7;font-size:.7rem;cursor:pointer}.usr-tool:hover:not(:disabled){background:#ffffff0f}.usr-tool:disabled{opacity:.35;cursor:not-allowed}.usr-tool-icon{font-size:1.1rem;line-height:1}.usr-toolbar-sep{width:1px;height:32px;margin:0 8px;background:#3a4158}.usr-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:8px;font-size:.78rem;color:#9aa5bd;cursor:pointer}.usr-toggle input{position:absolute;opacity:0;width:0;height:0}.usr-toggle-track{width:36px;height:20px;border-radius:10px;background:#4a5568;position:relative;transition:background .2s}.usr-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.usr-toggle input:checked+.usr-toggle-track{background:#3a8a4a}.usr-toggle input:checked+.usr-toggle-track:after{transform:translate(16px)}.usr-table-wrap{flex:1;min-height:0;overflow:auto;background:#1e2230}.usr-table{width:100%;border-collapse:collapse;font-size:.86rem}.usr-table thead th{position:sticky;top:0;z-index:1;padding:10px 14px;text-align:left;font-weight:600;color:#9aa5bd;background:#1e2230;border-bottom:2px solid var(--accent-blue);border-top:1px solid var(--accent-blue)}.usr-table tbody td{padding:9px 14px;border-bottom:1px solid #2a3040;color:#d8deea}.usr-table tbody tr{cursor:pointer}.usr-table tbody tr:hover{background:#ffffff08}.usr-table tbody tr.selected{background:#32394e;box-shadow:inset 3px 0 0 var(--accent-blue)}.usr-table tbody tr.usr-row-inactive{opacity:.55}.usr-name{font-weight:500;color:#fff}.usr-muted{color:#8b95ad}.usr-col-level{width:100px;text-align:center}.usr-col-check{width:72px;text-align:center}.usr-check-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid #4a5568;background:#2a3040;color:transparent;font-size:.8rem;font-weight:700;cursor:pointer;padding:0}.usr-check-toggle.is-on{background:#3a4a2a;border-color:#5a8a3a;color:#8fd46a}.usr-empty{text-align:center;padding:48px 16px!important;color:#7a849e}.usr-statusbar{display:flex;flex-wrap:wrap;gap:8px 16px;padding:8px 14px;font-size:.8rem;color:#8b95ad;border-top:1px solid #3a4158;background:#1a1e2b}.usr-statusbar strong{color:#e2e8f0}.usr-badge-inactive{margin-left:8px;padding:2px 8px;border-radius:4px;background:#b4505040;color:#f0a0a0;font-size:.75rem;font-weight:600}.usr-security{flex:1;padding:20px;overflow:auto}.usr-security-card{max-width:480px;padding:22px;border-radius:12px;background:#232838;border:1px solid #3a4158}.usr-security-card h3{margin:0 0 16px;font-size:1rem}.usr-level-info{margin:16px 0;padding:12px;border-radius:8px;background:#1a1e2b;font-size:.85rem}.usr-level-info h4{margin:0 0 8px;font-size:.88rem}.usr-level-info ul{margin:0;padding-left:18px;color:#9aa5bd}.usr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.usr-modal{width:min(100%,480px);padding:22px;border-radius:12px;background:var(--bg-panel);border:1px solid #3a4158;box-shadow:0 16px 48px #0006}.usr-modal h2{margin:0 0 16px;font-size:1.1rem}.usr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.usr-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:.85rem;color:var(--text-muted)}.usr-field--full{grid-column:1 / -1}.usr-field--check{flex-direction:row;align-items:center;gap:10px;color:#e2e8f0}.usr-field input,.usr-field select{padding:10px 12px;border-radius:8px;border:1px solid #3a4158;background:var(--bg-main);color:#fff;font-size:.9rem}.usr-field--check input[type=checkbox]{width:16px;height:16px;accent-color:#4a7fd4}.usr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.usr-btn{padding:10px 18px;border-radius:8px;border:1px solid #3a4158;font-size:.88rem;cursor:pointer}.usr-btn--ghost{background:transparent;color:#c8d0e7}.usr-btn--primary{background:linear-gradient(135deg,#3d4a6b,#2f3855);color:#fff;border-color:#4a5270;font-weight:600}.main-content:has(.rcp-page){padding:0;height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.rcp-page{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1a1e2b,#151821);color:#e2e8f0;position:relative}.rcp-hero{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:#1e2230d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.rcp-hero-text{flex:1;min-width:0}.rcp-hero-title-row{display:flex;align-items:center;gap:10px}.rcp-hero-icon{opacity:.9;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.rcp-hero h1{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:#fff}.rcp-hero-sub{margin:4px 0 0;font-size:.78rem;color:#8b95ad;line-height:1.45}.rcp-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#c8d0e7;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.rcp-icon-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff24;color:#fff}.rcp-icon-btn:disabled{opacity:.5;cursor:wait}.rcp-icon-btn.is-spinning svg{animation:rcp-spin .8s linear infinite}@keyframes rcp-spin{to{transform:rotate(360deg)}}.rcp-search{display:flex;align-items:center;gap:10px;margin:14px 16px 0;padding:0 14px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#00000038;flex-shrink:0;transition:border-color .15s,box-shadow .15s}.rcp-search:focus-within{border-color:#50a5f173;box-shadow:0 0 0 3px #50a5f11f}.rcp-search-icon{color:#6b7694;display:flex;flex-shrink:0}.rcp-search-input{flex:1;border:none;background:transparent;color:#fff;font-size:.88rem;outline:none;min-width:0}.rcp-search-input::placeholder{color:#5c667d}.rcp-search-clear{border:none;background:#ffffff14;color:#9aa5bd;width:22px;height:22px;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;flex-shrink:0}.rcp-search-clear:hover{background:#ffffff24;color:#fff}.rcp-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px 96px;display:flex;flex-direction:column;gap:8px}.rcp-list.is-refreshing{opacity:.72;pointer-events:none}.rcp-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid #3a4158;background:#232838;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.rcp-row:hover{border-color:#4f5a75;background:#2a3042}.rcp-row.is-selected{border-color:var(--accent-blue);background:#2a3348;box-shadow:inset 3px 0 0 var(--accent-blue)}.rcp-row-main{flex:1;min-width:0}.rcp-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.rcp-row-nota{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:#fff}.rcp-row-amount{font-size:.95rem;font-weight:700;color:var(--accent-green);white-space:nowrap;flex-shrink:0}.rcp-row-customer{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcp-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.78rem;color:#9aa5bd}.rcp-meta-sep{opacity:.5}.rcp-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.rcp-row-actions>.rcp-act{width:34px;height:34px;padding:0}.rcp-pay{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:.68rem;font-weight:600;background:#ffffff14;color:#c8d0e7;border:1px solid rgba(255,255,255,.08)}.rcp-pay--cash{background:#34c38f26;color:#5ee0ad;border-color:#34c38f4d}.rcp-pay--transfer{background:#50a5f126;color:#7ec4f7;border-color:#50a5f14d}.rcp-pay--card{background:#a16eff26;color:#c4a0ff;border-color:#a16eff4d}.rcp-actions--inline{flex-direction:row;flex-wrap:nowrap;gap:6px}.rcp-actions--dock{flex:1;justify-content:stretch;gap:8px}.rcp-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#c8d0e7;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s}.rcp-actions--inline .rcp-act{width:34px;height:34px;padding:0}.rcp-actions--dock .rcp-act{flex:1;flex-direction:column;gap:4px;padding:10px 6px;min-height:58px}.rcp-act:hover:not(:disabled){background:#ffffff17;border-color:#ffffff24;color:#fff}.rcp-act:active:not(:disabled){transform:scale(.97)}.rcp-act:disabled{opacity:.45;cursor:wait}.rcp-act-icon{display:flex;line-height:0}.rcp-act-label{font-size:.68rem;font-weight:500;letter-spacing:.01em}.rcp-act--print:hover:not(:disabled){background:#50a5f126;border-color:#50a5f159;color:#7ec4f7}.rcp-act--pdf:hover:not(:disabled){background:#f1b44c1f;border-color:#f1b44c4d;color:#f5c86a}.rcp-act--wa{color:#7ddf9a}.rcp-act--wa:hover:not(:disabled){background:#25d3661f;border-color:#25d3664d;color:#8ef0a8}.rcp-act--copy:hover:not(:disabled){background:#a16eff1f;border-color:#a16eff4d;color:#c4a0ff}.rcp-actions{display:flex;gap:6px}.rcp-loading{display:flex;flex-direction:column;gap:8px}.rcp-loading-text{font-size:.82rem;color:#9aa5bd;text-align:center;padding:8px 0 4px}.rcp-skeleton{height:88px;border-radius:14px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:rcp-shimmer 1.2s ease-in-out infinite}@keyframes rcp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rcp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;margin:auto 0}.rcp-empty-icon{opacity:.35;margin-bottom:16px}.rcp-empty-title{margin:0 0 6px;font-size:.95rem;font-weight:600;color:#c8d0e7}.rcp-empty-sub{margin:0;font-size:.8rem;color:#9aa5bd;max-width:280px;line-height:1.5}.rcp-retry-btn{margin-top:14px;padding:8px 18px;border-radius:8px;border:1px solid var(--accent-blue);background:#50a5f126;color:#7ec4f7;font-size:.85rem;font-weight:600;cursor:pointer}.rcp-retry-btn:hover{background:#50a5f140}.rcp-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;font-size:.76rem;color:#6b7694;border-top:1px solid rgba(255,255,255,.06);background:#151821f2;flex-shrink:0}.rcp-statusbar strong{color:#c8d0e7;font-weight:600}.rcp-status-filter{padding:3px 10px;border-radius:20px;background:#50a5f11f;color:#7ec4f7;font-size:.7rem;font-weight:500}.rcp-dock{position:absolute;left:16px;right:16px;bottom:48px;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#1c202ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 40px #00000073,0 0 0 1px #50a5f11f;animation:rcp-dock-in .22s ease-out;z-index:10}@keyframes rcp-dock-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rcp-dock-info{display:flex;align-items:center;gap:8px;min-width:0;padding-bottom:2px}.rcp-dock-nota{font-size:.72rem;font-weight:700;letter-spacing:.05em;color:var(--accent-blue);flex-shrink:0}.rcp-dock-customer{flex:1;font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcp-dock-amount{font-size:.88rem;font-weight:700;color:var(--accent-green);flex-shrink:0}.rcp-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#05080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rcp-preview-modal{width:min(520px,96vw);max-height:92vh;display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#202638,#151923);box-shadow:0 24px 80px #0000008c;overflow:hidden}.rcp-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.rcp-preview-eyebrow{margin:0 0 3px;font-size:.68rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.08em}.rcp-preview-head h2{margin:0;font-size:.98rem;color:#fff}.rcp-preview-close{width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#c8d0e7;font-size:1.35rem;line-height:1;cursor:pointer}.rcp-preview-close:hover{background:#ffffff1a;color:#fff}.rcp-preview-body{flex:1;min-height:0;display:grid;place-items:start center;padding:14px;overflow:auto;background:radial-gradient(circle at 50% 0%,rgba(80,165,241,.12),transparent 34%),#10141d}.rcp-preview-loading{margin:44px 0;color:#9aa5bd;font-size:.86rem}.rcp-preview-frame{width:310px;min-height:72vh;border:none;border-radius:10px;background:#eceff3;box-shadow:0 18px 44px #00000059}.rcp-preview-hint{margin:0;padding:10px 16px 12px;border-top:1px solid rgba(255,255,255,.07);color:#8b95ad;font-size:.76rem;line-height:1.45}@media(max-width:720px){.rcp-row{flex-direction:column;align-items:stretch;gap:10px}.rcp-row-actions{padding-top:8px;border-top:1px solid #3a4158}.rcp-actions--inline{justify-content:center}.rcp-dock{bottom:44px}.rcp-preview-frame{width:min(310px,88vw)}}.rcp-btn--wa-outline{border-color:#2d6a3e!important;color:#8fd46a!important}.checkout-receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.checkout-receipt-actions .btn{margin:0}.main-content:has(.eds-page){padding:0;height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.eds-page{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1a1e2b,#151821);color:#e2e8f0}.eds-loading,.eds-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9aa5bd}.eds-header{display:flex;align-items:flex-start;gap:12px;padding:12px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06);background:#1e2230e6;flex-shrink:0}.eds-header-text{flex:1;min-width:0}.eds-header-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.eds-header h1{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.eds-nota-badge{padding:3px 10px;border-radius:20px;background:#50a5f126;border:1px solid rgba(80,165,241,.35);color:#7ec4f7;font-size:.72rem;font-weight:700;letter-spacing:.04em}.eds-lock-badge{padding:3px 10px;border-radius:20px;background:#f46a6a24;border:1px solid rgba(244,106,106,.3);color:#f46a6a;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.eds-lock-banner{margin:0 0 12px;padding:12px 14px;border-radius:12px;font-size:.88rem;line-height:1.45;color:#f0c9c9;background:#f46a6a1a;border:1px solid rgba(244,106,106,.28)}.eds-body.is-locked{pointer-events:none;opacity:.72}.rcp-lock-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f46a6a;background:#f46a6a1f;border:1px solid rgba(244,106,106,.28)}.eds-header-sub{margin:4px 0 0;font-size:.72rem;color:#8b95ad;line-height:1.35}.eds-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#c8d0e7;cursor:pointer}.eds-icon-btn:hover{background:#ffffff14;color:#fff}.eds-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 110px;display:flex;flex-direction:column;gap:10px;max-width:720px;width:100%;margin:0 auto}.eds-panel{border-radius:14px;border:1px solid #3a4158;background:#232838;padding:12px 14px}.eds-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.eds-panel-head h2{margin:0;font-size:.92rem;font-weight:600;color:#fff}.eds-panel-count{font-size:.75rem;color:#8b95ad}.eds-cart-empty{padding:20px;text-align:center;font-size:.85rem;color:#8b95ad;border:1px dashed #3a4158;border-radius:10px;margin-bottom:14px}.eds-cart-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.eds-cart-item{border-radius:12px;border:1px solid #3a4158;background:#1e2230;overflow:hidden}.eds-cart-item.is-replacing{border-color:var(--accent-blue);box-shadow:0 0 0 1px #50a5f133}.eds-cart-item-main{padding:10px 12px}.eds-cart-item-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.eds-product-name{font-size:.92rem;font-weight:600;color:#fff}.eds-product-brand{font-size:.75rem;color:#8b95ad;margin-top:2px}.eds-line-total{font-size:.95rem;font-weight:700;color:var(--accent-green);white-space:nowrap}.eds-cart-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;color:#9aa5bd;margin-bottom:12px}.eds-stock-pill{padding:2px 8px;border-radius:20px;background:#34c38f1f;border:1px solid rgba(52,195,143,.25);color:#5ee0ad;font-size:.7rem;font-weight:600}.eds-cart-item-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.eds-qty{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:10px;border:1px solid #3a4158;background:#151821}.eds-qty button{width:32px;height:32px;border:none;border-radius:8px;background:#2a3042;color:#fff;font-size:1.1rem;cursor:pointer}.eds-qty button:disabled{opacity:.35;cursor:not-allowed}.eds-qty span{min-width:28px;text-align:center;font-weight:600;color:#fff}.eds-replace-hint{margin:6px 0 0;font-size:.75rem;color:#7ec4f7}.eds-replace-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:8px;border-radius:10px;background:#50a5f11f;border:1px solid rgba(80,165,241,.35);font-size:.78rem;color:#c8d0e7}.eds-replace-banner strong{color:#fff}.eds-replace-cancel{border:none;background:transparent;color:#7ec4f7;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0}.eds-replace-cancel:hover{color:#fff}.eds-btn--replace-active{background:#50a5f12e;border:1px solid rgba(80,165,241,.45);color:#7ec4f7}.eds-chip--replace{border-color:#50a5f166;background:#50a5f11a}.eds-chip--replace:hover{background:#50a5f138;border-color:#50a5f199}.eds-replace-box{margin-top:12px;padding-top:12px;border-top:1px solid #3a4158}.eds-add-block{display:flex;flex-direction:column;gap:8px}.eds-input,.eds-textarea{width:100%;padding:9px 12px;border-radius:10px;border:1px solid #3a4158;background:#151821;color:#fff;font-size:.86rem;outline:none;transition:border-color .15s,box-shadow .15s}.eds-input:focus,.eds-textarea:focus{border-color:#50a5f180;box-shadow:0 0 0 3px #50a5f11f}.eds-input::placeholder,.eds-textarea::placeholder{color:#5c667d}.eds-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.45}.eds-chip-list{display:flex;flex-wrap:wrap;gap:6px}.eds-chip-list--compact{align-content:flex-start}.eds-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:16px;border:1px solid #3a4158;background:#2a3042;color:#e2e8f0;font-size:.74rem;cursor:pointer;transition:background .15s,border-color .15s}.eds-chip:hover{background:#353d52;border-color:#4f5a75}.eds-chip-meta{font-size:.68rem;color:#8b95ad}.eds-hint{font-size:.78rem;color:#6b7694}.eds-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.eds-field{display:flex;flex-direction:column;gap:6px}.eds-field span{font-size:.78rem;color:#9aa5bd;font-weight:500}.eds-form-grid .eds-field:last-child:nth-child(odd){grid-column:1 / -1}.eds-pay-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.eds-pay-btn{padding:10px 8px;border-radius:10px;border:1px solid #3a4158;background:#1e2230;color:#c8d0e7;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.eds-pay-btn.is-active{border-color:var(--accent-orange);background:#f1b44c26;color:#f5c86a;font-weight:600}.eds-check{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:.85rem;color:#e2e8f0;cursor:pointer}.eds-check input{width:16px;height:16px;accent-color:var(--accent-orange)}.eds-footer{position:sticky;bottom:0;flex-shrink:0;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.08);background:#151821f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:720px;width:100%;margin:0 auto}.eds-summary{margin-bottom:12px;padding:12px 14px;border-radius:10px;background:#1e2230;border:1px solid #3a4158}.eds-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:.84rem;color:#e2e8f0;padding:3px 0}.eds-summary-row--muted{color:#9aa5bd;font-size:.8rem}.eds-summary-row--total{margin-top:6px;padding-top:8px;border-top:1px solid #3a4158;font-size:1rem;font-weight:700;color:#fff}.eds-summary-row--total span:last-child{color:var(--accent-green)}.eds-footer-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.eds-btn{padding:12px 16px;border-radius:10px;border:1px solid transparent;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.eds-btn:disabled{opacity:.45;cursor:not-allowed}.eds-btn--primary{background:linear-gradient(135deg,#f1b44c,#e09a2a);color:#1a1e2b;border-color:#f1b44c80}.eds-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.eds-btn--ghost{background:transparent;border-color:#3a4158;color:#c8d0e7}.eds-btn--ghost:hover:not(:disabled){background:#ffffff0d;color:#fff}.eds-btn--sm{padding:8px 12px;font-size:.78rem}@media(max-width:640px){.eds-form-grid{grid-template-columns:1fr}.eds-pay-methods{grid-template-columns:repeat(2,1fr)}.eds-footer-actions{grid-template-columns:1fr}}.main-content:has(.esl-page){padding:0;height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.esl-page{flex:1;width:100%;min-height:0}.esl-hero{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:#1e2230e6;flex-shrink:0}.esl-hero-text{flex:1;min-width:0}.esl-hero-title-row{display:flex;align-items:center;gap:10px}.esl-hero h1{margin:0;font-size:1.15rem;font-weight:600;color:#fff}.esl-hero-sub{margin:4px 0 0;font-size:.78rem;color:#8b95ad;line-height:1.45}.esl-hero-icon{opacity:.92;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.esl-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#c8d0e7;cursor:pointer;transition:background .15s,color .15s}.esl-icon-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.esl-icon-btn:disabled{opacity:.5;cursor:wait}.esl-icon-btn.is-spinning svg{animation:rcp-spin .8s linear infinite}.esl-search{display:flex;align-items:center;gap:10px;margin:14px 16px 0;padding:0 14px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#00000038;flex-shrink:0;transition:border-color .15s,box-shadow .15s}.esl-search:focus-within{border-color:#f1b44c73;box-shadow:0 0 0 3px #f1b44c1a}.esl-period{display:flex;flex-wrap:wrap;gap:8px;margin:10px 16px 0;flex-shrink:0}.esl-period-chip{padding:6px 14px;border-radius:999px;border:1px solid #3a4158;background:#00000038;color:#8b94ab;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.esl-period-chip:hover{color:#c8d0e7;border-color:#4a5678}.esl-period-chip.is-active{background:var(--accent-orange, #e8a317);color:#1a1f2e;border-color:var(--accent-orange, #e8a317);font-weight:600}.esl-load-more{display:flex;justify-content:center;padding:12px 8px 20px}.esl-load-more-btn{width:100%;max-width:320px;padding:10px 16px;border-radius:10px;border:1px dashed #3a4158;background:transparent;color:#9aa3bd;font-size:.85rem;cursor:pointer}.esl-load-more-btn:hover:not(:disabled){border-color:#4a5678;color:#c8d0e7;background:#ffffff08}.esl-load-more-btn:disabled{opacity:.55;cursor:wait}.esl-search-icon{color:#6b7694;display:flex;flex-shrink:0}.esl-search-input{flex:1;border:none;background:transparent;color:#fff;font-size:.88rem;outline:none;min-width:0}.esl-search-input::placeholder{color:#5c667d}.esl-search-clear{border:none;background:#ffffff14;color:#9aa5bd;width:22px;height:22px;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer}.esl-list{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 60px;display:flex;flex-direction:column;gap:10px}.esl-list.is-refreshing{opacity:.72;pointer-events:none}.esl-card{display:flex;align-items:stretch;border-radius:14px;border:1px solid #3a4158;background:linear-gradient(135deg,#262c3e,#1e2230);overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .12s}.esl-card:hover{border-color:#f1b44c59;box-shadow:0 8px 28px #0000004d}.esl-card-main{flex:1;min-width:0;padding:14px 16px;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;font-family:inherit}.esl-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.esl-nota{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-orange)}.esl-amount{font-size:.98rem;font-weight:700;color:var(--accent-green);white-space:nowrap}.esl-customer{font-size:.92rem;font-weight:600;color:#fff;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.esl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.76rem;color:#8b95ad}.esl-meta-item{display:inline-flex;align-items:center;gap:4px}.esl-meta-dot{opacity:.45}.esl-card-actions{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px;border-left:1px solid rgba(255,255,255,.06);background:#0000001f}.esl-act{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.esl-act--share:hover{background:#50a5f126;border-color:#50a5f159;color:#7ec4f7}.esl-act--edit:hover{background:#f1b44c26;border-color:#f1b44c59;color:#f5c86a}.esl-loading{display:flex;flex-direction:column;gap:8px}.esl-loading-text{font-size:.82rem;color:#9aa5bd;text-align:center;padding:8px 0 4px}.esl-skeleton{height:88px;border-radius:14px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:rcp-shimmer 1.2s ease-in-out infinite}.esl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px;margin:auto 0}.esl-empty-icon{opacity:.35;margin-bottom:16px}.esl-empty-title{margin:0 0 6px;font-size:.95rem;font-weight:600;color:#c8d0e7}.esl-empty-sub{margin:0;font-size:.8rem;color:#6b7694;max-width:260px;line-height:1.5}.esl-statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;font-size:.76rem;color:#6b7694;border-top:1px solid rgba(255,255,255,.06);background:#151821f2;flex-shrink:0}.esl-statusbar strong{color:#c8d0e7;font-weight:600}.esl-filter-badge{padding:3px 10px;border-radius:20px;background:#f1b44c1f;color:#f5c86a;font-size:.7rem;font-weight:500}@media(max-width:640px){.esl-card{flex-direction:column}.esl-card-actions{flex-direction:row;justify-content:center;border-left:none;border-top:1px solid rgba(255,255,255,.06);padding:10px 14px 12px}}.main-content:has(.sal-page){padding:0;height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.sal-page{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1a1e2b,#151821);color:#e2e8f0}.sal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#24293afa,#1c202ef0);flex-shrink:0;flex-wrap:wrap}.sal-header-main{display:flex;align-items:center;gap:12px}.sal-header-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.sal-header h1{margin:0;font-size:1.12rem;font-weight:650;color:#fff;letter-spacing:.01em}.sal-header-sub{margin:2px 0 0;font-size:.76rem;color:#8b95ad}.sal-header-stats{display:flex;gap:8px}.sal-stat{padding:6px 12px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.74rem;color:#9aa5bd}.sal-stat strong{color:var(--accent-orange);font-weight:700}.sal-stat--stock strong{color:#5ee0ad}.sal-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 360px;gap:0}.sal-catalog{min-height:0;display:flex;flex-direction:column;padding:14px 16px 16px;border-right:1px solid rgba(255,255,255,.06);overflow:hidden;background:radial-gradient(ellipse 70% 40% at 0% 0%,rgba(241,180,76,.04),transparent 55%)}.sal-search{display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#00000047;flex-shrink:0;margin-bottom:12px;transition:border-color .15s,box-shadow .15s,background .15s}.sal-search:focus-within{border-color:#f1b44c80;box-shadow:0 0 0 3px #f1b44c1f;background:#0000005c}.sal-search-icon{color:#6b7694;flex-shrink:0;pointer-events:none}.sal-search-input{flex:1;border:none;background:transparent;color:#fff;font-size:.88rem;outline:none;min-width:0}.sal-search-input::placeholder{color:#5c667d}.sal-search-clear{border:none;background:#ffffff14;color:#9aa5bd;width:22px;height:22px;border-radius:50%;cursor:pointer;line-height:1;flex-shrink:0;position:relative;z-index:1}.sal-search-clear:hover{background:#ffffff24;color:#fff}.sal-search-count{font-size:.7rem;font-weight:650;color:#c9b07a;background:#f1b44c1f;border:1px solid rgba(241,180,76,.22);border-radius:999px;padding:3px 8px;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.sal-search--busy .sal-search-count{opacity:.55}.sal-quick-pos{flex-shrink:0;margin:0 0 12px;padding:10px;border-radius:16px;border:1px solid rgba(212,175,105,.2);background:linear-gradient(135deg,#d4af691f,#171b27c7),#0003}.sal-quick-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:9px}.sal-quick-head p,.sal-quick-head h2{margin:0}.sal-quick-head p{color:var(--gold);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.sal-quick-head h2{color:var(--champagne);font-size:.9rem;letter-spacing:.04em}.sal-quick-head>span{color:#97a2b8;font-size:.68rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px 8px;background:#0003}.sal-quick-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:9px}.sal-quick-card{border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#0c0f168f;padding:9px;display:flex;flex-direction:column;gap:7px}.sal-quick-title{display:flex;flex-direction:column;gap:1px}.sal-quick-title strong{color:#f3e6c8;font-size:.8rem}.sal-quick-title span{color:#8d98ad;font-size:.68rem}.sal-quick-card input{width:100%;min-width:0;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:#fff;padding:0 10px;font-size:.78rem;outline:none}.sal-quick-card input:focus{border-color:#d4af6975;box-shadow:0 0 0 2px #d4af691f}.sal-quick-row{display:flex;gap:7px}.sal-quick-qty{flex:0 0 58px}.sal-quick-card button{border:none;border-radius:9px;background:linear-gradient(135deg,var(--gold-soft),var(--gold-deep));color:#1b1409;font-weight:800;font-size:.74rem;padding:0 12px;cursor:pointer;white-space:nowrap}.sal-quick-card button:hover{filter:brightness(1.05)}@media(max-width:760px){.sal-quick-grid{grid-template-columns:1fr}}.sal-hint{margin:0 0 10px;font-size:.76rem;color:#6b7694;flex-shrink:0}.sal-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;flex-shrink:0}.sal-panel-head h2{margin:0;font-size:.78rem;font-weight:650;color:#aeb6cc;text-transform:uppercase;letter-spacing:.06em}.sal-panel-meta{font-size:.72rem;color:#6b7694}.sal-product-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#3a4158 transparent}.sal-product-list::-webkit-scrollbar{width:6px}.sal-product-list::-webkit-scrollbar-thumb{background:#3a4158;border-radius:999px}.sal-product-card{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid rgba(58,65,88,.95);background:linear-gradient(180deg,#262b3c,#1f2433);box-shadow:0 1px #ffffff08 inset;transition:border-color .15s,background .15s,box-shadow .15s,transform .12s}.sal-product-card:hover{border-color:#f1b44c59;background:linear-gradient(180deg,#2c3246,#242a3b);box-shadow:0 6px 18px #0000002e}.sal-product-card.is-in-cart{border-color:#50a5f159;box-shadow:inset 3px 0 #50a5f1,0 1px #ffffff08 inset}.sal-thumb{flex-shrink:0;border-radius:11px;border:1px solid rgba(245,208,120,.18);background:linear-gradient(145deg,#1e2230f2,#10121afa);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff0d}.sal-thumb--md{width:58px;height:58px}.sal-thumb--sm{width:36px;height:36px;border-radius:8px}.sal-thumb--empty .png-icon{opacity:.4}.sal-thumb-img{width:100%;height:100%;object-fit:cover}.sal-product-info{flex:1;min-width:0}.sal-product-name{font-size:.9rem;font-weight:650;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.sal-product-brand{font-size:.72rem;color:#8b95ad;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sal-product-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px}.sal-price{font-size:.84rem;font-weight:700;color:var(--accent-green);font-variant-numeric:tabular-nums}.sal-stock{font-size:.68rem;font-weight:650;padding:2px 8px;border-radius:999px;background:#34c38f1f;color:#5ee0ad;border:1px solid rgba(52,195,143,.25)}.sal-stock--mid{background:#f1b44c1f;color:#f5c86a;border-color:#f1b44c4d}.sal-stock--low{background:#f46a6a1f;color:#f89a9a;border-color:#f46a6a4d}.sal-in-cart{font-size:.68rem;font-weight:600;color:#7ec4f7;background:#50a5f11a;border:1px solid rgba(80,165,241,.22);border-radius:999px;padding:2px 8px}.sal-add-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:12px;background:linear-gradient(135deg,#f1b44c,#e09a2a);color:#1a1e2b;cursor:pointer;transition:transform .1s,filter .15s,opacity .15s,box-shadow .15s;box-shadow:0 4px 12px #f1b44c40}.sal-add-btn--again{box-shadow:0 4px 14px #50a5f138}.sal-add-btn:hover:not(:disabled){filter:brightness(1.08);transform:scale(1.04)}.sal-add-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.sal-load-more{display:flex;justify-content:center;padding:4px 0 8px}.sal-load-more-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:12px;border:1px dashed rgba(255,255,255,.12);background:#ffffff05;color:#b7bfd4;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.sal-load-more-btn span{font-weight:500;color:#7d879f;font-size:.75rem}.sal-load-more-btn:hover{border-color:#f1b44c59;background:#f1b44c0f;color:#f0d29a}.sal-cart-panel{min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#181c28eb,#12151ef5);box-shadow:inset 1px 0 #ffffff08}.sal-cart-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 14px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sal-cart-title{min-width:0}.sal-cart-header h2{margin:0;font-size:.95rem;font-weight:650;color:#fff}.sal-cart-subtitle{display:block;margin-top:2px;font-size:.72rem;color:#7d879f}.sal-cart-badge{min-width:28px;height:28px;padding:0 9px;border-radius:999px;background:var(--accent-orange);color:#1a1e2b;font-size:.78rem;font-weight:750;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f1b44c47}.sal-cart-badge.is-empty{background:#ffffff14;color:#8b95ad;box-shadow:none}.sal-cart-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px;scrollbar-width:thin;scrollbar-color:#3a4158 transparent}.sal-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px;color:#6b7694;height:100%;min-height:160px;border:1px dashed rgba(255,255,255,.08);border-radius:16px;background:#ffffff04}.sal-cart-empty svg{opacity:.35;margin-bottom:12px}.sal-cart-empty p{margin:0 0 4px;font-size:.9rem;font-weight:650;color:#9aa5bd}.sal-cart-empty span{font-size:.76rem;line-height:1.45;max-width:200px}.sal-cart-items{display:flex;flex-direction:column;gap:10px}.sal-cart-item{padding:12px;border-radius:14px;border:1px solid rgba(58,65,88,.95);background:linear-gradient(180deg,#232838,#1b202e);box-shadow:0 1px #ffffff08 inset}.sal-cart-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.sal-cart-item-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sal-cart-item-name{font-size:.85rem;font-weight:600;color:#fff;line-height:1.3}.sal-cart-line-type{display:inline-flex;margin-top:3px;color:#c9b07a;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sal-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:#f46a6a1f;color:#f89a9a;cursor:pointer;flex-shrink:0}.sal-remove-btn:hover{background:#f46a6a38}.sal-cart-item-price{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.sal-price-label{font-size:.72rem;color:#8b95ad;flex-shrink:0}.sal-price-input{flex:1;min-width:0;padding:6px 10px;border-radius:8px;border:1px solid #3a4158;background:#151821;color:#fff;font-size:.85rem;outline:none}.sal-price-input:focus{border-color:#f5d0788c;box-shadow:0 0 0 2px #f5d0781f}.sal-cart-item-note{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.sal-note-select{width:100%;height:34px;border-radius:8px;border:1px solid rgba(241,180,76,.35);background:#00000047;color:#fff;font-size:.82rem;padding:0 10px;outline:none}.sal-note-select:focus{border-color:#f1b44cb3;box-shadow:0 0 0 2px #f1b44c1f}.sal-note-hint{margin:0;font-size:.68rem;color:#8a94ab;line-height:1.35}.sal-cart-item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.sal-qty{display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:10px;border:1px solid #3a4158;background:#151821}.sal-qty button{width:30px;height:30px;border:none;border-radius:8px;background:#2a3042;color:#fff;font-size:1rem;cursor:pointer}.sal-qty button:disabled{opacity:.35;cursor:not-allowed}.sal-qty-input{width:40px;min-width:40px;border:0;background:transparent;color:#fff;font-weight:600;font-size:.88rem;text-align:center;outline:none;padding:4px 0}.sal-qty span{min-width:24px;text-align:center;font-weight:600;font-size:.88rem}.sal-line-total{font-size:.9rem;font-weight:700;color:var(--accent-green)}.sal-cart-footer{flex-shrink:0;padding:14px 16px 18px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#151821e0,#10121afa)}.sal-subtotal-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.88rem;color:#9aa5bd}.sal-subtotal-row strong{font-size:1.12rem;color:#fff;font-variant-numeric:tabular-nums}.sal-checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border:none;border-radius:14px;background:linear-gradient(135deg,#f1b44c,#e09a2a);color:#1a1e2b;font-size:.95rem;font-weight:750;cursor:pointer;transition:filter .15s,transform .1s,box-shadow .15s;box-shadow:0 8px 22px #f1b44c47}.sal-checkout-btn:hover:not(:disabled){filter:brightness(1.06)}.sal-checkout-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.sal-loading{display:flex;flex-direction:column;gap:8px}.sal-skeleton{height:72px;border-radius:12px;background:linear-gradient(90deg,#ffffff08 25%,#ffffff12,#ffffff08 75%);background-size:200% 100%;animation:rcp-shimmer 1.2s ease-in-out infinite}.sal-empty{text-align:center;padding:48px 16px;color:#6b7694;font-size:.85rem}.sal-empty p{margin:0 0 6px;font-weight:600;color:#9aa5bd}.sal-empty-sub{display:block;font-size:.76rem;color:#6b7694;line-height:1.4}.sal-empty-icon{opacity:.35;margin-bottom:12px}@media(max-width:960px){.sal-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.sal-catalog{border-right:none;border-bottom:1px solid rgba(255,255,255,.06);max-height:55vh}.sal-cart-panel{max-height:45vh}}.main-content:has(.chk-page){padding:0;height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.chk-page{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;height:100%;background:linear-gradient(165deg,#1a1e2b,#12151d 45%,#1a1628);color:#e2e8f0}.chk-header{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.chk-header h1{margin:0;font-size:1.1rem;font-weight:600;color:#fff;letter-spacing:-.01em}.chk-header-title{display:flex;align-items:center;gap:12px}.chk-header-sub{margin:2px 0 0;font-size:.76rem;color:#8b95ad}.chk-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0}.chk-icon-btn:hover{background:#ffffff14;color:#fff}.chk-body{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(260px,1fr) minmax(300px,400px);gap:0;width:100%;margin:0;align-items:stretch}.chk-visual{padding:16px 14px;border-right:1px solid rgba(255,255,255,.06);min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.chk-visual:has(.chk-visual-grid--single){padding:12px 10px 12px 14px}.chk-visual:has(.chk-visual-grid--single) .chk-section-title{margin-bottom:10px}.chk-visual-grid{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0;overflow-y:auto}.chk-visual-grid--single{overflow:hidden;gap:0}.chk-visual-grid--single .chk-visual-card--solo{flex:1;min-height:0;display:flex;flex-direction:column;gap:0}.chk-visual-grid--single .chk-visual-frame{flex:1;aspect-ratio:unset;max-height:none;min-height:0;width:100%;border-radius:16px}.chk-visual-grid--single .chk-visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;padding:0}.chk-visual-grid--single .chk-visual-placeholder{display:flex;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(245,208,120,.12) 0%,transparent 70%),linear-gradient(165deg,#242838f2,#10121afa);opacity:1}.chk-visual-grid--single .chk-visual-placeholder .png-icon{width:min(42%,128px)!important;height:min(42%,128px)!important;opacity:.55}.chk-visual-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:28px 14px 14px;background:linear-gradient(180deg,transparent 0%,rgba(8,10,16,.72) 45%,rgba(8,10,16,.92) 100%);pointer-events:none}.chk-visual-caption .chk-visual-name{text-align:left;font-size:.9rem}.chk-visual-caption .chk-visual-brand{text-align:left;margin-top:2px}.chk-visual-card{display:flex;flex-direction:column;gap:8px;min-height:0}.chk-visual-frame{position:relative;aspect-ratio:4 / 3;border-radius:14px;border:1px solid rgba(245,208,120,.2);background:linear-gradient(145deg,#1e2230f2,#12141cfa);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f;overflow:hidden}.chk-visual-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:12px;z-index:1}.chk-visual-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(245,208,120,.06) 0%,transparent 70%);opacity:.45;z-index:0}.chk-visual-placeholder.is-visible{display:flex;z-index:0}.chk-visual-img{z-index:2}.chk-visual-qty{position:absolute;top:10px;right:10px;z-index:2;padding:4px 10px;border-radius:20px;background:#000000a6;border:1px solid rgba(245,208,120,.35);color:#f5d078;font-size:.78rem;font-weight:700}.chk-visual-name{font-size:.82rem;font-weight:600;color:#fff;line-height:1.35;text-align:center}.chk-visual-brand{font-size:.72rem;color:#8b95ad;text-align:center;margin-top:-4px}.chk-order{padding:20px 22px;border-right:1px solid rgba(255,255,255,.06);min-height:0;overflow-y:auto}.chk-form-panel{padding:20px 22px 28px;background:#00000026;min-height:0;overflow-y:auto}.chk-section-title{margin:0 0 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9aa5bd}.chk-order-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.chk-order-item{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#232838cc}.chk-order-name{font-size:.88rem;font-weight:600;color:#fff;margin-bottom:6px}.chk-order-detail{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:#9aa5bd}.chk-order-detail strong{color:var(--accent-green);font-weight:700}.chk-order-totals{padding:14px 16px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.06)}.chk-total-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:.86rem;color:#e2e8f0}.chk-total-row--muted{color:#9aa5bd;font-size:.82rem}.chk-total-row--grand{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:1.05rem;font-weight:700;color:#fff}.chk-total-row--grand span:last-child{color:#f5d078;font-size:1.15rem}.chk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.chk-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.chk-field span,.chk-field-label{font-size:.76rem;font-weight:500;color:#9aa5bd}.chk-form-grid .chk-field{margin-bottom:0}.chk-form-grid .chk-field:first-child,.chk-field--full{grid-column:1 / -1}.chk-field-hint{margin:0;font-size:.72rem;font-style:normal;color:#7a849c;line-height:1.35}.chk-input,.chk-textarea{width:100%;padding:11px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0f1119d9;color:#fff;font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.chk-input:focus,.chk-textarea:focus{border-color:#f5d07873;box-shadow:0 0 0 3px #f5d0781a}.chk-input::placeholder,.chk-textarea::placeholder{color:#5c667d}.chk-input--amount{font-size:1rem;font-weight:600;letter-spacing:.02em}.chk-coupon-field{padding:10px;border:1px solid rgba(245,208,120,.15);border-radius:14px;background:linear-gradient(135deg,#f5d0781a,#ffffff08),#00000029}.chk-coupon-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.chk-coupon-btn{border:none;border-radius:10px;padding:0 14px;background:linear-gradient(135deg,#f5d078,#c9943a);color:#17110a;font-size:.78rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #c9943a38}.chk-coupon-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.chk-coupon-ok{color:#f5d078!important;font-weight:600}.chk-pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chk-pay-btn{padding:11px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#1e2230e6;color:#c8d0e7;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.chk-pay-btn.is-active{border-color:#f5d0788c;background:linear-gradient(135deg,#f5d07833,#e09a2a1f);color:#f5d078;font-weight:700;box-shadow:0 0 20px #f5d0781f}.chk-change{margin-top:8px;padding:10px 12px;border-radius:8px;background:#34c38f1a;border:1px solid rgba(52,195,143,.25);font-size:.82rem;color:#9aa5bd}.chk-change strong{color:#5ee0ad;margin-left:4px}.chk-tradein{margin-bottom:20px}.chk-check{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#e2e8f0;cursor:pointer;margin-bottom:10px}.chk-check input{width:17px;height:17px;accent-color:#f5d078}.chk-check--trade-customer{align-items:flex-start;padding:10px 12px;border:1px solid rgba(245,208,120,.14);border-radius:12px;background:#00000029;margin:0}.chk-check--trade-customer span{display:flex;flex-direction:column;gap:3px;color:#f1f5ff}.chk-check--trade-customer em{color:#8f9ab2;font-size:.72rem;font-style:normal;font-weight:500;line-height:1.3}.chk-textarea{resize:vertical;min-height:72px;line-height:1.45}.chk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border-radius:12px;border:1px solid transparent;font-size:.92rem;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s;font-family:inherit}.chk-btn:disabled{opacity:.45;cursor:not-allowed}.chk-btn--primary{background:linear-gradient(135deg,#f5d078,#d4a03a,#c9922e);color:#1a1408;border-color:#f5d07866;box-shadow:0 8px 28px #d4a03a59,inset 0 1px #ffffff40}.chk-btn--primary:hover:not(:disabled){filter:brightness(1.06)}.chk-btn--pay{margin-top:4px;padding:16px;font-size:1rem;font-weight:700;letter-spacing:.02em}.chk-btn--ghost{background:transparent;border-color:#ffffff1f;color:#c8d0e7;margin-top:10px}.chk-btn--ghost:hover{background:#ffffff0d;color:#fff}.chk-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#9aa5bd;padding:24px}.chk-empty .chk-btn{width:auto;min-width:200px}.chk-success-icon{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#34c38f,#2aa876);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #34c38f59}.chk-success-body{flex:1;overflow-y:auto;padding:24px 20px 32px;max-width:480px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px}.chk-success-card{text-align:center;padding:32px 24px;border-radius:16px;border:1px solid rgba(245,208,120,.2);background:linear-gradient(145deg,#2d2837f2,#1a1e2bfa);box-shadow:0 12px 40px #00000059;margin-bottom:8px}.chk-success-amount{font-size:2rem;font-weight:700;color:#f5d078;letter-spacing:-.02em;margin-bottom:6px}.chk-success-label{margin:0 0 12px;font-size:.85rem;color:#9aa5bd}.chk-success-meta{display:flex;justify-content:center;gap:16px;font-size:.8rem;color:#8b95ad}.chk-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chk-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#232838cc;color:#e2e8f0;font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.chk-action-btn:hover{background:#32384bf2;border-color:#ffffff24}.chk-action-btn--wa:hover{background:#25d3661f;border-color:#25d3664d;color:#8ef0a8}.chk-action-icon{font-size:1.2rem;line-height:1}@media(max-width:1020px){.chk-body{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.chk-visual{grid-column:1 / -1;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);max-height:min(42vh,360px);padding:12px 14px}.chk-visual-grid--single .chk-visual-frame{min-height:220px}.chk-visual-grid{flex-direction:row;flex-wrap:wrap;justify-content:center}.chk-visual-card{width:min(200px,45%)}.chk-order{border-right:1px solid rgba(255,255,255,.06);border-bottom:none}}@media(max-width:860px){.chk-body{grid-template-columns:1fr}.chk-order{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.chk-form-grid{grid-template-columns:1fr}.chk-pay-grid{grid-template-columns:repeat(2,1fr)}}.pform-image-field{margin-bottom:18px}.pform-image-field>label{display:block;margin-bottom:8px;font-size:.88rem;font-weight:500;color:var(--text-secondary, #9aa5bd)}.pform-image-box{display:flex;flex-direction:column;gap:12px}.pform-image-preview{width:100%;max-width:280px;aspect-ratio:4 / 3;border-radius:12px;border:1px dashed rgba(255,255,255,.15);background:#0003;display:flex;align-items:center;justify-content:center;overflow:hidden}.pform-image-preview.has-image{border-style:solid;border-color:#f5d07840}.pform-image-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.pform-image-empty{font-size:.82rem;color:#8b95ad}.pform-image-actions{display:flex;flex-wrap:wrap;gap:8px}.pform-image-actions .btn{width:auto;min-width:120px}.pform-image-hint{margin:0;font-size:.75rem;color:#8b95ad;line-height:1.4}.pform-field-hint{margin:6px 0 0;font-size:.75rem;color:#8b95ad;line-height:1.4}.main-content:has(.shp-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.shp-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.shp-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.shp-header-text{flex:1;min-width:0}.shp-btn-edit{flex-shrink:0;border-radius:10px;border:1px solid rgba(245,208,120,.4);background:#f5d0781f;color:#f5d078;padding:10px 16px;font-size:.88rem;font-weight:650;cursor:pointer}.shp-btn-edit:hover{background:#f5d07833;border-color:#f5d0788c}.shp-btn-edit--footer{margin-left:auto}.shp-saved-hint{color:#7ddea8;font-size:.88rem;font-weight:600;margin-right:auto}.shp-page.is-readonly .shp-field input,.shp-page.is-readonly .shp-field textarea{cursor:default;color:#d7deee;background:#ffffff08;border-color:#ffffff14;opacity:.92}.shp-page.is-readonly .shp-field input:focus,.shp-page.is-readonly .shp-field textarea:focus{outline:none;border-color:#ffffff14;box-shadow:none}.shp-page.is-editing .shp-field input,.shp-page.is-editing .shp-field textarea{border-color:#f5d07847}.shp-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.shp-back:hover{background:#ffffff17;color:#fff}.shp-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.shp-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.shp-body{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px;max-width:1100px;margin:0 auto;padding:28px 24px;align-items:start}.shp-preview{position:sticky;top:88px}.shp-preview-card{position:relative;overflow:hidden;padding:32px 26px 28px;border-radius:20px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(160deg,#2a24188c,#161822fa 45%,#10121a);box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0f;text-align:center}.shp-preview-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,208,120,.22) 0%,transparent 70%);pointer-events:none}.shp-preview-logo{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:18px}.shp-preview-logo .brand-logo-img{filter:drop-shadow(0 8px 24px rgba(245,208,120,.25))}.shp-preview-name{position:relative;z-index:1;margin:0;font-family:var(--font);font-size:1.2rem;font-weight:700;color:#fff;letter-spacing:.12em;text-transform:uppercase;line-height:1.3}.shp-preview-tagline{position:relative;z-index:1;margin:8px 0 0;font-size:.82rem;color:#f5d078;font-weight:500;letter-spacing:.01em}.shp-preview-divider{height:1px;margin:22px 0 18px;background:linear-gradient(90deg,transparent,rgba(245,208,120,.35),transparent)}.shp-preview-meta{display:flex;flex-direction:column;gap:10px;text-align:left}.shp-preview-row{display:flex;flex-direction:column;gap:2px;font-size:.84rem;color:#e2e8f0;line-height:1.4}.shp-preview-label{font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7694}.shp-preview-footer{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);font-size:.78rem;font-style:italic;color:#9aa5bd;line-height:1.45}.shp-form{display:flex;flex-direction:column;gap:18px;min-width:0}.shp-section{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#202432b8,#141620e6);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.shp-section-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.shp-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.shp-section-head h3{margin:0;font-size:.95rem;font-weight:600;color:#fff;letter-spacing:-.01em}.shp-section-head p{margin:4px 0 0;font-size:.76rem;color:#8b95ad}.shp-fields{display:flex;flex-direction:column;gap:16px}.shp-fields--grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shp-field--full{grid-column:1 / -1}.shp-field label{display:block;margin-bottom:7px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#8b95ad}.shp-field input,.shp-field textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:#fff;font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;resize:vertical;box-sizing:border-box}.shp-field input::placeholder,.shp-field textarea::placeholder{color:#5c667d}.shp-field input:focus,.shp-field textarea:focus{border-color:#f5d07873;box-shadow:0 0 0 3px #f5d0781a}.shp-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.shp-btn-ghost{padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#b8c2d9;font-size:.88rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.shp-btn-ghost:hover:not(:disabled){background:#ffffff14;color:#fff}.shp-btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#e8c060,#c9943a 55%,#a67c2e);color:#1a1408;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #d4a84b59;transition:transform .15s,box-shadow .15s,filter .15s}.shp-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 32px #d4a84b73}.shp-btn-save:disabled{opacity:.55;cursor:not-allowed}.shp-btn-save.is-saved{background:linear-gradient(135deg,#6dcf8a,#3fa85e);color:#0c1a10;box-shadow:0 6px 24px #50b46e59}.shp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;color:#8b95ad;font-size:.88rem}.shp-loading-pulse{width:48px;height:48px;border-radius:50%;border:2px solid rgba(245,208,120,.2);border-top-color:#f5d078;animation:shp-spin .8s linear infinite}@keyframes shp-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.shp-body{grid-template-columns:1fr;padding:18px 16px;gap:20px}.shp-preview{position:static}.shp-fields--grid{grid-template-columns:1fr}.shp-actions{flex-direction:column-reverse}.shp-btn-ghost,.shp-btn-save{width:100%;justify-content:center}}.main-content:has(.prd-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 45%,#1a1628)}.prd-page{min-height:100vh;color:#e2e8f0;padding-bottom:88px}.prd-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2bf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;position:sticky;top:0;z-index:20}.prd-header-main{display:flex;align-items:center;gap:12px;min-width:0}.prd-header-icon{filter:drop-shadow(0 2px 8px rgba(241,180,76,.25))}.prd-header h1{margin:0;font-size:1.15rem;font-weight:600;color:#fff;letter-spacing:-.02em}.prd-header-sub{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.prd-header-stats{display:flex;gap:8px;flex-wrap:wrap}.prd-stat{padding:6px 12px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.74rem;color:#9aa5bd}.prd-stat strong{color:#f5d078;font-weight:700}.prd-stat--warn strong{color:#ff9b7a}.prd-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0}.prd-back-btn:hover{background:#ffffff14;color:#fff}.prd-toolbar{padding:16px 22px 0;display:flex;flex-direction:column;gap:14px}.prd-search{display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000040;transition:border-color .15s,box-shadow .15s}.prd-search:focus-within{border-color:#f5d07873;box-shadow:0 0 0 3px #f5d0781a}.prd-search-icon{color:#6b7694;flex-shrink:0}.prd-search-input{flex:1;border:none;background:transparent;color:#fff;font-size:.9rem;outline:none;min-width:0}.prd-search-input::placeholder{color:#5c667d}.prd-search-clear{border:none;background:#ffffff14;color:#9aa5bd;width:24px;height:24px;border-radius:50%;cursor:pointer;line-height:1}.prd-filters{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:14px 20px}.prd-filter-group{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 auto}.prd-sort-wrap{display:flex;flex-direction:column;gap:6px;min-width:160px}.prd-search-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 12px;border-radius:12px;border:1px solid rgba(245,208,120,.16);background:#f5d0780f;color:#c5cddf;font-size:.78rem}.prd-search-meta strong{color:#f5d078;font-weight:700}.prd-search-meta button{border:none;background:transparent;color:#f5d078;font-size:.75rem;font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.prd-search-meta button:hover{color:#ffe6a8}.prd-toolbar.is-busy{position:relative}.prd-toolbar.is-busy:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(245,208,120,.85),transparent);animation:prd-busy-slide 1.1s ease-in-out infinite}@keyframes prd-busy-slide{0%{opacity:.35;transform:scaleX(.35)}50%{opacity:1;transform:scaleX(1)}to{opacity:.35;transform:scaleX(.35)}}.prd-filter-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7694}.prd-chips{display:flex;flex-wrap:wrap;gap:8px}.prd-chips--scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.prd-chip{padding:7px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#b8c2d9;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}.prd-chip:hover{background:#ffffff14;color:#fff}.prd-chip.is-active{background:linear-gradient(135deg,#f5d07838,#c9943a2e);border-color:#f5d07873;color:#f5d078;box-shadow:0 2px 12px #f5d0781f}.prd-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-bottom:4px}.prd-sort{display:flex;align-items:center;gap:8px;padding:0 12px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0003;font-size:.76rem;color:#8b95ad}.prd-sort select{border:none;background:transparent;color:#fff;font-size:.78rem;outline:none;cursor:pointer}.prd-action-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#b8c2d9;font-size:.76rem;cursor:pointer;transition:background .15s,border-color .15s}.prd-action-btn:hover,.prd-action-btn.is-active{background:#ffffff14;border-color:#f5d0784d;color:#f5d078}.prd-share-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prd-share-btn{padding:8px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#d4a84b,#b8862e);color:#1a1408;font-size:.78rem;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #d4a84b40}.prd-share-btn:disabled{opacity:.65;cursor:wait}.prd-share-btn--ghost{background:transparent;color:#f5d078;border:1px solid rgba(245,208,120,.35);box-shadow:none}.prd-share-btn--ghost:hover:not(:disabled){background:#f5d07814}.prd-share-btn--image{background:linear-gradient(135deg,#3d8bfd,#2563c7);color:#f0f6ff;box-shadow:0 4px 16px #3d8bfd47}.prd-detail-actions .prd-share-btn--image{width:100%;padding:14px;font-size:.92rem}.prd-body{padding:16px 22px 24px}.prd-list{display:flex;flex-direction:column;gap:10px}.prd-card{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;gap:0;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#202432f2,#161924fa);box-shadow:0 4px 20px #0003,inset 0 1px #ffffff0a;overflow:hidden;transition:border-color .15s,box-shadow .15s,transform .15s}.prd-card:hover{border-color:#f5d07838;box-shadow:0 8px 28px #00000047,0 0 0 1px #f5d0780f}.prd-card.is-selected{border-color:#f5d07866;background:linear-gradient(145deg,#2d281c99,#1c1a16f2)}.prd-check{display:flex;align-items:center;padding:0 4px 0 14px;cursor:pointer}.prd-check input{position:absolute;opacity:0;width:0;height:0}.prd-check-box{width:18px;height:18px;border-radius:5px;border:1.5px solid rgba(255,255,255,.2);background:#0003;transition:background .15s,border-color .15s}.prd-check input:checked+.prd-check-box{background:linear-gradient(135deg,#d4a84b,#b8862e);border-color:#d4a84b;box-shadow:inset 0 0 0 2px #1a1408}.prd-card-main{display:flex;align-items:center;gap:14px;padding:12px 8px 12px 4px;border:none;background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0;flex:1}.prd-card-main.is-readonly,.prd-card-main:disabled{cursor:default;opacity:1}.prd-thumb{width:64px;height:64px;border-radius:12px;border:1px solid rgba(245,208,120,.18);background:linear-gradient(145deg,#1e2230e6,#10121af2);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prd-thumb--empty .png-icon{opacity:.45}.prd-thumb-img{width:100%;height:100%;object-fit:cover}.prd-card-info{min-width:0;flex:1}.prd-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.prd-card-name{margin:0;font-size:.92rem;font-weight:600;color:#fff;line-height:1.35}.prd-stock{flex-shrink:0;padding:3px 8px;border-radius:12px;font-size:.68rem;font-weight:600}.prd-stock em,.prd-stock strong{font-style:normal}.prd-stock--ok{background:linear-gradient(145deg,#3dd68c47,#1faa5c2e);color:#7dffb0;border:1px solid rgba(61,214,140,.45);box-shadow:0 0 12px #3dd68c2e}.prd-stock--mid{background:linear-gradient(145deg,#ffd45a47,#e5a8202e);color:#ffe08a;border:1px solid rgba(255,212,90,.5);box-shadow:0 0 12px #ffd45a33}.prd-stock--low{background:linear-gradient(145deg,#ff7a6a4d,#e4453a33);color:#ff9a8c;border:1px solid rgba(255,122,106,.5);box-shadow:0 0 12px #ff7a6a38}.prd-card-meta{margin:4px 0 0;font-size:.76rem;color:#8b95ad;line-height:1.4}.prd-dot{margin:0 6px;opacity:.5}.prd-card-prices{display:flex;flex-direction:column;gap:2px;margin-top:8px}.prd-card-price{display:grid;grid-template-columns:5.6rem minmax(4.5rem,max-content) auto;align-items:baseline;column-gap:8px;margin-top:0}.prd-price-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#6b7694;white-space:nowrap}.prd-card-price strong{font-size:.95rem;font-weight:700;color:#f5d078;font-variant-numeric:tabular-nums;white-space:nowrap}.prd-garansi{display:inline-block;margin-top:0;padding:2px 8px;border-radius:8px;font-size:.68rem;color:#9aa5bd;background:#ffffff0d;justify-self:start}.prd-edit-btn{display:flex;align-items:center;justify-content:center;width:48px;border:none;border-left:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#f5d078;cursor:pointer;transition:background .15s}.prd-edit-btn:hover{background:#f5d0781a}.prd-loading{display:flex;flex-direction:column;gap:10px}.prd-card--skeleton{height:88px;background:linear-gradient(90deg,#282c3a80 25%,#373c4e80,#282c3a80 75%);background-size:200% 100%;animation:prd-shimmer 1.2s infinite;border:1px solid rgba(255,255,255,.05)}@keyframes prd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;text-align:center;border-radius:16px;border:1px dashed rgba(255,255,255,.1);background:#00000026}.prd-empty .png-icon{opacity:.35;margin-bottom:8px}.prd-empty p{margin:0;font-size:1rem;font-weight:600;color:#fff}.prd-empty span{font-size:.82rem;color:#8b95ad}.prd-empty-btn{margin-top:12px;padding:10px 20px;border-radius:10px;border:none;background:linear-gradient(135deg,#d4a84b,#b8862e);color:#1a1408;font-weight:600;cursor:pointer}.prd-fab{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(145deg,#e8c060,#c9943a,#a67c2e);color:#1a1408;cursor:pointer;box-shadow:0 8px 28px #d4a84b73,0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;z-index:30;transition:transform .15s,box-shadow .15s}.prd-fab:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 12px 36px #d4a84b80}.main-content:has(.prd-page:not(.prd-page--detail)){background:radial-gradient(circle at 12% 0%,rgba(245,208,120,.14),transparent 30%),radial-gradient(circle at 88% 8%,rgba(80,165,241,.08),transparent 28%),linear-gradient(165deg,#161a25,#10131b 48%,#181526)}.prd-page:not(.prd-page--detail){position:relative;isolation:isolate}.prd-page:not(.prd-page--detail):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 78%)}.prd-page:not(.prd-page--detail) .prd-header{margin:14px 16px 0;padding:16px 18px;border:1px solid rgba(245,208,120,.1);border-radius:20px;background:linear-gradient(135deg,#24293ae0,#131620eb),radial-gradient(circle at top left,rgba(245,208,120,.13),transparent 38%);box-shadow:0 18px 50px #00000042,inset 0 1px #ffffff0f}.prd-page:not(.prd-page--detail) .prd-header-icon{padding:8px;border-radius:14px;background:#f5d07814;border:1px solid rgba(245,208,120,.16)}.prd-page:not(.prd-page--detail) .prd-header h1{font-size:1.2rem;font-weight:750;letter-spacing:-.025em}.prd-page:not(.prd-page--detail) .prd-header-sub{color:#9ba5bc}.prd-page:not(.prd-page--detail) .prd-stat{border-radius:999px;background:linear-gradient(180deg,#ffffff13,#ffffff09);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0a}.prd-page:not(.prd-page--detail) .prd-toolbar{margin:14px 16px 0;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:#12151fb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 42px #0003}.prd-page:not(.prd-page--detail) .prd-sort-wrap .prd-sort,.prd-page:not(.prd-page--detail) select.prd-sort{min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:#e8eefc;font-size:.8rem}.prd-page:not(.prd-page--detail) .prd-body{padding:14px 16px 110px}.prd-page:not(.prd-page--detail) .prd-list{gap:10px}.prd-page:not(.prd-page--detail) .prd-card-name{letter-spacing:-.01em}.app-layout--music .prd-page:not(.prd-page--detail) .prd-fab{bottom:98px}.app-layout--music .prd-page{padding-bottom:160px}.prd-page:not(.prd-page--detail) .prd-search{height:48px;border-radius:16px;border-color:#ffffff17;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#0000003d}.prd-page:not(.prd-page--detail) .prd-search:focus-within{border-color:#f5d0788f;box-shadow:0 0 0 3px #f5d0781c,0 12px 34px #00000038}.prd-page:not(.prd-page--detail) .prd-search-input{font-weight:520}.prd-page:not(.prd-page--detail) .prd-filter-label{color:#77829a;letter-spacing:.12em}.prd-page:not(.prd-page--detail) .prd-chip,.prd-page:not(.prd-page--detail) .prd-action-btn,.prd-page:not(.prd-page--detail) .prd-sort{border-radius:999px;background:#ffffff0b;border-color:#ffffff17}.prd-page:not(.prd-page--detail) .prd-chip{padding:7px 15px;font-weight:650}.prd-page:not(.prd-page--detail) .prd-chip.is-active{color:#1a1408;border-color:#f5d078b8;background:linear-gradient(135deg,#f6d983,#d3a34b 52%,#b9822b);box-shadow:0 8px 22px #d4a84b38,inset 0 1px #ffffff3d}.prd-page:not(.prd-page--detail) .prd-actions{padding-top:2px}.prd-page:not(.prd-page--detail) .prd-sort{height:38px}.prd-page:not(.prd-page--detail) .prd-action-btn{font-weight:650}.prd-page:not(.prd-page--detail) .prd-share-btn{border-radius:999px;font-weight:700}.prd-page:not(.prd-page--detail) .prd-body{padding:16px 16px 26px}.prd-page:not(.prd-page--detail) .prd-list{gap:12px}.prd-page:not(.prd-page--detail) .prd-card{position:relative;border-radius:18px;border-color:#ffffff13;background:linear-gradient(135deg,#2a2f41f0,#191d2afa 58%,#141722fa);box-shadow:0 14px 34px #00000038,inset 0 1px #ffffff0e}.prd-page:not(.prd-page--detail) .prd-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#f5d078b8,#3d8bfd6b);opacity:0;transition:opacity .18s}.prd-page:not(.prd-page--detail) .prd-card:hover{transform:translateY(-1px);border-color:#f5d07847;box-shadow:0 18px 46px #00000052,0 0 0 1px #f5d0780f,inset 0 1px #ffffff12}.prd-page:not(.prd-page--detail) .prd-card:hover:before,.prd-page:not(.prd-page--detail) .prd-card.is-selected:before{opacity:1}.prd-page:not(.prd-page--detail) .prd-card.is-selected{border-color:#f5d07885;background:linear-gradient(135deg,#39301ccc,#211d18fa 65%)}.prd-page:not(.prd-page--detail) .prd-check{padding-left:16px;padding-right:8px}.prd-page:not(.prd-page--detail) .prd-check-box{width:19px;height:19px;border-radius:7px;border-color:#ffffff38;background:#00000042}.prd-page:not(.prd-page--detail) .prd-card-main{align-items:center;gap:12px;padding:0 0 0 2px;min-height:0}.prd-page:not(.prd-page--detail) .prd-thumb{width:44px;height:44px;margin:8px 0;align-self:center;border-radius:10px;border-color:#f5d07833;background:radial-gradient(circle at 35% 18%,rgba(245,208,120,.13),transparent 35%),linear-gradient(145deg,#222737f5,#0f111afa);box-shadow:0 6px 16px #0003,inset 0 1px #ffffff0f}.prd-page:not(.prd-page--detail) .prd-thumb-img{transform:scale(1.02)}.prd-page:not(.prd-page--detail) .prd-card-info{padding:8px 4px 8px 0;align-self:center;flex:1 1 auto;min-width:0}.prd-page:not(.prd-page--detail) .prd-card-name{font-size:.96rem;font-weight:760;letter-spacing:-.01em}.prd-page:not(.prd-page--detail) .prd-card-meta{margin-top:5px;color:#9aa5bd}.prd-fitment{flex:1 1 300px;min-width:190px;max-width:520px;min-height:58px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 18px;border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);text-align:center}.prd-fitment-label{color:#d6b866;font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.prd-fitment-list{margin:0;padding:0;list-style:none;color:#e9edf5;font-size:.72rem;font-weight:560;line-height:1.4;max-height:4.6em;overflow:hidden}.prd-fitment-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prd-fitment small{color:#6f7b90;font-size:.57rem}.prd-fitment-loading,.prd-fitment-empty{color:#758096;font-size:.67rem;font-style:italic}.prd-fitment--loading .prd-fitment-loading{animation:prd-fitment-pulse 1.3s ease-in-out infinite}@keyframes prd-fitment-pulse{0%,to{opacity:.45}50%{opacity:1}}.prd-page:not(.prd-page--detail) .prd-stock{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;width:auto;min-width:52px;margin:0;padding:6px 8px;border:none;border-radius:9px;box-shadow:0 4px 12px #0000002e,inset 0 1px #ffffff1f;overflow:hidden}.prd-page:not(.prd-page--detail) .prd-stock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.1),transparent 42%),radial-gradient(circle at 50% 0%,rgba(255,255,255,.12),transparent 55%);pointer-events:none}.prd-page:not(.prd-page--detail) .prd-stock em{position:relative;z-index:1;margin:0 0 4px;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.82}.prd-page:not(.prd-page--detail) .prd-stock strong{position:relative;z-index:1;font-size:1.05rem;font-weight:900;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.28)}.prd-page:not(.prd-page--detail) .prd-stock--ok{color:#e8fff0;border:1px solid rgba(72,220,140,.5);background:linear-gradient(160deg,#3dd68c,#1faa5c,#128a48);box-shadow:0 4px 14px #1faa5c52,inset 0 1px #ffffff40}.prd-page:not(.prd-page--detail) .prd-stock--mid{color:#fff8e6;border:1px solid rgba(245,200,80,.55);background:linear-gradient(160deg,#ffd45a,#e5a820,#c48410);box-shadow:0 4px 14px #e5a82059,inset 0 1px #ffffff47}.prd-page:not(.prd-page--detail) .prd-stock--low{color:#fff0ee;border:1px solid rgba(255,120,100,.55);background:linear-gradient(160deg,#ff7a6a,#e4453a,#c22e28);box-shadow:0 4px 14px #e4453a61,inset 0 1px #ffffff40}.prd-page:not(.prd-page--detail) .prd-card-prices{margin-top:4px;gap:1px}.prd-page:not(.prd-page--detail) .prd-card-price{margin-top:0;align-items:center;grid-template-columns:5.6rem minmax(4.5rem,max-content) auto;column-gap:8px}.prd-page:not(.prd-page--detail) .prd-price-label{color:#7a849b;font-weight:700}.prd-page:not(.prd-page--detail) .prd-card-price strong{color:#f7d783;font-size:1.12rem;letter-spacing:-.01em;text-shadow:0 0 16px rgba(245,208,120,.12);font-variant-numeric:tabular-nums;font-weight:750}.prd-page:not(.prd-page--detail) .prd-card-price--modal{margin-top:0}.prd-page:not(.prd-page--detail) .prd-card-price--modal .prd-price-label{color:#6f9f82}.prd-page:not(.prd-page--detail) .prd-card-price--modal strong{color:#5fd98a;font-size:.88rem;font-weight:650;text-shadow:0 0 10px rgba(95,217,138,.15)}.prd-page:not(.prd-page--detail) .prd-garansi{border-radius:999px;border:1px solid rgba(255,255,255,.07);background:#ffffff0e}.prd-page:not(.prd-page--detail) .prd-edit-btn{width:54px;color:#f5d078;background:linear-gradient(180deg,#ffffff09,#ffffff03)}.prd-page:not(.prd-page--detail) .prd-edit-btn:hover{color:#1a1408;background:linear-gradient(135deg,#f6d983,#c9943a)}.prd-page:not(.prd-page--detail) .prd-fab{right:26px;bottom:26px;width:60px;height:60px;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.5),transparent 20%),linear-gradient(145deg,#f8dc86,#d4a84b 48%,#a87425);box-shadow:0 18px 42px #d4a84b6b,0 0 0 1px #ffffff2e inset,0 4px 12px #00000059}.prd-page--detail{padding-bottom:32px}.prd-detail-grid{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:16px;padding:20px 22px}.prd-detail-visual{grid-row:span 2}.prd-detail-thumb{aspect-ratio:1;border-radius:16px;border:1px solid rgba(245,208,120,.2);background:linear-gradient(145deg,#1e2230f2,#10121afa);overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #00000059}.prd-detail-img{width:100%;height:100%;object-fit:cover}.prd-detail-panel{padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#0000002e}.prd-detail-panel h2{margin:0 0 14px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9aa5bd}.prd-detail-list{margin:0;display:grid;gap:10px}.prd-detail-list>div{display:flex;justify-content:space-between;gap:12px;font-size:.88rem}.prd-detail-list dt{color:#8b95ad}.prd-detail-list dd{margin:0;font-weight:600;color:#fff;text-align:right}.prd-detail-price{color:#f5d078!important}.prd-detail-profit{color:#8ef0a8!important}.prd-stock-control{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:14px}.prd-stock-control strong{font-size:1.5rem;min-width:48px;text-align:center}.prd-stock-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1.2rem;cursor:pointer}.prd-stock-btn:hover{background:#f5d07826;border-color:#f5d07859}.prd-stock-set{display:flex;gap:8px}.prd-stock-set input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#fff;outline:none}.prd-detail-actions{display:flex;flex-direction:column;gap:10px;padding:0 22px 24px;max-width:480px}.prd-primary-btn{padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#d4a84b,#b8862e);color:#1a1408;font-weight:600;font-size:.92rem;cursor:pointer;box-shadow:0 4px 20px #d4a84b4d}.prd-danger-btn{padding:12px;border-radius:12px;border:1px solid rgba(255,100,80,.35);background:#ff503c1a;color:#ff9b7a;font-weight:500;cursor:pointer}@media(max-width:768px){.prd-header,.prd-toolbar,.prd-body{padding-left:14px;padding-right:14px}.prd-detail-grid{grid-template-columns:1fr;padding:14px}.prd-detail-visual{grid-row:auto}.prd-thumb{width:56px;height:56px}.prd-page:not(.prd-page--detail) .prd-card-main{flex-wrap:wrap}.prd-page:not(.prd-page--detail) .prd-card-info{flex:1 1 calc(100% - 78px)}.prd-fitment{order:3;flex:1 1 100%;max-width:none;min-height:48px;margin:0 8px 10px 70px;padding:7px 10px;border:1px solid rgba(255,255,255,.07);border-radius:10px}.prd-fab{right:16px;bottom:16px}}.cfm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:#06080eb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cfm-fade .15s ease}@keyframes cfm-fade{0%{opacity:0}to{opacity:1}}.cfm-dialog{width:min(420px,100%);padding:28px 26px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#242838fa,#12141efc);box-shadow:0 24px 64px #0000008c,inset 0 1px #ffffff0f;text-align:center;animation:cfm-pop .18s ease}@keyframes cfm-pop{0%{transform:translateY(8px) scale(.97);opacity:0}to{transform:none;opacity:1}}.cfm-dialog--danger{border-color:#ff786447}.cfm-dialog--warning{border-color:#f5d07847}.cfm-dialog--primary{border-color:#60a5fa47}.cfm-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:800}.cfm-icon--danger{background:#ff645026;color:#ff9b7a;border:1px solid rgba(255,100,80,.35);box-shadow:0 0 24px #ff645033}.cfm-icon--warning{background:#f5d07824;color:#f5d078;border:1px solid rgba(245,208,120,.35);box-shadow:0 0 24px #f5d0782e}.cfm-icon--primary{background:#60a5fa24;color:#93c5fd;border:1px solid rgba(96,165,250,.35);box-shadow:0 0 24px #60a5fa2e}.cfm-title{margin:0;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em}.cfm-message{margin:10px 0 0;font-size:.88rem;color:#9aa5bd;line-height:1.5;white-space:pre-line;text-align:left}.cfm-actions{display:flex;gap:10px;margin-top:22px}.cfm-actions--single{justify-content:center}.cfm-actions--single .cfm-btn{flex:0 1 160px}.cfm-dialog--alert{width:min(400px,100%);padding:26px 28px 22px}.cfm-dialog--alert .cfm-message{max-width:420px;margin:10px auto 0;text-align:left;color:#b8c1d6;max-height:50vh;overflow-y:auto}.cfm-dialog--alert .cfm-actions{margin-top:24px}.cfm-dialog--alert .cfm-btn{min-height:42px;font-weight:700}.cfm-btn{flex:1;padding:12px 14px;border-radius:11px;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .12s,filter .12s,background .12s}.cfm-btn:hover{transform:translateY(-1px)}.cfm-btn--ghost{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c8d0e7}.cfm-btn--ghost:hover{background:#ffffff14;color:#fff}.cfm-btn--danger{border:none;background:linear-gradient(135deg,#ff8a70,#e04e4e);color:#1a0a08;box-shadow:0 6px 20px #e04e4e59}.cfm-btn--warning{border:none;background:linear-gradient(135deg,#e8c060,#c9943a);color:#1a1408;box-shadow:0 6px 20px #d4a84b59}.cfm-btn--primary{border:none;background:linear-gradient(135deg,#7db4ff,#3b82f6);color:#061018;box-shadow:0 6px 20px #3b82f659}.main-content:has(.set-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 45%,#1a1628)}.set-page{padding:24px 28px 40px;color:#e2e8f0;max-width:1100px}.set-header{margin-bottom:22px}.set-eyebrow{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.set-header h1{margin:0;font-size:1.45rem;font-weight:700;color:#fff;letter-spacing:-.03em}.set-sub{margin:6px 0 0;font-size:.84rem;color:#8b95ad}.set-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-bottom:22px;border-radius:16px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(135deg,#f5d0781a,#1c1e2ae6,#12141cf2);box-shadow:0 12px 36px #00000047}.set-hero-logo{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#00000040;border:1px solid rgba(245,208,120,.25);flex-shrink:0}.set-hero-text h2{margin:0;font-family:var(--font);font-size:1.05rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}.set-hero-text p{margin:4px 0 0;color:#f5d078;font-size:.84rem}.set-hero-text span{display:block;margin-top:6px;font-size:.78rem;color:#8b95ad}.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.set-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#202432e6,#141620f2);color:#c8d0e7;transition:border-color .15s,transform .15s,box-shadow .15s,background .15s}.set-card:hover{border-color:#f5d07859;transform:translateY(-2px);box-shadow:0 10px 28px #0000004d;background:linear-gradient(145deg,#2a261c80,#181a24fa);color:#fff}.set-card-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f5d0781a;border:1px solid rgba(245,208,120,.2);flex-shrink:0}.set-card-label{flex:1;font-size:.88rem;font-weight:600;letter-spacing:-.01em}.set-card-arrow{color:#f5d078;opacity:.5;transition:opacity .15s,transform .15s}.set-card:hover .set-card-arrow{opacity:1;transform:translate(3px)}@media(max-width:640px){.set-page{padding:16px}.set-grid{grid-template-columns:1fr}}.main-content:has(.aps-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.aps-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.aps-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.aps-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.aps-back:hover{background:#ffffff17;color:#fff}.aps-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.aps-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.aps-body{max-width:720px;margin:0 auto;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.aps-section{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#202432b8,#141620e6);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.aps-section-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.aps-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.aps-section-head h3{margin:0;font-size:.95rem;font-weight:600;color:#fff}.aps-section-head p{margin:4px 0 0;font-size:.76rem;color:#8b95ad}.aps-threshold{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;border-radius:12px;border:1px solid rgba(245,208,120,.18);background:#f5d0780f}.aps-threshold-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.aps-threshold-label{font-size:.88rem;font-weight:600;color:#fff}.aps-threshold-hint{font-size:.75rem;color:#8b95ad;line-height:1.4}.aps-stepper{display:flex;align-items:center;gap:6px;flex-shrink:0}.aps-stepper-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#fff;font-size:1.2rem;cursor:pointer;transition:background .15s,border-color .15s}.aps-stepper-btn:hover{background:#f5d07826;border-color:#f5d07859;color:#f5d078}.aps-stepper-input{width:64px;height:40px;text-align:center;border-radius:10px;border:1px solid rgba(245,208,120,.35);background:#00000059;color:#f5d078;font-size:1.05rem;font-weight:700;outline:none}.aps-stepper-input:focus{box-shadow:0 0 0 3px #f5d0781f}.aps-toggles{display:flex;flex-direction:column;gap:10px}.aps-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#0000002e;cursor:pointer;transition:border-color .15s,background .15s}.aps-toggle-row:hover{border-color:#f5d07838;background:#f5d0780d}.aps-toggle-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.aps-toggle-title{font-size:.88rem;font-weight:600;color:#fff}.aps-toggle-desc{font-size:.74rem;color:#8b95ad;line-height:1.4}.aps-switch{position:relative;width:48px;height:28px;flex-shrink:0}.aps-switch input{opacity:0;width:0;height:0;position:absolute}.aps-switch-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#3a4158;border:1px solid rgba(255,255,255,.1);transition:background .2s,border-color .2s}.aps-switch-track:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform .2s}.aps-switch.is-on .aps-switch-track{background:linear-gradient(90deg,#d4a84b,#f5d078);border-color:#f5d07880}.aps-switch.is-on .aps-switch-track:after{transform:translate(20px)}.aps-preview{padding:14px 18px;border-radius:12px;border:1px dashed rgba(96,165,250,.3);background:#60a5fa0f}.aps-preview-chip{display:inline-flex;padding:3px 8px;border-radius:20px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;background:#60a5fa1f;border:1px solid rgba(96,165,250,.25);margin-bottom:8px}.aps-preview p{margin:0;font-size:.82rem;color:#b8c2d9;line-height:1.45}.aps-preview strong{color:#f5d078}.aps-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.aps-btn-ghost{padding:12px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#b8c2d9;font-size:.88rem;font-weight:500;cursor:pointer}.aps-btn-ghost:hover:not(:disabled){background:#ffffff14;color:#fff}.aps-btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,#e8c060,#c9943a 55%,#a67c2e);color:#1a1408;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #d4a84b59;transition:transform .15s,box-shadow .15s}.aps-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 32px #d4a84b73}.aps-btn-save:disabled{opacity:.55;cursor:not-allowed}.aps-btn-save.is-saved{background:linear-gradient(135deg,#6dcf8a,#3fa85e);color:#0c1a10;box-shadow:0 6px 24px #50b46e59}.aps-pos-block{display:flex;flex-direction:column;gap:14px;margin-top:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0000002e}.aps-pos-modes{display:grid;gap:10px}.aps-pos-mode{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;color:#c9d0e0}.aps-pos-mode input{grid-row:1 / span 2;margin-top:3px;accent-color:#e8c060}.aps-pos-mode strong{color:#f0f3fa;font-size:.9rem}.aps-pos-mode span{grid-column:2;font-size:.78rem;color:#8b95ad;line-height:1.4}.aps-pos-mode.is-active{border-color:#e8c06073;background:#e8c06014}.aps-pos-browser{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid rgba(125,222,160,.2);background:#7ddea012}.aps-pos-browser strong{color:#7ddea0;font-size:.92rem}.aps-pos-browser p{margin:0;max-width:620px;color:#a8b2c8;font-size:.82rem;line-height:1.45}.aps-pos-browser p strong{color:#e8ecf4;font-size:inherit}.aps-pos-status{display:flex;flex-direction:column;gap:4px}.aps-pos-ok{color:#7ddea0;font-size:.92rem}.aps-pos-muted{color:#8b95ad;font-size:.92rem}.aps-pos-device{font-size:.78rem;color:#8b95ad}.aps-pos-baud{display:flex;flex-direction:column;gap:6px;max-width:220px;font-size:.8rem;color:#8b95ad}.aps-pos-baud select,.aps-pos-baud input{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e8ecf4;font-size:.88rem;font-weight:650}.aps-pos-actions{display:flex;flex-wrap:wrap;gap:8px}.aps-btn-pos{padding:10px 14px;border-radius:10px;border:none;background:linear-gradient(135deg,#e8c060,#c9943a);color:#1a1408;font-size:.82rem;font-weight:700;cursor:pointer}.aps-btn-pos:disabled{opacity:.45;cursor:not-allowed}.aps-btn-pos--ghost{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#c9d0e0;font-weight:600}.aps-pos-steps{margin:0;padding-left:18px;font-size:.8rem;color:#8b95ad;line-height:1.55}.aps-pos-steps strong{color:#e8ecf4}.aps-pos-hint{margin:0;font-size:.8rem;color:#8b95ad;line-height:1.5}.aps-pos-hint--warn{color:#f0c070}.aps-section--danger{border-color:#f46a6a47;background:radial-gradient(circle at top right,rgba(244,106,106,.08),transparent 34%),#0000002e}.aps-section--danger .aps-section-num{color:#ffd2d2;border-color:#f46a6a59;background:#f46a6a1f}.aps-reset-box{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.aps-reset-options{display:flex;flex-direction:column;gap:8px}.aps-reset-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer}.aps-reset-option.is-active{border-color:#f46a6a73;background:#f46a6a14}.aps-reset-option input{margin-top:3px;accent-color:#f46a6a}.aps-reset-option strong{display:block;color:#fff;font-size:.86rem;margin-bottom:2px}.aps-reset-option small{display:block;color:#8b95ad;font-size:.74rem;line-height:1.35}.aps-reset-confirm{padding:12px;border-radius:12px;border:1px solid rgba(244,106,106,.24);background:#0003}.aps-reset-confirm p{margin:0 0 10px;color:#c9d0e0;font-size:.78rem;line-height:1.4}.aps-reset-confirm p strong{color:#ffd2d2}.aps-reset-fields{display:grid;gap:8px;margin-bottom:10px}.aps-reset-fields label{display:flex;flex-direction:column;gap:5px;color:#aeb6c8;font-size:.74rem}.aps-reset-fields input{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#fff;padding:9px 11px;outline:none}.aps-reset-fields input:focus{border-color:#f46a6a7a;box-shadow:0 0 0 2px #f46a6a1a}.aps-btn-danger{width:100%;border:none;border-radius:11px;padding:11px 14px;background:linear-gradient(135deg,#f46a6a,#c73636);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 24px #f46a6a38}.aps-btn-danger:hover:not(:disabled){filter:brightness(1.05)}.aps-btn-danger:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.aps-reset-warning,.aps-reset-note{margin-top:8px!important;margin-bottom:0!important;color:#8b95ad!important}.aps-reset-warning{color:#ffd2d2!important}.aps-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;color:#8b95ad;font-size:.88rem}.aps-loading-pulse{width:48px;height:48px;border-radius:50%;border:2px solid rgba(245,208,120,.2);border-top-color:#f5d078;animation:aps-spin .8s linear infinite}@keyframes aps-spin{to{transform:rotate(360deg)}}@media(max-width:640px){.aps-body{padding:16px}.aps-threshold{flex-direction:column;align-items:stretch}.aps-reset-box{grid-template-columns:1fr}.aps-stepper{justify-content:center}.aps-actions{flex-direction:column-reverse}.aps-btn-ghost,.aps-btn-save{width:100%;justify-content:center}}.main-content:has(.bkr-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.bkr-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.bkr-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.bkr-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.bkr-back:hover{background:#ffffff17;color:#fff}.bkr-header-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(245,208,120,.28);background:#f5d0781a;flex-shrink:0}.bkr-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.bkr-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.bkr-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;max-width:1080px;margin:0 auto;padding:28px 24px;align-items:start}.bkr-hero{position:relative;overflow:hidden;padding:28px 24px;border-radius:20px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(160deg,#2a24188c,#161822fa 45%,#10121a);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.bkr-hero-glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,208,120,.2) 0%,transparent 70%);pointer-events:none}.bkr-hero-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#f5d0781a;border:1px solid rgba(245,208,120,.28);box-shadow:0 8px 24px #f5d0781f}.bkr-eyebrow{position:relative;z-index:1;margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.bkr-hero h2{position:relative;z-index:1;margin:0;font-size:1.28rem;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.25}.bkr-hero>p:not(.bkr-eyebrow){position:relative;z-index:1;margin:10px 0 0;font-size:.82rem;color:#9aa5bd;line-height:1.55}.bkr-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px}.bkr-stat{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000038;display:flex;flex-direction:column;gap:4px}.bkr-stat--wide{grid-column:1 / -1}.bkr-stat span{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7694}.bkr-stat strong{font-size:.95rem;color:#f5d078;font-weight:700}.bkr-actions-col{display:flex;flex-direction:column;gap:14px}.bkr-card{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,#202432bf,#141620eb);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.bkr-card--backup{background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(245,208,120,.1) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb)}.bkr-card--restore{background:radial-gradient(ellipse 70% 60% at 0% 0%,rgba(255,120,100,.1) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb)}.bkr-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:4px}.bkr-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.bkr-card-badge{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.bkr-card-badge--gold{color:#f5d078;background:#f5d0781f;border:1px solid rgba(245,208,120,.3)}.bkr-card-badge--coral{color:#ff9b7a;background:#ff78641f;border:1px solid rgba(255,120,100,.3)}.bkr-card-head h3{margin:0;font-size:1.05rem;font-weight:600;color:#fff}.bkr-card-head p{margin:6px 0 0;font-size:.8rem;color:#8b95ad;line-height:1.45}.bkr-list{list-style:none;margin:16px 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.bkr-list li{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#b8c2d9}.bkr-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.68rem;font-weight:700;color:#1a1408;background:linear-gradient(135deg,#e8c060,#c9943a);flex-shrink:0}.bkr-warn{display:flex;align-items:flex-start;gap:10px;margin:14px 0 16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,160,120,.22);background:#ff786414;color:#ffb09a;font-size:.78rem;line-height:1.45}.bkr-warn svg{flex-shrink:0;margin-top:1px;opacity:.9}.bkr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s,background .15s}.bkr-btn:hover:not(:disabled){transform:translateY(-1px)}.bkr-btn:disabled{opacity:.55;cursor:not-allowed}.bkr-btn--primary{border:none;background:linear-gradient(135deg,#e8c060,#c9943a 55%,#a67c2e);color:#1a1408;box-shadow:0 6px 24px #d4a84b59}.bkr-btn--primary:hover:not(:disabled){box-shadow:0 10px 32px #d4a84b73;filter:brightness(1.05)}.bkr-btn--danger{border:1px solid rgba(255,120,100,.4);background:linear-gradient(135deg,#ff8c6e2e,#e04e4e1f);color:#ffb09a;box-shadow:0 6px 20px #e04e4e26}.bkr-btn--danger:hover:not(:disabled){background:linear-gradient(135deg,#ff8c6e47,#e04e4e33);color:#ffcfc0}@media(max-width:860px){.bkr-body{grid-template-columns:1fr;padding:18px 16px}.bkr-stats{grid-template-columns:1fr 1fr}.bkr-stat:nth-child(3){grid-column:1 / -1}}.main-content:has(.imp-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.imp-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.imp-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.imp-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.imp-back:hover{background:#ffffff17;color:#fff}.imp-header-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(245,208,120,.28);background:#f5d0781a;flex-shrink:0}.imp-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.imp-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.imp-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;max-width:1080px;margin:0 auto;padding:28px 24px;align-items:start}.imp-hero{position:relative;overflow:hidden;padding:28px 24px;border-radius:20px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(160deg,#2a24188c,#161822fa 45%,#10121a);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.imp-hero-glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,208,120,.2) 0%,transparent 70%);pointer-events:none}.imp-hero-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#f5d0781a;border:1px solid rgba(245,208,120,.28);box-shadow:0 8px 24px #f5d0781f}.imp-eyebrow{position:relative;z-index:1;margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.imp-hero h2{position:relative;z-index:1;margin:0;font-size:1.28rem;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.25}.imp-hero>p:not(.imp-eyebrow){position:relative;z-index:1;margin:10px 0 0;font-size:.82rem;color:#9aa5bd;line-height:1.55}.imp-cols{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.imp-col-chip{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:#d4dceb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:500;letter-spacing:.01em}.imp-actions-col{display:flex;flex-direction:column;gap:14px}.imp-card{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(245,208,120,.07) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.imp-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.imp-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.imp-card-head h3{margin:0;font-size:1.05rem;font-weight:600;color:#fff}.imp-card-head p{margin:6px 0 0;font-size:.8rem;color:#8b95ad;line-height:1.45}.imp-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.imp-mode{text-align:left;padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0003;color:#c8d0e7;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.imp-mode:hover{border-color:#f5d07847;transform:translateY(-1px)}.imp-mode--active{border-color:#f5d07873;background:linear-gradient(145deg,#f5d07824,#201c1280);box-shadow:0 8px 24px #d4a84b2e,inset 0 1px #ffffff0f}.imp-mode--active.imp-mode--danger{border-color:#ff786473;background:linear-gradient(145deg,#ff786424,#28161480);box-shadow:0 8px 24px #e04e4e29,inset 0 1px #ffffff0d}.imp-mode-badge{display:inline-flex;align-self:flex-start;padding:3px 8px;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.imp-mode-badge--gold{color:#f5d078;background:#f5d0781f;border:1px solid rgba(245,208,120,.28)}.imp-mode-badge--coral{color:#ff9b7a;background:#ff78641f;border:1px solid rgba(255,120,100,.28)}.imp-mode strong{font-size:.95rem;color:#fff;font-weight:600}.imp-mode>span:last-child{font-size:.74rem;color:#8b95ad;line-height:1.4}.imp-warn{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,160,120,.22);background:#ff786414;color:#ffb09a;font-size:.78rem;line-height:1.45}.imp-warn svg{flex-shrink:0;margin-top:1px}.imp-dropzone{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 20px;border-radius:16px;border:1.5px dashed rgba(245,208,120,.35);background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(245,208,120,.1) 0%,transparent 70%),#0000002e;color:#c8d0e7;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.imp-dropzone:hover:not(:disabled),.imp-dropzone--active{border-color:#f5d078a6;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(245,208,120,.16) 0%,transparent 70%),#f5d0780f;box-shadow:0 12px 36px #d4a84b2e;transform:translateY(-1px)}.imp-dropzone:disabled{opacity:.6;cursor:not-allowed}.imp-dropzone-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;margin-bottom:4px;color:#f5d078;background:#f5d0781a;border:1px solid rgba(245,208,120,.28)}.imp-dropzone strong{font-size:.95rem;font-weight:600;color:#fff}.imp-dropzone>span:last-child{font-size:.78rem;color:#8b95ad}@media(max-width:860px){.imp-body{grid-template-columns:1fr;padding:18px 16px}.imp-mode-grid{grid-template-columns:1fr}}.main-content:has(.exp-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.exp-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.exp-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.exp-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.exp-back:hover{background:#ffffff17;color:#fff}.exp-header-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(245,208,120,.28);background:#f5d0781a;flex-shrink:0}.exp-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.exp-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.exp-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;max-width:1080px;margin:0 auto;padding:28px 24px;align-items:start}.exp-hero{position:relative;overflow:hidden;padding:28px 24px;border-radius:20px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(160deg,#2a24188c,#161822fa 45%,#10121a);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.exp-hero-glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,208,120,.2) 0%,transparent 70%);pointer-events:none}.exp-hero-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#f5d0781a;border:1px solid rgba(245,208,120,.28);box-shadow:0 8px 24px #f5d0781f}.exp-eyebrow{position:relative;z-index:1;margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.exp-hero h2{position:relative;z-index:1;margin:0;font-size:1.28rem;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.25}.exp-hero>p:not(.exp-eyebrow){position:relative;z-index:1;margin:10px 0 0;font-size:.82rem;color:#9aa5bd;line-height:1.55}.exp-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.exp-stat{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000038;display:flex;flex-direction:column;gap:4px}.exp-stat span{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7694}.exp-stat strong{font-size:.95rem;color:#f5d078;font-weight:700}.exp-actions-col{display:flex;flex-direction:column;gap:14px}.exp-card{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(245,208,120,.07) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.exp-card--action{background:radial-gradient(ellipse 70% 60% at 0% 0%,rgba(245,208,120,.12) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb)}.exp-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.exp-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.exp-card-badge{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#b8c2d9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.exp-card-badge--gold{color:#f5d078;background:#f5d0781f;border:1px solid rgba(245,208,120,.3)}.exp-card-head h3{margin:0;font-size:1.05rem;font-weight:600;color:#fff}.exp-card-head p{margin:6px 0 0;font-size:.8rem;color:#8b95ad;line-height:1.45}.exp-cols{display:flex;flex-wrap:wrap;gap:8px}.exp-col-chip{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:#d4dceb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:500}.exp-list{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:8px}.exp-list li{display:flex;align-items:center;gap:10px;font-size:.82rem;color:#b8c2d9}.exp-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.68rem;font-weight:700;color:#1a1408;background:linear-gradient(135deg,#e8c060,#c9943a);flex-shrink:0}.exp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;padding:14px 18px;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#e8c060,#c9943a 55%,#a67c2e);color:#1a1408;box-shadow:0 6px 24px #d4a84b59;transition:transform .15s,box-shadow .15s,filter .15s}.exp-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 32px #d4a84b73;filter:brightness(1.05)}.exp-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:860px){.exp-body{grid-template-columns:1fr;padding:18px 16px}.exp-btn{max-width:none}}.main-content:has(.syn-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.syn-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.syn-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.syn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.syn-back:hover{background:#ffffff17;color:#fff}.syn-header-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(245,208,120,.28);background:#f5d0781a;flex-shrink:0}.syn-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.syn-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.syn-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;max-width:1080px;margin:0 auto;padding:28px 24px;align-items:start}.syn-hero{position:relative;overflow:hidden;padding:28px 24px;border-radius:20px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(160deg,#2a24188c,#161822fa 45%,#10121a);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d}.syn-hero-glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(245,208,120,.2) 0%,transparent 70%);pointer-events:none}.syn-hero-icon{position:relative;z-index:1;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#f5d0781a;border:1px solid rgba(245,208,120,.28);box-shadow:0 8px 24px #f5d0781f}.syn-eyebrow{position:relative;z-index:1;margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.syn-hero h2{position:relative;z-index:1;margin:0;font-size:1.28rem;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.25}.syn-hero>p:not(.syn-eyebrow){position:relative;z-index:1;margin:10px 0 0;font-size:.82rem;color:#9aa5bd;line-height:1.55}.syn-stats{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px}.syn-stat{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000038;display:flex;flex-direction:column;gap:4px}.syn-stat--wide{grid-column:1 / -1}.syn-stat span{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7694}.syn-stat strong{font-size:.95rem;color:#f5d078;font-weight:700}.syn-actions-col{display:flex;flex-direction:column;gap:14px}.syn-card{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(245,208,120,.07) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.syn-card--action{background:radial-gradient(ellipse 70% 60% at 0% 0%,rgba(245,208,120,.12) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb)}.syn-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.syn-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.syn-card-badge{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#b8c2d9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.syn-card-badge--gold{color:#f5d078;background:#f5d0781f;border:1px solid rgba(245,208,120,.3)}.syn-card-head h3{margin:0;font-size:1.05rem;font-weight:600;color:#fff}.syn-card-head p{margin:6px 0 0;font-size:.8rem;color:#8b95ad;line-height:1.45}.syn-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.syn-steps li{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#0000002e}.syn-step-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#1a1408;background:linear-gradient(135deg,#e8c060,#c9943a)}.syn-steps strong{display:block;font-size:.88rem;color:#fff;font-weight:600}.syn-steps li span:last-child,.syn-steps li div>span{display:block;margin-top:2px;font-size:.76rem;color:#8b95ad;line-height:1.4}.syn-btn-row{display:flex;flex-wrap:wrap;gap:10px}.syn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:12px;font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s,background .15s}.syn-btn:hover:not(:disabled){transform:translateY(-1px)}.syn-btn:disabled{opacity:.55;cursor:not-allowed}.syn-btn--primary{border:none;flex:1 1 220px;background:linear-gradient(135deg,#e8c060,#c9943a 55%,#a67c2e);color:#1a1408;box-shadow:0 6px 24px #d4a84b59}.syn-btn--primary:hover:not(:disabled){box-shadow:0 10px 32px #d4a84b73;filter:brightness(1.05)}.syn-btn--ghost{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c8d0e7}.syn-btn--ghost:hover:not(:disabled){background:#ffffff14;color:#fff}@media(max-width:860px){.syn-body{grid-template-columns:1fr;padding:18px 16px}.syn-stats{grid-template-columns:1fr 1fr}.syn-stat:nth-child(3){grid-column:1 / -1}.syn-btn-row{flex-direction:column}.syn-btn--primary,.syn-btn--ghost{width:100%}}.main-content:has(.abt-page){padding:0;min-height:100vh;background:linear-gradient(165deg,#1a1e2b,#12151d 42%,#1a1628)}.abt-page{min-height:100vh;color:#e2e8f0;padding-bottom:40px}.abt-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#1a1e2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.abt-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8d0e7;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.abt-back:hover{background:#ffffff17;color:#fff}.abt-header-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid rgba(245,208,120,.28);background:#f5d0781a;flex-shrink:0;overflow:hidden}.abt-header-text h1{margin:0;font-size:1.12rem;font-weight:600;color:#fff;letter-spacing:-.02em}.abt-header-text p{margin:3px 0 0;font-size:.76rem;color:#8b95ad}.abt-body{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:22px;max-width:1080px;margin:0 auto;padding:28px 24px;align-items:start}.abt-hero{position:relative;overflow:hidden;padding:32px 24px;border-radius:20px;border:1px solid rgba(245,208,120,.22);background:linear-gradient(160deg,#2a24188c,#161822fa 45%,#10121a);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff0d;text-align:center}.abt-hero-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(245,208,120,.22) 0%,transparent 70%);pointer-events:none}.abt-hero-logo{position:relative;z-index:1;width:88px;height:88px;margin:0 auto 18px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:#00000059;border:1px solid rgba(245,208,120,.3);box-shadow:0 12px 32px #f5d07824}.abt-eyebrow{position:relative;z-index:1;margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.abt-hero h2{position:relative;z-index:1;margin:0;font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.02em}.abt-tagline{position:relative;z-index:1;margin:8px 0 0;font-size:.82rem;color:#f5d078;font-weight:500}.abt-version{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border-radius:999px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.abt-version span{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8b95ad}.abt-version strong{font-size:.88rem;color:#f5d078;font-weight:700}.abt-desc{position:relative;z-index:1;margin:16px 0 0;font-size:.82rem;color:#9aa5bd;line-height:1.55}.abt-actions-col{display:flex;flex-direction:column;gap:14px}.abt-card{padding:22px 24px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(245,208,120,.07) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb);box-shadow:0 8px 28px #00000038,inset 0 1px #ffffff0a}.abt-card--meta{background:radial-gradient(ellipse 70% 60% at 0% 0%,rgba(245,208,120,.1) 0%,transparent 55%),linear-gradient(145deg,#202432bf,#141620eb)}.abt-card-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.abt-section-num{flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#f5d078;padding:6px 10px;border-radius:8px;border:1px solid rgba(245,208,120,.28);background:#f5d07814}.abt-card-badge{display:inline-flex;padding:3px 9px;border-radius:20px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:#b8c2d9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.abt-card-badge--gold{color:#f5d078;background:#f5d0781f;border:1px solid rgba(245,208,120,.3)}.abt-card-head h3{margin:0;font-size:1.05rem;font-weight:600;color:#fff}.abt-card-head p{margin:6px 0 0;font-size:.8rem;color:#8b95ad;line-height:1.45}.abt-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.abt-feature{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#0000002e}.abt-feature-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.68rem;font-weight:700;color:#1a1408;background:linear-gradient(135deg,#e8c060,#c9943a);flex-shrink:0;margin-top:1px}.abt-feature strong{display:block;font-size:.84rem;color:#fff;font-weight:600}.abt-feature span:last-child{display:block;margin-top:2px;font-size:.72rem;color:#8b95ad;line-height:1.35}.abt-meta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.abt-meta{padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#00000038;display:flex;flex-direction:column;gap:4px}.abt-meta span{font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7694}.abt-meta strong{font-size:.88rem;color:#f5d078;font-weight:700}@media(max-width:860px){.abt-body{grid-template-columns:1fr;padding:18px 16px}.abt-feature-grid,.abt-meta-row{grid-template-columns:1fr}}.main-content:has(.doc-page){background:linear-gradient(165deg,#1a1e2b,#12151d 48%,#1a1628)}.doc-page{max-width:1280px;margin:0 auto;padding:8px 4px 48px;color:#e8ecf4}.doc-eyebrow{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f5d078}.doc-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px;padding:22px 24px;border-radius:18px;border:1px solid rgba(245,208,120,.22);background:radial-gradient(ellipse at top right,rgba(245,208,120,.12),transparent 42%),linear-gradient(145deg,#2a2418,#161822 55%,#10121a)}.doc-hero h1{margin:0;font-family:var(--font);font-size:1.45rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--champagne)}.doc-hero-sub{margin:8px 0 0;max-width:520px;color:#8b95ad;font-size:.92rem;line-height:1.5}.doc-hero--compact{align-items:center}.doc-hero-badge{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#f5d07814;border:1px solid rgba(245,208,120,.2)}.doc-hero-badge strong{display:block;font-size:1.25rem;color:#f5d078;line-height:1.1}.doc-hero-badge span{font-size:.72rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.08em}.doc-back{display:inline-block;margin-bottom:10px;border:0;background:transparent;color:#f5d078;font-size:.82rem;cursor:pointer;padding:0}.doc-view-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.doc-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}.doc-detail-list>div{display:flex;flex-direction:column;gap:4px;min-width:0}.doc-detail-list dt{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8b95ad}.doc-detail-list dd{margin:0;color:#e8edf7;font-size:.95rem;word-break:break-word}.doc-detail-span{grid-column:1 / -1}.doc-summary--readonly strong{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.doc-summary--readonly .doc-discount-hint{font-style:normal;font-weight:500;font-size:.75rem;color:#8b95ad}@media(max-width:720px){.doc-detail-list{grid-template-columns:1fr}}.doc-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.doc-tool{display:inline-flex;flex-direction:column;align-items:center;gap:6px;min-width:76px;padding:12px 14px;border-radius:14px;border:1px solid rgba(245,208,120,.18);background:linear-gradient(180deg,#2a3142,#1e2433);color:#e2e8f0;font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:border-color .2s,transform .15s,box-shadow .2s}.doc-tool:hover:not(:disabled){border-color:#f5d07873;box-shadow:0 8px 24px #00000040;transform:translateY(-1px)}.doc-tool:disabled{opacity:.4;cursor:not-allowed}.doc-tool--danger{border-color:#f46a6a47;color:#f8a0a0}.doc-tool-ico{font-size:1.1rem;color:#f5d078;line-height:1}.doc-filters,.doc-table-card,.doc-panel{margin-bottom:16px;padding:18px 20px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(165deg,#222736,#1a1e2b);box-shadow:0 10px 30px #0000002e}.doc-filters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.doc-filters label,.doc-form-grid label,.doc-summary label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b95ad}.doc-filters input,.doc-filters select,.doc-form-grid input,.doc-form-grid select,.doc-form-grid textarea,.doc-summary input,.doc-summary select,.doc-product-picker input,.doc-table input{width:100%;border-radius:10px;border:1px solid rgba(245,208,120,.16);background:#151922;color:#e8ecf4;padding:10px 12px;font-size:.88rem;outline:none}.doc-filters input:focus,.doc-filters select:focus,.doc-form-grid input:focus,.doc-form-grid select:focus,.doc-form-grid textarea:focus,.doc-summary input:focus,.doc-summary select:focus,.doc-product-picker input:focus,.doc-table input:focus{border-color:#f5d0788c;box-shadow:0 0 0 3px #f5d0781f}.doc-filters-actions,.doc-form-actions{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}.doc-filters{overflow:visible;position:relative;z-index:6}.doc-filter-product{position:relative;z-index:8}.doc-product-picker--filter{margin-bottom:0;z-index:8}.doc-product-picker--filter>input{padding-right:36px}.doc-filter-product-clear{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border:0;border-radius:8px;background:#ffffff0f;color:#c9d0e0;font-size:1.1rem;line-height:1;cursor:pointer}.doc-filter-product-clear:hover{background:#ffffff1f;color:#fff}.doc-product-picker--filter .doc-product-results{top:calc(100% + 6px);max-height:280px}.doc-btn{border:0;border-radius:12px;padding:11px 18px;font-weight:700;font-size:.86rem;cursor:pointer}.doc-btn--gold{color:#1a1408;background:linear-gradient(90deg,#e8c060,#c9943a);box-shadow:0 8px 20px #c9943a47}.doc-btn--ghost{color:#c9d0e0;background:transparent;border:1px solid rgba(255,255,255,.12)}.doc-table-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.doc-table-head h2{margin:0;font-size:1.05rem;color:#fff}.doc-table-head span{color:#f5d078;font-weight:600}.doc-selected-hint{margin:0;font-size:.82rem;color:#8b95ad}.doc-selected-hint strong{color:#f5d078}.doc-table-wrap{overflow:auto;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.doc-table{width:100%;border-collapse:collapse;min-width:920px}.doc-table th{text-align:left;padding:12px 14px;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#9aa3b8;background:#1a1f2c;border-bottom:1px solid rgba(245,208,120,.12);white-space:nowrap}.doc-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);font-size:.88rem;color:#d7dde8;vertical-align:middle}.doc-table--pricing td{vertical-align:top;padding-top:12px;padding-bottom:12px}.doc-qty--wide{min-width:100px}.doc-discount-line{min-width:118px;font-size:.82rem!important}.doc-line-product strong{color:#e8ecf4;font-size:.9rem}.doc-line-hint{display:block;margin-top:4px;font-size:.68rem;color:#8b95ad;font-weight:500}.doc-line-hint.is-error{color:#f0a0a0}.doc-nett{color:#7ddea8;font-size:.9rem}.doc-num{white-space:nowrap}.doc-table tbody tr{cursor:pointer;transition:background .15s}.doc-table tbody tr:hover{background:#f5d0780a}.doc-table tbody tr.is-selected{background:#f5d0781a}.doc-mono{font-family:ui-monospace,Consolas,monospace;color:#f5d078;font-weight:600}.doc-num{text-align:right;font-variant-numeric:tabular-nums}.doc-gold{color:#f5d078!important;font-weight:700}.doc-muted{color:#7d879c}.doc-empty,.doc-empty-inline{text-align:center;color:#7d879c;padding:28px 12px!important}.doc-type-cell{display:flex;align-items:center;gap:8px}.doc-type-chip{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:3px 8px;border-radius:999px;background:#f5d0781f;border:1px solid rgba(245,208,120,.28);color:#f5d078;font-size:.7rem;font-weight:700;letter-spacing:.04em}.doc-type-chip--lg{min-width:48px;padding:8px 12px;font-size:.9rem}.doc-pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;background:#ffffff0f;color:#aeb6c8}.doc-pill--paid{background:#34c38f26;color:#34c38f}.doc-pill--partial{background:#f5d07826;color:#f5d078}.doc-pill--unpaid{background:#f46a6a26;color:#f46a6a}.doc-form-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:16px;margin-bottom:16px}.doc-panel h2{margin:0 0 14px;font-family:var(--font);font-size:.92rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--champagne)}.doc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.doc-span-2{grid-column:1 / -1}.doc-summary{display:flex;flex-direction:column;gap:12px}.doc-summary>div,.doc-summary-total{display:flex;justify-content:space-between;align-items:center;gap:12px}.doc-summary>div span,.doc-summary-total span{color:#8b95ad;font-size:.82rem}.doc-summary>div strong{color:#e8ecf4}.doc-summary-total{padding-top:10px;border-top:1px solid rgba(245,208,120,.2)}.doc-summary-total strong{font-size:1.2rem;color:#f5d078}.doc-discount-field em.doc-discount-hint{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;font-size:.75rem;color:#8b95ad;line-height:1.35;margin-top:2px}.doc-discount-field em.doc-discount-hint.is-error{color:#f0a0a0}.doc-lines-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.doc-lines-head p{margin:0;color:#8b95ad;font-size:.82rem}.doc-product-picker{position:relative;margin-bottom:14px;z-index:5}.doc-product-picker>input{position:relative;z-index:1}.po-page .doc-panel{overflow:visible}.doc-picker-hint{margin:8px 0 0;font-size:.78rem;color:#8b95ad;line-height:1.4}.doc-product-results{position:absolute;z-index:30;left:0;right:0;top:calc(2.75rem + 6px);max-height:260px;overflow:auto;border-radius:12px;border:1px solid rgba(245,208,120,.22);background:#1a1e2b;box-shadow:0 16px 40px #00000059}.doc-product-results button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.04);background:transparent;color:#e8ecf4;cursor:pointer;text-align:left}.doc-product-results button:hover{background:#f5d07814}.doc-product-results strong{font-size:.9rem}.doc-product-results span{font-size:.75rem;color:#8b95ad}.doc-qty{max-width:110px}.doc-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#c9d0e0;cursor:pointer}.doc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#080a10b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.doc-modal{width:min(760px,100%);border-radius:18px;border:1px solid rgba(245,208,120,.28);background:linear-gradient(165deg,#242a3a,#171b27);box-shadow:0 30px 80px #00000073;overflow:hidden}.doc-modal-head,.doc-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.doc-modal-foot{border-bottom:0;border-top:1px solid rgba(255,255,255,.06);justify-content:flex-end}.doc-modal-head h2{margin:0;color:#fff;font-size:1.2rem}.doc-modal-body{display:grid;grid-template-columns:200px 1fr;min-height:320px}.doc-type-cats{display:flex;flex-direction:column;gap:6px;padding:14px;background:#0000002e;border-right:1px solid rgba(255,255,255,.05)}.doc-type-cat{text-align:left;border:0;border-radius:10px;padding:12px 14px;background:transparent;color:#aeb6c8;font-weight:600;cursor:pointer}.doc-type-cat.is-active{background:#f5d07824;color:#f5d078}.doc-type-list{display:flex;flex-direction:column;gap:8px;padding:14px}.doc-type-item{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:12px 14px;color:#e8ecf4;cursor:pointer}.doc-type-item.is-active{border-color:#f5d07866;background:#f5d07814}.doc-type-code{grid-row:1 / span 2;align-self:center;font-weight:800;color:#f5d078;font-size:1rem}.doc-type-label{font-weight:700;font-size:.92rem}.doc-type-desc{grid-column:2;color:#8b95ad;font-size:.78rem;line-height:1.4}@media(max-width:980px){.doc-filters-grid,.doc-form-layout,.doc-form-grid,.doc-modal-body{grid-template-columns:1fr}.doc-hero{flex-direction:column;align-items:flex-start}}.chk-split-pay,.eds-split-pay{display:flex;flex-direction:column;gap:12px;margin:4px 0 8px}.chk-split-list,.eds-split-list{display:flex;flex-direction:column;gap:8px}.chk-split-row,.eds-split-row{display:grid;grid-template-columns:110px 1fr auto auto;gap:8px;align-items:center}.chk-split-method,.eds-split-method{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#f5d078;padding:10px 8px;border-radius:10px;background:#f5d0781a;border:1px solid rgba(245,208,120,.22);text-align:center}.chk-split-fill,.eds-split-fill,.chk-split-remove,.eds-split-remove{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9d0e0;padding:10px 12px;font-size:.75rem;font-weight:600;cursor:pointer}.chk-split-fill:hover,.eds-split-fill:hover{border-color:#f5d07866;color:#f5d078}.chk-split-remove:hover,.eds-split-remove:hover{border-color:#f46a6a66;color:#f46a6a}.chk-split-add,.eds-split-add{display:flex;flex-direction:column;gap:8px}.chk-split-add>span,.eds-split-add>span{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b95ad}.chk-split-summary,.eds-split-summary{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:12px;background:#0000002e;border:1px solid rgba(255,255,255,.06)}.chk-split-summary>div,.eds-split-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:.86rem;color:#aeb6c8}.chk-split-summary strong,.eds-split-summary strong{color:#e8ecf4}.chk-split-remain strong,.eds-split-remain strong{color:#f46a6a!important}.chk-credit-note,.eds-credit-note{margin:0 0 10px;padding:10px 12px;border-radius:10px;font-size:.82rem;line-height:1.45;color:#d8c9a0;background:#f5d07814;border:1px solid rgba(245,208,120,.28)}.chk-credit-warn,.eds-credit-warn{color:#f46a6a;font-weight:600}.chk-field.is-required>span,.eds-field.is-required>span{color:#f5d078}.chk-input.is-invalid,.eds-input.is-invalid{border-color:#f46a6a8c!important;box-shadow:0 0 0 1px #f46a6a40}@media(max-width:640px){.chk-split-row,.eds-split-row{grid-template-columns:1fr 1fr}.chk-split-method,.eds-split-method{grid-column:1 / -1}}.main-content:has(.rcv-page){background:linear-gradient(165deg,#1a1e2b,#12151d 48%,#1a1628)}.rcv-page{max-width:1280px;margin:0 auto;padding:8px 4px 48px;color:#e8ecf4}.rcv-eyebrow{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f5d078}.rcv-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px;padding:22px 24px;border-radius:18px;border:1px solid rgba(245,208,120,.22);background:radial-gradient(ellipse at top right,rgba(245,208,120,.12),transparent 42%),linear-gradient(145deg,#2a2418,#161822 55%,#10121a)}.rcv-hero h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#fff}.rcv-hero-sub{margin:8px 0 0;max-width:540px;color:#8b95ad;font-size:.92rem;line-height:1.5}.rcv-hero-stats{display:flex;gap:14px;flex-wrap:wrap}.rcv-hero-stats>div{min-width:140px;padding:12px 16px;border-radius:14px;background:#f5d07814;border:1px solid rgba(245,208,120,.2)}.rcv-hero-stats span{display:block;font-size:.72rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.rcv-hero-stats strong{font-size:1.15rem;color:#f5d078}.rcv-hero-stats small{font-size:.75rem;font-weight:500;color:#aeb6c8}.rcv-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.rcv-stat{padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.rcv-stat span{display:block;font-size:.72rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.rcv-stat strong{font-size:1.35rem;color:#e8ecf4}.rcv-stat--accent{border-color:#f5d07847;background:#f5d0780f}.rcv-stat--accent strong{color:#f5d078}.rcv-panel{margin-bottom:16px;padding:16px 18px;border-radius:16px;background:#0000002e;border:1px solid rgba(255,255,255,.07)}.rcv-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.rcv-panel-head h2{margin:0;font-size:1rem;color:#fff}.rcv-hint{margin:0;font-size:.8rem;color:#8b95ad}.rcv-customer-chips{display:flex;flex-wrap:wrap;gap:8px}.rcv-customer-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#c9d0e0;cursor:pointer;text-align:left}.rcv-customer-chip strong{color:#e8ecf4;font-size:.88rem}.rcv-customer-chip span{font-size:.75rem;color:#8b95ad}.rcv-customer-chip.is-active,.rcv-customer-chip:hover{border-color:#f5d07873;background:#f5d07814}.rcv-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.rcv-input,.rcv-select{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#e8ecf4;padding:10px 12px;font-size:.9rem;min-width:0}.rcv-toolbar .rcv-input{flex:1 1 220px}.rcv-btn{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9d0e0;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.rcv-btn--ghost:hover{border-color:#f5d07866;color:#f5d078}.rcv-btn--primary{background:linear-gradient(135deg,#f5d078,#d4a84b);border-color:transparent;color:#1a1408}.rcv-btn--primary:disabled{opacity:.55;cursor:not-allowed}.rcv-table-wrap{overflow-x:auto}.rcv-table{width:100%;border-collapse:collapse;font-size:.88rem}.rcv-table th{text-align:left;padding:10px 12px;color:#8b95ad;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.08)}.rcv-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.rcv-table tbody tr{cursor:pointer}.rcv-table tbody tr:hover,.rcv-table tbody tr.is-selected{background:#f5d0780f}.rcv-cust{display:flex;flex-direction:column;gap:2px}.rcv-cust span{font-size:.78rem;color:#8b95ad}.rcv-remain{color:#f46a6a!important}.rcv-empty{text-align:center;color:#8b95ad;padding:28px 12px!important}.rcv-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em}.rcv-pill--open{color:#f46a6a;background:#f46a6a1f}.rcv-pill--partial{color:#f5d078;background:#f5d0781f}.rcv-pill--paid{color:#6bcf8e;background:#6bcf8e1f}.rcv-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080a10b8;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.rcv-modal{width:min(560px,100%);border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(165deg,#1e2230,#141820);padding:22px 22px 26px;box-shadow:0 24px 60px #00000073;position:relative}.rcv-modal-topbar{display:flex;justify-content:flex-end;margin:-6px -6px 8px 0}.rcv-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#a8b0c4;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1}.rcv-modal-close:hover{color:#f5d078;border-color:#f5d07859}.rcv-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.rcv-modal-head h2{margin:0;font-size:1.35rem;color:#fff}.rcv-modal-sub{margin:6px 0 0;color:#8b95ad;font-size:.86rem}.rcv-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.rcv-detail-grid>div{padding:12px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.rcv-detail-grid span{display:block;font-size:.72rem;color:#8b95ad;margin-bottom:4px}.rcv-detail-grid strong{font-size:1rem;color:#e8ecf4}.rcv-modal-actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.rcv-settle{margin-bottom:18px;padding:14px;border-radius:14px;border:1px solid rgba(245,208,120,.22);background:#f5d0780d}.rcv-settle h3,.rcv-history h3{margin:0 0 12px;font-size:.95rem;color:#f5d078}.rcv-settle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.rcv-settle-grid label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:#aeb6c8}.rcv-field-full{grid-column:1 / -1}.rcv-settle-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.rcv-pay-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rcv-pay-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:#0003;border:1px solid rgba(255,255,255,.06);font-size:.86rem}.rcv-pay-list li>div{display:flex;flex-direction:column;gap:2px}.rcv-pay-list span,.rcv-pay-list em{color:#8b95ad;font-style:normal;font-size:.78rem}@media(max-width:900px){.rcv-summary-grid{grid-template-columns:1fr 1fr}.rcv-hero{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.rcv-settle-grid,.rcv-detail-grid{grid-template-columns:1fr}}.main-content:has(.reg-page){background:linear-gradient(165deg,#1a1e2b,#12151d 48%,#1a1628)}.reg-page{max-width:1280px;margin:0 auto;padding:6px 4px 16px;color:#e8ecf4}.reg-eyebrow{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f5d078}.reg-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:10px;padding:16px 20px;border-radius:18px;border:1px solid rgba(245,208,120,.22);background:radial-gradient(ellipse at top right,rgba(245,208,120,.12),transparent 42%),linear-gradient(145deg,#2a2418,#161822 55%,#10121a)}.reg-hero h1{margin:0;font-size:1.55rem;font-weight:700;color:#fff}.reg-hero-sub{margin:5px 0 0;max-width:560px;color:#8b95ad;font-size:.84rem;line-height:1.4}.reg-date-box{position:relative;z-index:6;display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.reg-date-box label{display:flex;flex-direction:column;gap:6px;font-size:.72rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.06em}.reg-input{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#e8ecf4;padding:8px 10px;font-size:.84rem}.reg-input--date{min-width:168px;color-scheme:dark;position:relative;z-index:5;cursor:pointer}.reg-input--date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85;filter:invert(1)}.reg-body.is-refreshing{opacity:.72;transition:opacity .15s ease}.reg-btn{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9d0e0;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.reg-btn--ghost:hover{border-color:#f5d07866;color:#f5d078}.reg-status-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.reg-status{padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700}.reg-status.is-open{color:#f5d078;background:#f5d0781f}.reg-status.is-closed{color:#6bcf8e;background:#6bcf8e1f}.reg-date-label{color:#8b95ad;font-size:.88rem}.reg-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.reg-stat{position:relative;overflow:hidden;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,#5573ff21,#ffffff06),#ffffff09;border:1px solid rgba(126,151,255,.16);box-shadow:inset 0 1px #ffffff0d}.reg-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#7ea0ff,#7ea0ff33)}.reg-stat:nth-child(3n+2){background:linear-gradient(135deg,#5ece9621,#ffffff06),#ffffff09;border-color:#5ece9629}.reg-stat:nth-child(3n+2):before{background:linear-gradient(180deg,#6bcf8e,#6bcf8e33)}.reg-stat:nth-child(3n){background:linear-gradient(135deg,#f59f5821,#ffffff06),#ffffff09;border-color:#f59f5829}.reg-stat:nth-child(3n):before{background:linear-gradient(180deg,#f59f58,#f59f5833)}.reg-stat span{display:block;font-size:.7rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.reg-stat strong{font-size:.95rem;color:#f4f7ff;text-shadow:0 1px 8px rgba(126,160,255,.16)}.reg-stat--accent{border-color:#f5d0785c;background:linear-gradient(135deg,#f5d0782e,#f5d0780b),#ffffff0a}.reg-stat--accent:before{background:linear-gradient(180deg,#f5d078,#f5d0783d)}.reg-stat--accent strong{color:#f5d078}.reg-panel{margin-bottom:10px;padding:10px 12px;border-radius:14px;background:#0000002e;border:1px solid rgba(255,255,255,.07)}.reg-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}.reg-panel-head h2{margin:0;font-size:.92rem;color:#fff}.reg-hint{font-size:.78rem;color:#8b95ad}.reg-close-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reg-close-form label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:#aeb6c8}.reg-field-hint{margin:0;font-style:normal;font-size:.68rem;line-height:1.25;color:#6b7694}.reg-field-full{grid-column:1 / -1}.reg-action-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reg-btn-primary{padding:8px 14px;border-radius:10px;border:1px solid rgba(245,208,120,.42);background:linear-gradient(135deg,#f5d078,#d5a931);color:#17120a;font-size:.82rem;font-weight:750;cursor:pointer}.reg-btn-primary:disabled{opacity:.5;cursor:not-allowed}.reg-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.reg-table-wrap{overflow-x:auto}.reg-table{width:100%;border-collapse:collapse;font-size:.8rem}.reg-table th{text-align:left;padding:6px 8px;color:#8b95ad;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.08)}.reg-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.reg-empty{text-align:center;color:#8b95ad;padding:12px 8px!important}.reg-tag{margin-left:6px;font-size:.68rem;color:#f46a6a;text-transform:uppercase}.reg-pay-cell{display:flex;flex-direction:column;gap:2px}.reg-pay-cell small{color:#8b95ad;font-size:.75rem}.reg-history{display:flex;flex-wrap:wrap;gap:8px}.reg-history-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.reg-history-filter{display:flex;flex-direction:column;gap:4px;font-size:.72rem;color:#8b95ad;min-width:180px}.reg-history-filter .reg-select,.reg-select{padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#151821;color:#e8ecf4;font-size:.84rem}.reg-btn-ghost{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9d0e0;font-size:.8rem;cursor:pointer}.reg-btn-ghost:hover:not(:disabled){border-color:#f5d07859;color:#f5d078}.reg-btn-ghost:disabled{opacity:.45;cursor:not-allowed}.reg-history-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:2px}.reg-history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#c9d0e0;cursor:pointer;text-align:left}.reg-history-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.reg-history-row-main strong{color:#e8ecf4;font-size:.9rem}.reg-history-row-main span{font-size:.75rem;color:#8b95ad}.reg-history-row-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.reg-history-chip{font-size:.68rem;padding:3px 8px;border-radius:999px;background:#f5d0781a;border:1px solid rgba(245,208,120,.28);color:#f5d078}.reg-history-open{font-size:.78rem;color:#8b95ad}.reg-history-row.is-active,.reg-history-row:hover{border-color:#f5d07873;background:#f5d07814}.reg-history-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:.78rem;color:#8b95ad}.reg-panel--history{overflow:hidden;padding:11px 12px;border-color:#f5d07821;background:radial-gradient(circle at 12% 0%,rgba(245,208,120,.08),transparent 34%),linear-gradient(180deg,#1c202edb,#10121bdb);box-shadow:0 16px 42px #0000002e,inset 0 1px #ffffff0a}.reg-panel-sub{margin:2px 0 0;color:#7f8aa2;font-size:.72rem;line-height:1.3}.reg-history-total{padding:6px 11px;border-radius:999px;background:#f5d07817;border:1px solid rgba(245,208,120,.18);color:#f5d078;font-size:.76rem;font-weight:700;white-space:nowrap}.reg-history-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.reg-history-toggle{white-space:nowrap}.reg-history-collapsed{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-radius:14px;border:1px dashed rgba(245,208,120,.2);background:#00000024;color:#cbd3e6;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.reg-history-collapsed:hover{border-color:#f5d07866;background:#f5d0780f}.reg-history-collapsed span{color:#7f8aa2;font-size:.78rem}.reg-history-collapsed strong{color:#f5d078;font-size:.86rem}.reg-panel--history .reg-history-toolbar{align-items:stretch;padding:8px;border-radius:12px;background:#00000029;border:1px solid rgba(255,255,255,.06)}.reg-panel--history .reg-history-filter{min-width:220px}.reg-panel--history .reg-select{min-height:38px;border-radius:12px;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#151821}.reg-history-tools{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap;justify-content:flex-end}.reg-history-summary{min-width:118px;padding:8px 12px;border-radius:12px;background:#ffffff09;border:1px solid rgba(255,255,255,.07)}.reg-history-summary span{display:block;color:#7f8aa2;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.reg-history-summary strong{display:block;margin-top:2px;color:#fff;font-size:1rem}.reg-panel--history .reg-btn-ghost{min-height:38px;border-radius:12px}.reg-panel--history .reg-history-list{max-height:260px;gap:6px;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(245,208,120,.28) transparent}.reg-panel--history .reg-history-list::-webkit-scrollbar{width:8px}.reg-panel--history .reg-history-list::-webkit-scrollbar-thumb{border-radius:999px;background:#f5d07847}.reg-panel--history .reg-history-row{display:grid;grid-template-columns:minmax(118px,.7fr) minmax(220px,1.4fr);align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border-color:#ffffff13;background:linear-gradient(135deg,#ffffff0b,#ffffff05),#0000001f;box-shadow:inset 0 1px #ffffff09;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}.reg-panel--history .reg-history-row:hover{transform:translateY(-1px);border-color:#f5d07852;background:linear-gradient(135deg,#f5d07817,#ffffff06),#0000001f;box-shadow:0 10px 26px #0000002e}.reg-panel--history .reg-history-row.is-active{border-color:#f5d07885;background:linear-gradient(135deg,#f5d07824,#f5d07809),#00000029;box-shadow:inset 3px 0 #f5d078,0 10px 28px #0003}.reg-history-date{min-width:0}.reg-history-date strong{display:block;color:#fff;font-size:.86rem;font-weight:750}.reg-history-date span{display:block;margin-top:2px;color:#77829a;font-size:.68rem}.reg-panel--history .reg-history-row-main{gap:3px}.reg-panel--history .reg-history-row-main span{color:#8b95ad}.reg-panel--history .reg-history-row-main strong{color:#dfe5f3;font-size:.78rem;font-weight:650}.reg-panel--history .reg-history-row-main em{max-width:540px;overflow:hidden;color:#7f8aa2;font-size:.74rem;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.reg-panel--history .reg-history-row-meta{justify-content:flex-end;flex-wrap:wrap}.reg-panel--history .reg-history-chip{background:#ffffff0b;border-color:#ffffff14;color:#aeb8cf;font-weight:650}.reg-history-chip--active{background:#f5d0781f!important;border-color:#f5d0784d!important;color:#f5d078!important}.reg-panel--history .reg-history-open{padding:6px 10px;border-radius:999px;background:#f5d07814;color:#f5d078;font-weight:700;white-space:nowrap}.reg-panel--history .reg-history-pager{padding:7px 2px 0}.reg-panel--history .reg-history-pager span{padding:6px 10px;border-radius:999px;background:#ffffff09}@media(max-width:860px){.reg-panel--history .reg-history-row{grid-template-columns:1fr;align-items:stretch}.reg-panel--history .reg-history-row-meta,.reg-history-head-actions,.reg-history-collapsed{justify-content:flex-start}.reg-history-collapsed{flex-direction:column;align-items:flex-start}}.reg-history-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#c9d0e0;cursor:pointer;text-align:left}.reg-history-item strong{color:#e8ecf4}.reg-history-item span{font-size:.75rem;color:#8b95ad}.reg-history-item.is-active,.reg-history-item:hover{border-color:#f5d07873;background:#f5d07814}.reg-actionbar{position:sticky;bottom:0;z-index:40;display:flex;justify-content:space-between;align-items:stretch;gap:12px;margin:12px -4px 0;padding:8px 18px;background:#2a2e38;border-top:3px solid #3b82f6;box-shadow:0 -8px 24px #00000059}.reg-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:92px;padding:6px 12px;border-radius:4px;border:1.5px solid rgba(255,255,255,.85);background:transparent;color:#fff;cursor:pointer}.reg-action:disabled{opacity:.45;cursor:not-allowed}.reg-action:not(:disabled):hover{background:#ffffff14}.reg-action--warn:not(:disabled){border-color:#f5a62366;color:#ffd89a}.reg-action--warn:not(:disabled):hover{background:#f5a6231f}.reg-reopen-hint{margin:0 0 8px;padding:8px 12px;border-radius:10px;border:1px solid rgba(245,208,120,.22);background:#f5d07814;color:#c9d0e0;font-size:.76rem;line-height:1.3}.reg-reopen-hint strong{color:#f5d078}.reg-action-icon{display:flex;align-items:center;justify-content:center;height:24px}.reg-action-icon--x{font-size:1.25rem;font-weight:700;line-height:1}.reg-action-label{font-size:.7rem;font-weight:600;letter-spacing:.02em}@media(max-width:1000px){.reg-summary-grid{grid-template-columns:1fr 1fr}.reg-columns,.reg-close-form{grid-template-columns:1fr}.reg-hero{flex-direction:column;align-items:flex-start}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 70% 55% at 18% 8%,rgba(212,175,105,.2),transparent 52%),radial-gradient(ellipse 55% 45% at 92% 88%,rgba(100,70,35,.22),transparent 50%),linear-gradient(165deg,#100e13,#1a171f 48%,#121014);position:relative}.login-page:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(212,175,105,.14);border-radius:4px;pointer-events:none;opacity:.7}.login-card{width:min(420px,100%);padding:34px 30px 26px;border-radius:18px;background:linear-gradient(160deg,#241f28f5,#16131bfa);border:1px solid var(--lux-hairline);box-shadow:var(--lux-shadow),inset 0 1px #f3e6c814;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.login-card:before{content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,transparent,var(--gold-soft),var(--gold),var(--gold-soft),transparent)}.login-brand{text-align:center;margin-bottom:8px}.login-eyebrow{margin:0 0 8px;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:500}.login-brand h1{margin:10px 0 6px;font-family:var(--font);font-size:1.45rem;color:var(--champagne);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-error{padding:10px 12px;border-radius:10px;background:#dc3c3c26;border:1px solid rgba(255,120,120,.35);color:#ffb4b4;font-size:.85rem}.login-info{padding:10px 12px;border-radius:10px;background:#3eb9891f;border:1px solid rgba(62,185,137,.35);color:#9fe0c4;font-size:.85rem}.login-session-hint{margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#a9b0c0;font-size:.8rem;line-height:1.4}.login-recover-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}.login-link-btn{border:none;background:transparent;color:var(--gold);font-size:.78rem;cursor:pointer;padding:4px;letter-spacing:.02em}.login-link-btn:hover{color:var(--champagne);text-decoration:underline}.login-recover-sep{color:#ffffff40}.login-recovery-title{font-family:var(--font)!important;font-size:1.15rem!important;letter-spacing:.14em!important;text-transform:uppercase;margin:4px 0 8px!important}.login-recovery-desc{margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.45;font-weight:400;text-transform:none;letter-spacing:normal}.login-card>form{display:flex;flex-direction:column;gap:14px}.login-back-btn{width:100%;border:1px solid rgba(212,175,105,.25);background:transparent;color:var(--champagne);border-radius:10px;padding:11px;font-size:.85rem;cursor:pointer}.login-back-btn:hover:not(:disabled){background:#d4af6914}.usr-recovery-block{margin-top:8px;padding-top:14px;border-top:1px solid rgba(212,175,105,.18)}.usr-recovery-block h4{margin:0 0 6px;color:var(--champagne, #f3e6c8);font-size:.92rem}.usr-hint{margin:0 0 12px;color:var(--text-muted, #a89f95);font-size:.8rem;line-height:1.4}.login-field{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.login-field input{padding:12px 14px;border-radius:10px;border:1px solid rgba(212,175,105,.18);background:#00000047;color:var(--ivory);font-size:.95rem;text-transform:uppercase;letter-spacing:normal}.login-field input[type=email],.login-field input.login-masked-input{-webkit-text-security:disc;text-transform:none}.login-field input[type=email]{-webkit-text-security:none}.login-field input:focus{outline:none;border-color:#d4af698c;box-shadow:0 0 0 3px var(--lux-glow)}.login-submit{margin-top:6px;padding:13px;border:1px solid rgba(243,230,200,.35);border-radius:11px;background:linear-gradient(135deg,var(--gold-soft) 0%,var(--gold) 48%,var(--gold-deep) 100%);color:#1a1408;font-weight:700;font-size:.92rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px #ffffff4d,0 10px 28px #a8843d47}.login-submit:disabled{opacity:.65;cursor:wait}.login-hint{margin:4px 0 0;text-align:center;font-size:.75rem;color:#6b7388}.auth-loading,.auth-denied{min-height:50vh;display:grid;place-content:center;text-align:center;gap:8px;padding:40px 20px;color:#8b95ad}.auth-denied h1{margin:0;color:#f0a0a0;font-size:1.4rem}.auth-denied a{color:#f5d078}.auth-denied-path{font-size:.75rem;opacity:.6}.perm-page{max-width:980px;margin:0 auto;padding:8px 4px 40px}.perm-hero{margin-bottom:18px;padding:20px 22px 20px 26px;border-radius:18px}.perm-eyebrow{margin:0 0 6px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#8b95ad}.perm-hero h1{margin:0 0 10px;font-size:1.55rem;color:#e8ecf4}.perm-sub{margin:10px 0 0;color:#8b95ad;font-size:.9rem;max-width:560px;line-height:1.5}.perm-roles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.perm-role-btn{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#a8b0c4;font-weight:600;font-size:.85rem;cursor:pointer}.perm-role-btn.is-active{background:#f5d07829;border-color:#f5d07873;color:#f5d078}.perm-groups{display:flex;flex-direction:column;gap:14px}.perm-groups.is-disabled{opacity:.45;pointer-events:none}.perm-group{padding:16px 18px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);overflow:hidden}.perm-group h2,.perm-group h3{margin:0 0 12px;font-size:.88rem;color:#f5d078;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.perm-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px 18px;align-items:start}.perm-check{display:flex;align-items:flex-start;gap:10px;min-width:0;max-width:100%;font-size:.84rem;line-height:1.35;color:#c8d0e0;cursor:pointer}.perm-check input{flex:0 0 auto;width:16px;height:16px;margin:2px 0 0;accent-color:#3b82f6}.perm-check span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}.perm-actions{margin-top:18px}.perm-btn{padding:11px 18px;border-radius:11px;border:1px solid transparent;font-weight:650;font-size:.9rem;cursor:pointer}.perm-btn--primary{background:linear-gradient(135deg,#e8c060,#c9a03a);color:#1a1408}.perm-btn:disabled{opacity:.6;cursor:wait}.perm-empty{color:#8b95ad}.usr-modal--wide{width:min(720px,96vw);max-height:88vh;overflow:auto}.usr-modal-hint{margin:-4px 0 12px;color:#8b95ad;font-size:.85rem}.main-content:has(.wrn-page){max-width:none;background:radial-gradient(ellipse 70% 45% at 8% 0%,rgba(245,208,120,.14),transparent 55%),radial-gradient(ellipse 55% 40% at 100% 20%,rgba(70,110,160,.12),transparent 50%),linear-gradient(165deg,#171b26,#10131a 45%,#141018)}.wrn-page{max-width:1120px;margin:0 auto;padding:6px 6px 56px;display:flex;flex-direction:column;gap:18px;color:#e8ecf4;animation:wrn-fade-in .45s ease both}@keyframes wrn-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.wrn-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;border-radius:22px;border:1px solid rgba(245,208,120,.22);background:radial-gradient(ellipse at 90% 10%,rgba(245,208,120,.16),transparent 45%),linear-gradient(145deg,#2c2618,#171922 52%,#10131a);box-shadow:0 18px 40px #00000047}.wrn-eyebrow{margin:0 0 8px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#f5d078}.wrn-hero h1{margin:0;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:700;letter-spacing:-.03em;color:#fff}.wrn-sub{margin:10px 0 0;max-width:460px;color:#9aa3b8;font-size:.92rem;line-height:1.55}.wrn-hero-aside{display:flex;flex-direction:column;align-items:center;gap:14px;flex-shrink:0}.wrn-hero-ring{position:relative;width:96px;height:96px}.wrn-hero-ring svg{width:96px;height:96px;transform:rotate(-90deg)}.wrn-hero-ring-track{fill:none;stroke:#ffffff14;stroke-width:7}.wrn-hero-ring-value{fill:none;stroke:#f5d078;stroke-width:7;stroke-linecap:round;transition:stroke-dasharray .6s ease}.wrn-hero-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.wrn-hero-ring-label strong{font-size:1.15rem;color:#f5d078;line-height:1}.wrn-hero-ring-label span{font-size:.62rem;color:#8b95ad;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.wrn-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.wrn-stat{position:relative;overflow:hidden;text-align:left;padding:16px 18px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:transform .18s ease,border-color .18s,background .18s,box-shadow .18s}.wrn-stat:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:999px;background:#ffffff2e}.wrn-stat--all:before{background:#c9d0e0}.wrn-stat--active:before{background:#7ddea8}.wrn-stat--expiring:before{background:#f5d078}.wrn-stat--expired:before{background:#f0a0a0}.wrn-stat--claimed:before{background:#a8b4d0}.wrn-stat:hover{transform:translateY(-2px);border-color:#f5d07847;box-shadow:0 12px 28px #00000038}.wrn-stat.is-active{border-color:#f5d0786b;background:#f5d07814;box-shadow:0 0 0 1px #f5d0781f}.wrn-stat-label{display:block;font-size:.72rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#8b95ad;margin-bottom:8px;padding-left:8px}.wrn-stat-value{display:block;font-size:1.7rem;font-weight:700;letter-spacing:-.03em;color:#fff;padding-left:8px;line-height:1}.wrn-stat--active .wrn-stat-value{color:#7ddea8}.wrn-stat--expiring .wrn-stat-value{color:#f5d078}.wrn-stat--expired .wrn-stat-value{color:#f0a0a0}.wrn-stat--claimed .wrn-stat-value{color:#a8b4d0}.wrn-stat-hint{display:block;margin-top:8px;padding-left:8px;font-size:.75rem;color:#6f788f}.wrn-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:#00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wrn-search-wrap{position:relative;flex:1 1 260px;min-width:0}.wrn-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6f788f;font-size:1rem;pointer-events:none}.wrn-input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#e8ecf4;padding:12px 14px 12px 38px;font-size:.92rem}.wrn-input:focus,.wrn-select:focus{outline:none;border-color:#f5d07880;box-shadow:0 0 0 3px #f5d0781f}.wrn-select{flex:0 1 170px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#e8ecf4;padding:12px 14px;font-size:.9rem}.wrn-chip-clear{border-radius:999px;border:1px solid rgba(245,208,120,.35);background:#f5d0781a;color:#f5d078;padding:8px 14px;font-size:.8rem;font-weight:600;cursor:pointer}.wrn-btn{border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9d0e0;padding:11px 16px;font-size:.85rem;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}.wrn-btn:hover{transform:translateY(-1px)}.wrn-btn--ghost:hover{border-color:#f5d07866;color:#f5d078}.wrn-btn--gold{background:linear-gradient(135deg,#f0d078,#c9a03a);border-color:transparent;color:#1a1408;box-shadow:0 8px 20px #c9a03a47}.wrn-btn--gold:hover{filter:brightness(1.05)}.wrn-btn--gold:disabled{opacity:.65;cursor:wait;transform:none}.wrn-panel{padding:18px 20px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff09,#ffffff04);box-shadow:0 10px 30px #0000002e}.wrn-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.wrn-panel-head h2{margin:0;font-size:1.05rem;color:#fff;letter-spacing:-.01em}.wrn-hint{margin:4px 0 0;font-size:.8rem;color:#8b95ad}.wrn-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:#1a1408;background:linear-gradient(145deg,#f5d078,#c9a03a)}.wrn-avatar--xl{width:56px;height:56px;font-size:.95rem}.wrn-card-list{display:flex;flex-direction:column;gap:8px}.wrn-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#0003;cursor:pointer;color:inherit;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}.wrn-row:hover,.wrn-row.is-selected{transform:translateY(-1px);border-color:#f5d07859;background:#f5d0780f;box-shadow:0 10px 24px #0003}.wrn-row-main{min-width:0;display:flex;flex-direction:column;gap:5px}.wrn-row-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wrn-row-name{font-size:.95rem;color:#fff;font-weight:650}.wrn-row-product{margin:0;font-size:.82rem;color:#d0d6e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wrn-row-product span{color:#8b95ad}.wrn-row-track{display:grid;grid-template-columns:minmax(80px,160px) auto;align-items:center;gap:10px}.wrn-row-dates{font-size:.72rem;color:#8b95ad;white-space:nowrap}.wrn-row-days{flex-shrink:0;min-width:58px;padding:8px 10px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.wrn-row-days strong{display:block;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1}.wrn-row-days span{display:block;margin-top:3px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#8b95ad}.wrn-row-days--active{background:#7ddea81a;border-color:#7ddea847}.wrn-row-days--active strong{color:#7ddea8}.wrn-row-days--expiring{background:#f5d0781a;border-color:#f5d0784d}.wrn-row-days--expiring strong{color:#f5d078}.wrn-row-days--expired{background:#f0a0a01a;border-color:#f0a0a047}.wrn-row-days--expired strong{color:#f0a0a0}.wrn-row-days--claimed{background:#a8b4d01a;border-color:#a8b4d047}.wrn-row-days--claimed strong{color:#a8b4d0}.wrn-row-days-closed{font-size:.72rem!important;letter-spacing:.02em;text-transform:uppercase}.wrn-progress{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.wrn-progress--slim{height:5px}.wrn-progress--lg{height:11px}.wrn-progress-fill{height:100%;border-radius:inherit;transition:width .45s ease}.wrn-progress-fill--active{background:linear-gradient(90deg,#2f8f62,#7ddea8);box-shadow:0 0 12px #7ddea859}.wrn-progress-fill--expiring{background:linear-gradient(90deg,#b8892e,#f5d078);box-shadow:0 0 12px #f5d0784d}.wrn-progress-fill--expired{background:linear-gradient(90deg,#8f4545,#f0a0a0)}.wrn-progress-fill--claimed{background:linear-gradient(90deg,#5a6578,#a8b4d0)}.wrn-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.wrn-pill--active{background:#7ddea824;color:#7ddea8;border:1px solid rgba(125,222,168,.3)}.wrn-pill--expiring{background:#f5d07824;color:#f5d078;border:1px solid rgba(245,208,120,.35)}.wrn-pill--expired{background:#f0a0a01f;color:#f0a0a0;border:1px solid rgba(240,160,160,.3)}.wrn-pill--claimed{background:#a8b4d024;color:#a8b4d0;border:1px solid rgba(168,180,208,.35)}.wrn-empty-state{text-align:center;padding:48px 20px;color:#8b95ad}.wrn-empty-state--compact{padding:36px 16px}.wrn-empty-icon{width:52px;height:52px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:#f5d0781a;border:1px solid rgba(245,208,120,.25);color:#f5d078;font-size:1.1rem}.wrn-empty-state h3{margin:0 0 8px;color:#e8ecf4;font-size:1.1rem}.wrn-empty-state p{margin:0 auto;max-width:360px;font-size:.88rem;line-height:1.5}.wrn-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#06080ec7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:36px 16px;overflow-y:auto;animation:wrn-fade-in .25s ease both}.wrn-modal{width:min(640px,100%);border-radius:22px;border:1px solid rgba(245,208,120,.18);background:radial-gradient(ellipse at top right,rgba(245,208,120,.1),transparent 40%),linear-gradient(165deg,#1f2432,#13161e);padding:22px 22px 24px;box-shadow:0 28px 70px #00000080}.wrn-modal-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.wrn-modal-identity{display:flex;gap:14px;align-items:flex-start;min-width:0}.wrn-modal-head h2{margin:0;font-size:1.4rem;color:#fff;letter-spacing:-.02em}.wrn-modal-sub{margin:6px 0 0;color:#8b95ad;font-size:.86rem}.wrn-modal-close{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#a8b0c4;cursor:pointer;flex-shrink:0}.wrn-modal-close:hover{color:#f5d078;border-color:#f5d07859}.wrn-modal-spotlight{display:flex;gap:16px;align-items:stretch;margin-bottom:16px;padding:16px;border-radius:16px;background:#00000047;border:1px solid rgba(255,255,255,.06);overflow:hidden}.wrn-modal-spotlight--claimed{align-items:flex-start}.wrn-spotlight-days{flex:0 0 110px;width:110px;padding:14px 12px;border-radius:14px;text-align:center;border:1px solid rgba(255,255,255,.08);box-sizing:border-box}.wrn-spotlight-days span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:#8b95ad;margin-bottom:4px}.wrn-spotlight-days strong{display:block;font-size:2.2rem;font-weight:700;letter-spacing:-.04em;line-height:1}.wrn-spotlight-days em{display:block;margin-top:4px;font-style:normal;font-size:.75rem;color:#8b95ad}.wrn-spotlight-days--active{background:#7ddea81a;border-color:#7ddea847}.wrn-spotlight-days--active strong{color:#7ddea8}.wrn-spotlight-days--expiring{background:#f5d0781a;border-color:#f5d0784d}.wrn-spotlight-days--expiring strong{color:#f5d078}.wrn-spotlight-days--expired{background:#f0a0a01a;border-color:#f0a0a047}.wrn-spotlight-days--expired strong{color:#f0a0a0}.wrn-spotlight-days--claimed{background:#a8b4d01a;border-color:#a8b4d047}.wrn-spotlight-days--claimed strong{color:#a8b4d0}.wrn-spotlight-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.wrn-spotlight-meta-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.wrn-spotlight-closed-tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:#c5d0ea;background:#a8b4d029;border:1px solid rgba(168,180,208,.28)}.wrn-spotlight-meta p{margin:0;color:#c9d0e0;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.wrn-muted{color:#8b95ad!important;font-size:.8rem!important}.wrn-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.wrn-detail-grid>div{padding:13px 14px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);min-width:0}.wrn-detail-grid-full{grid-column:1 / -1}.wrn-detail-grid span{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#8b95ad;margin-bottom:6px}.wrn-detail-grid strong{font-size:.98rem;color:#e8ecf4;overflow-wrap:anywhere;word-break:break-word}.wrn-modal-identity>div{min-width:0}.wrn-modal-identity h2,.wrn-modal-sub{overflow-wrap:anywhere}.wrn-progress-block{margin-bottom:18px;padding:14px 16px;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.wrn-progress-block-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.82rem;color:#a8b0c4}.wrn-progress-block-head strong{color:#f5d078}.wrn-progress-block .wrn-hint{margin-top:10px}.wrn-section-title{margin:0 0 10px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#f5d078;font-weight:700}.wrn-items{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.wrn-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.wrn-item-index{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:#f5d078;background:#f5d0781a;border:1px solid rgba(245,208,120,.22);flex-shrink:0}.wrn-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wrn-item-body strong{color:#e8ecf4;font-size:.9rem;overflow-wrap:anywhere}.wrn-item-body span{color:#8b95ad;font-size:.78rem}.wrn-item-total{color:#f5d078;font-size:.9rem;flex-shrink:0;white-space:nowrap}.wrn-detail-foot{display:flex;flex-wrap:wrap;gap:10px 16px;padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:#8b95ad;margin-bottom:14px}.wrn-claim-box{margin:16px 0 4px;padding:14px 16px;border-radius:14px;border:1px solid rgba(245,208,120,.28);background:#f5d0780f}.wrn-claim-field{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:.82rem;color:#8b95ad}.wrn-modal-actions-row{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:900px){.wrn-summary-grid{grid-template-columns:1fr 1fr}.wrn-hero{flex-direction:column;align-items:flex-start}.wrn-hero-aside{flex-direction:row;width:100%;justify-content:space-between}}@media(max-width:640px){.wrn-summary-grid,.wrn-detail-grid{grid-template-columns:1fr}.wrn-row{grid-template-columns:auto 1fr;grid-template-areas:"avatar main" "days days"}.wrn-row>.wrn-avatar{grid-area:avatar}.wrn-row-main{grid-area:main}.wrn-row-days{grid-area:days;justify-self:start;display:inline-flex;align-items:baseline;gap:6px;min-width:0;padding:6px 10px}.wrn-row-days strong{display:inline;font-size:.95rem}.wrn-row-days span{display:inline;margin:0}.wrn-row-track{grid-template-columns:1fr}.wrn-modal-spotlight{flex-direction:column;align-items:stretch}.wrn-spotlight-days{width:100%;flex-basis:auto}.wrn-item{flex-wrap:wrap}.wrn-item-total{width:100%;text-align:right}}.pph-page{display:flex;flex-direction:column;gap:16px;padding-bottom:32px}.pph-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.pph-eyebrow{margin:0 0 4px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f5d078}.pph-header h1{margin:0;font-size:1.45rem;color:#f0f3fa}.pph-sub{margin:6px 0 0;max-width:560px;font-size:.86rem;color:#8b95ad;line-height:1.45}.pph-link{color:#f5d078;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}.pph-link:hover{text-decoration:underline}.pph-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(140px,1fr) minmax(120px,.9fr) minmax(120px,.9fr) auto;gap:14px 12px;align-items:end;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.pph-filters label,.pph-field{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;font-size:.75rem;color:#8b95ad}.pph-filters input,.pph-filters select{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:#e8ecf4;font-size:.88rem}.pph-filters-actions{display:flex;align-items:flex-end}.pph-btn{padding:10px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#e8c060,#c9943a);color:#1a1408;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap}.pph-btn:disabled{opacity:.55;cursor:not-allowed}.pph-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pph-stat{padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.pph-stat span{display:block;font-size:.72rem;color:#8b95ad;text-transform:uppercase;letter-spacing:.06em}.pph-stat strong{display:block;margin-top:6px;font-size:1.2rem;color:#f0f3fa;line-height:1.2}.pph-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:14px;align-items:stretch}.pph-panel{display:flex;flex-direction:column;min-width:0;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#121622d9}.pph-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(245,208,120,.14)}.pph-panel-head h2{margin:0;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;color:#f6dfaa}.pph-panel-head span{color:#f5d078;font-size:.78rem;font-weight:700}.pph-detail h2{margin:0 0 12px;font-size:1rem;color:#f0f3fa}.pph-table-wrap{flex:1;overflow-x:auto;min-height:180px}.pph-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:760px}.pph-table th{text-align:left;padding:10px 12px;color:#f5d078;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap}.pph-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);color:#c9d0e0;vertical-align:middle}.pph-table tbody tr{cursor:pointer}.pph-table tbody tr:hover,.pph-table tbody tr.is-active{background:#f5d07812}.pph-table strong{color:#e8ecf4}.pph-empty{text-align:center;color:#8b95ad;padding:28px 12px!important}.pph-empty--panel{margin:auto 0;padding:40px 16px!important;line-height:1.5}.pph-delta--up{color:#7ddea0}.pph-delta--down{color:#f46a6a}.pph-source{display:inline-block;max-width:100%;padding:4px 9px;border-radius:999px;border:1px solid rgba(245,208,120,.28);background:#f5d07814;color:#f5d078;font-size:.72rem;font-weight:600;white-space:nowrap}.pph-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-size:.82rem;color:#8b95ad}.pph-pager button{padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#c9d0e0;cursor:pointer}.pph-pager button:disabled{opacity:.4;cursor:not-allowed}.pph-dl{margin:0;display:flex;flex-direction:column;gap:14px}.pph-dl div{display:flex;flex-direction:column;gap:4px;min-width:0}.pph-dl dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#8b95ad}.pph-dl dd{margin:0;color:#e8ecf4;font-size:.9rem;line-height:1.45;word-break:break-word}.pph-dl a{color:#f5d078;text-decoration:none;font-weight:600}.pph-dl a:hover{text-decoration:underline}@media(max-width:1100px){.pph-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.pph-field--search,.pph-filters-actions{grid-column:1 / -1}}@media(max-width:960px){.pph-filters,.pph-layout,.pph-stats{grid-template-columns:1fr}}.po-status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0f;color:#c9d0e0}.po-status--sent{background:#508cff26;color:#9bc0ff}.po-status--warn{background:#f5b45026;color:#f5d078}.po-status--ok{background:#3eb98926;color:#7ee0b8}.po-status--bad{background:#e0505026;color:#f0a0a0}.po-status--closed{background:#8c96aa2e;color:#c5cddc}.po-stock-note{color:#8b95ad;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:0}.doc-link-btn{border:none;background:transparent;color:var(--gold);cursor:pointer;margin-right:8px;padding:0;font-size:inherit}.doc-link-btn:hover{text-decoration:underline}.main-content h1,.main-content h2,.main-content h3,.main-content .page-title,.po-page .doc-hero h1,.po-page .doc-panel h2,.dash-board h1,.prd-header h1,.chk-header h1,.sal-hero h1,.sal-header h1,.exp-header-text h1,.imp-header-text h1,.shp-hero h1,.set-hero h1,.set-hero-text h2,.set-header h1,.wrn-hero h1,.doc-hero h1,.doc-header h1,.doc-panel h2,.reg-header h1,.reg-hero h1,.rcp-hero h1,.esl-hero h1,.eds-header h1,.bkr-header-text h1,.bkr-hero h2,.bkr-card-head h3,.rcv-hero h1,.perm-hero h1,.pph-header h1,.usr-modal h2,.usr-security-card h3{font-family:var(--font)!important;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.main-content .prd-card-name,.main-content .prd-detail-panel h2,.main-content .sal-product-name,.main-content .doc-type-label,.main-content .doc-type-desc{text-transform:none;letter-spacing:.01em;font-weight:600}.prd-share-btn,.chk-btn--primary,.aps-btn-save,.bkr-btn--primary{letter-spacing:.03em}.main-content :where(.hero-card,.back-header,.dash-period-bar,.doc-hero,.doc-header,.reg-hero,.prd-header,.sal-header,.chk-header,.set-hero,.set-header,.rcp-hero,.esl-hero,.wrn-hero,.shp-hero,.exp-header,.imp-header,.pph-header,.po-page .doc-hero){padding-top:12px!important;padding-bottom:12px!important;margin-bottom:10px!important}.main-content :where(.hero-card h1,.doc-hero h1,.doc-header h1,.reg-hero h1,.prd-header h1,.sal-header h1,.chk-header h1,.set-hero h1,.set-header h1,.rcp-hero h1,.esl-hero h1,.wrn-hero h1,.shp-hero h1,.exp-header h1,.imp-header h1,.pph-header h1){font-size:clamp(1rem,1.5vw,1.35rem)!important}.main-content :where(.hero-card p,.doc-hero-sub,.reg-hero-sub,.prd-header-sub,.sal-header-sub,.chk-header-sub,.set-hero-sub,.rcp-hero-sub,.esl-hero-sub,.wrn-hero-sub,.shp-hero-sub){margin-top:4px!important;font-size:.78rem!important;line-height:1.35!important}.main-content :where(.panel-card,.chart-panel,.doc-panel,.reg-panel,.prd-toolbar,.prd-card,.set-panel,.set-card,.usr-security-card,.rcp-row,.esl-card,.pph-panel,.pph-card,.rpt-panel,.imp-panel,.exp-panel,.bkr-card,.rcv-panel,.perm-panel,.perm-group){padding-top:14px!important;padding-bottom:14px!important;margin-bottom:12px!important}.main-content :where(.summary-card,.stat-card,.side-stat-card,.reg-stat,.prd-stat,.sal-stat,.dash-stat-card,.dash-stat-chip,.doc-stat,.rpt-stat,.pph-stat,.rcv-stat){padding-top:8px!important;padding-bottom:8px!important;min-height:unset!important}.main-content :where(.summary-card-value,.reg-stat strong,.prd-stat strong,.sal-stat strong,.dash-stat-value,.doc-stat strong,.rpt-stat strong,.pph-stat strong){font-size:.95rem!important;line-height:1.2!important}.main-content :where(.field,.form-field,.reg-close-form label,.doc-filter,.doc-filter-product,.reg-history-filter,.chk-field,.set-field,.usr-field,.pph-filter,.pph-field,.po-field,.doc-filters label,.perm-check){gap:8px!important;min-width:0!important;max-width:100%!important}.main-content :where(input:not([type=checkbox]):not([type=radio]),select,textarea,.reg-input,.reg-select,.prd-sort,.prd-action-btn,.prd-chip,.doc-type-chip,.chip,.sal-period-chip,.esl-period-chip,.reg-btn,.reg-btn-ghost){min-height:38px!important;padding-top:9px!important;padding-bottom:9px!important;font-size:.84rem!important;box-sizing:border-box!important}.main-content :where(.search-bar,.prd-search,.sal-search,.rcp-search,.esl-search,.doc-search,.pph-search){height:38px!important;min-height:38px!important;margin-bottom:8px!important}.main-content :where(table.data-table,.dash-table,.reg-table,.doc-table,.rpt-table,.pph-table,.usr-table,.exp-table,.imp-table){font-size:.78rem!important}.main-content :where(table.data-table,.dash-table,.reg-table,.doc-table,.rpt-table,.pph-table,.usr-table,.exp-table,.imp-table) th{padding-top:8px!important;padding-bottom:8px!important;font-size:.68rem!important}.main-content :where(table.data-table,.dash-table,.reg-table,.doc-table,.rpt-table,.pph-table,.usr-table,.exp-table,.imp-table) td{padding-top:9px!important;padding-bottom:9px!important;vertical-align:middle!important;overflow-wrap:anywhere}.main-content :where(.doc-row,.rcp-row,.esl-card,.prd-card,.sal-product-card,.sal-cart-item,.reg-history-row,.pph-row){min-height:unset!important}.main-content :where(.reg-history-list,.rcp-list,.esl-list,.prd-list,.sal-product-list,.sal-cart-items){gap:6px!important}.main-content :where(.reg-history-pager,.pph-pager,.doc-pager,.rpt-pager){margin-top:7px!important;gap:8px!important;font-size:.76rem!important}.main-content :where(.reg-actionbar,.sal-cart-footer,.rcp-statusbar,.esl-statusbar,.doc-actionbar,.chk-actionbar){padding-top:7px!important;padding-bottom:7px!important;margin-top:10px!important}.main-content :where(.reg-action,.sal-checkout-btn,.chk-btn,.doc-action-btn,.prd-share-btn,.pph-pager button){padding-top:7px!important;padding-bottom:7px!important}.main-content .prd-page:not(.prd-page--detail) .prd-list{gap:4px!important}.main-content .prd-page:not(.prd-page--detail) .prd-card{align-items:center!important;min-height:0!important;border-radius:10px!important;box-shadow:0 4px 12px #00000029,inset 0 1px #ffffff0a!important}.main-content .prd-page:not(.prd-page--detail) .prd-check{padding-left:8px!important;padding-right:2px!important}.main-content .prd-page:not(.prd-page--detail) .prd-check-box{width:14px!important;height:14px!important;border-radius:4px!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-main{align-items:center!important;gap:8px!important;padding:6px 6px 6px 0!important;min-height:0!important}.main-content .prd-page:not(.prd-page--detail) .prd-thumb{width:40px!important;height:40px!important;margin:0!important;border-radius:8px!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-info{padding:0!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-name{font-size:.8rem!important;line-height:1.2!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-meta{margin-top:1px!important;font-size:.62rem!important;line-height:1.2!important}.main-content .prd-page:not(.prd-page--detail) .prd-dot{margin:0 3px!important}.main-content .prd-page:not(.prd-page--detail) .prd-stock{width:auto!important;min-width:46px!important;padding:5px 8px!important;border-radius:8px!important;font-size:inherit!important;align-self:center!important}.main-content .prd-page:not(.prd-page--detail) .prd-stock em{margin-bottom:1px!important;font-size:.5rem!important;letter-spacing:.1em!important}.main-content .prd-page:not(.prd-page--detail) .prd-stock strong{font-size:.95rem!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-prices{margin-top:2px!important;gap:0!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-price{margin-top:0!important;gap:0 5px!important;display:grid!important;grid-template-columns:5.2rem minmax(4rem,max-content) auto!important;flex-wrap:nowrap!important;align-items:center!important}.main-content .prd-page:not(.prd-page--detail) .prd-price-label{font-size:.52rem!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-price strong{font-size:.95rem!important;font-variant-numeric:tabular-nums!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-price--modal strong{font-size:.72rem!important;color:#5fd98a!important;text-shadow:0 0 10px rgba(95,217,138,.14)!important;font-weight:650!important}.main-content .prd-page:not(.prd-page--detail) .prd-garansi{margin-top:0!important;margin-left:2px!important;padding:1px 5px!important;font-size:.54rem!important}.main-content .prd-page:not(.prd-page--detail) .prd-edit-btn{width:30px!important;height:30px!important;min-height:30px!important}.main-content .prd-page:not(.prd-page--detail) .prd-edit-btn svg{width:12px!important;height:12px!important}.main-content:has(.sup-page){background:radial-gradient(circle at 12% 0%,rgba(245,208,120,.1),transparent 30%),radial-gradient(circle at 90% 8%,rgba(80,165,241,.08),transparent 28%),linear-gradient(165deg,#151925,#10131b 52%,#171523)!important}.sup-page{background:transparent!important;padding:10px 12px 0!important;gap:8px}.sup-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-radius:18px;border:1px solid rgba(245,208,120,.12);background:linear-gradient(135deg,#272c3ddb,#12151fe6),radial-gradient(circle at top left,rgba(245,208,120,.12),transparent 38%);box-shadow:0 14px 40px #00000038,inset 0 1px #ffffff0f;flex-shrink:0}.sup-eyebrow{margin:0 0 4px;color:#f5d078;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sup-hero h1{margin:0;color:#fff;font-size:1.08rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sup-hero span{display:block;margin-top:3px;color:#8f9ab2;font-size:.74rem}.sup-hero strong{padding:7px 11px;border-radius:999px;border:1px solid rgba(245,208,120,.18);background:#f5d07814;color:#f5d078;font-size:.78rem;white-space:nowrap}.sup-toolbar{padding:7px 10px!important;border-radius:16px;border:1px solid rgba(255,255,255,.07)!important;background:#12151fb8!important;box-shadow:0 10px 28px #0000002e}.sup-tool{min-width:54px!important;padding:6px 8px!important;border-radius:12px!important;color:#b8c2d9!important}.sup-tool:hover:not(:disabled){background:#f5d07817!important;color:#f5d078!important}.sup-tool-icon{font-size:1rem!important}.sup-toolbar-sep{height:28px!important;background:#ffffff1a!important}.sup-search-bar{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.07)!important;background:#0003!important;box-shadow:0 10px 28px #00000029}.sup-filter-select,.sup-search-input{background:#ffffff06!important;border-color:#ffffff14!important;color:#e8ecf4!important}.sup-search-input:focus{background:#ffffff0b!important}.sup-table-wrap{border-radius:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#1f2433db,#141722eb)!important;box-shadow:0 18px 46px #0000003d,inset 0 1px #ffffff0b}.sup-table{border-collapse:separate!important;border-spacing:0!important;font-size:.78rem!important}.sup-table thead th{padding:8px 10px!important;background:#131620eb!important;border-bottom:1px solid rgba(245,208,120,.2)!important;color:#9ea9c1!important;font-size:.64rem!important;letter-spacing:.08em;text-transform:uppercase}.sup-table tbody td{padding:8px 10px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}.sup-table tbody tr{transition:background .15s,box-shadow .15s}.sup-table tbody tr:hover{background:#f5d0780e!important}.sup-table tbody tr.selected{background:#f5d07816!important;box-shadow:inset 3px 0 #f5d078!important}.sup-name{color:#fff!important;font-weight:750!important}.sup-muted{color:#8894ad!important}.sup-check-toggle{width:21px!important;height:21px!important;border-radius:7px!important;background:#ffffff0a!important;border-color:#ffffff1f!important}.sup-check-toggle.is-on{background:#6bcf8e21!important;border-color:#6bcf8e52!important;color:#7ee0a0!important}.sup-statusbar{margin-top:0;padding:8px 12px!important;border-radius:14px 14px 0 0;border:1px solid rgba(255,255,255,.07);border-bottom:none;background:#12151fc7!important}.sup-modal-backdrop{background:radial-gradient(circle at 50% 8%,rgba(245,208,120,.1),transparent 34%),#000000ad!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:flex-start!important;padding-top:18px!important}.sup-modal{width:min(100%,430px)!important;max-height:calc(100vh - 36px)!important;padding:14px 16px!important;border-radius:18px!important;border:1px solid rgba(245,208,120,.14)!important;background:linear-gradient(160deg,#2e2a37f5,#171925fa)!important;box-shadow:0 24px 70px #0000007a,inset 0 1px #ffffff0f!important}.sup-modal--wide{width:min(100%,520px)!important}.sup-modal h2{margin:0 0 10px!important;font-size:1rem!important;letter-spacing:.12em;text-transform:uppercase;color:#fff}.sup-form-grid{gap:0 12px!important}.sup-field{gap:4px!important;margin-bottom:8px!important;font-size:.76rem!important}.sup-field>span{color:#d5b978}.sup-field input,.sup-field textarea{padding:7px 10px!important;border-radius:9px!important;border-color:#ffffff1f!important;background:#090b125c!important;font-size:.78rem!important;line-height:1.25!important}.sup-field textarea{min-height:44px!important}.sup-field input:focus,.sup-field textarea:focus{outline:none;border-color:#f5d07873!important;box-shadow:0 0 0 2px #f5d07814}.sup-input-readonly{opacity:.78!important}.sup-field-hint{font-size:.68rem!important;line-height:1.3!important}.sup-group-box{gap:7px!important;margin-top:4px!important;padding:10px!important;border-radius:13px!important;border-color:#f5d0781f!important;background:#0003!important}.sup-group-selected-head{font-size:.74rem!important}.sup-group-clear{font-size:.72rem!important}.sup-group-selected{max-height:56px!important;gap:5px!important}.sup-group-chip{padding:4px 8px!important;font-size:.68rem!important}.sup-group-search input{padding:7px 32px 7px 30px!important;border-radius:9px!important;font-size:.76rem!important;background:#090b125c!important}.sup-group-search-icon{left:10px!important;font-size:.8rem!important}.sup-group-list-meta{font-size:.68rem!important}.sup-group-list{max-height:138px!important;border-radius:9px!important}.sup-group-row{padding:7px 10px!important;font-size:.76rem!important}.sup-group-row em{font-size:.68rem!important}.sup-group-empty{padding:10px!important;font-size:.72rem!important}.sup-group-add{gap:6px!important}.sup-group-add input{padding:7px 10px!important;font-size:.76rem!important}.sup-modal-actions{margin-top:6px!important;gap:7px!important}.sup-btn{padding:8px 12px!important;border-radius:10px!important;font-size:.78rem!important}:root{--accent-cyan: #67d7e8;--accent-mint: #69d39e;--accent-rose: #ef8c7a;--accent-violet: #a58bff;--panel-glass: rgba(34, 30, 42, .82);--panel-glass-strong: rgba(38, 34, 48, .92);--surface-line: rgba(255, 255, 255, .075);--gold-ring: rgba(232, 192, 96, .32);--cyan-ring: rgba(103, 215, 232, .18);--soft-highlight: rgba(232, 192, 96, .085);--soft-cyan-highlight: rgba(103, 215, 232, .055);--elevated-shadow: 0 14px 40px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .045)}html,body,#root{background:radial-gradient(circle at 8% 4%,rgba(232,192,96,.13),transparent 26%),radial-gradient(circle at 92% 10%,rgba(103,215,232,.08),transparent 28%),radial-gradient(circle at 70% 92%,rgba(165,139,255,.07),transparent 32%),linear-gradient(145deg,#121016,#1b1721 44%,#10141b)!important}.main-content{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 180px),radial-gradient(circle at 50% 0%,rgba(232,192,96,.055),transparent 34%)!important}.sidebar{background:radial-gradient(circle at 20% 0%,rgba(232,192,96,.14),transparent 30%),linear-gradient(180deg,#1c1822fc,#101118 64%,#0c0c12)!important}.sidebar-link{border:1px solid transparent}.sidebar-link:hover{border-color:#e8c0602e!important;background:linear-gradient(90deg,#e8c0601f,#67d7e809)!important;transform:translate(2px)}.sidebar-link.active{border-color:#e8c0605c!important;background:linear-gradient(90deg,#e8c06038,#e8c06013 56%,#67d7e80e)!important;box-shadow:inset 3px 0 0 var(--gold),0 10px 24px #0000002e}.main-content :where(.panel-card,.card,.card-dark,.chart-panel,.doc-panel,.reg-panel,.prd-toolbar,.prd-card,.prd-detail-panel,.set-panel,.set-card,.rcp-row,.esl-card,.eds-panel,.pph-panel,.pph-card,.rpt-panel,.imp-panel,.exp-panel,.bkr-card,.rcv-panel,.perm-panel,.aps-section,.usr-security-card,.doc-type-card,.po-page .doc-panel,.wrn-panel){border-color:var(--surface-line)!important;background:linear-gradient(145deg,#ffffff0b,#ffffff03),radial-gradient(circle at 12% 0%,rgba(232,192,96,.07),transparent 36%),var(--panel-glass)!important;box-shadow:var(--elevated-shadow)}.main-content :where(.panel-card,.card,.doc-panel,.reg-panel,.prd-card,.set-card,.rcp-row,.esl-card,.pph-card,.bkr-card,.rcv-panel):hover{border-color:#e8c06038!important;box-shadow:0 18px 46px #00000061,0 0 0 1px #e8c0600e}.main-content :where(.hero-card,.dash-hero,.doc-hero,.reg-hero,.prd-header,.sal-header,.sal-hero,.chk-header,.set-hero,.set-header,.rcp-hero,.esl-hero,.wrn-hero,.shp-hero,.exp-header,.imp-header,.pph-header,.bkr-hero,.rcv-hero,.perm-hero,.po-page .doc-hero){border:1px solid rgba(232,192,96,.14)!important;background:linear-gradient(135deg,#e8c06024,#67d7e80e 46%,#a58bff0b),#1f1c26d1!important;box-shadow:0 16px 44px #00000052,inset 0 1px #ffffff0f}.main-content :where(h1,h2,h3,.page-title){text-shadow:0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.32)}.main-content :where(.panel-title,.section-title,.doc-panel h2,.reg-section-title,.prd-section-title,.set-card-label,.rcp-row-id,.bkr-card-head h3){color:#fff5dc!important}.main-content :where(.btn,.btn-primary,.btn-outline,.btn-icon,.btn-refresh,.aps-btn-save,.aps-btn-pos,.chk-btn,.prd-btn,.sal-action-btn,.doc-btn,.reg-btn,.bkr-btn,.sup-btn){transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.main-content :where(.btn-primary,.aps-btn-save,.chk-btn--primary,.bkr-btn--primary,.reg-btn-primary,.doc-btn--primary){background:linear-gradient(135deg,#f3c96f,#d8a943 48%,#b9872e)!important;color:#1a1206!important;border-color:#ffe19166!important;box-shadow:0 10px 24px #d4af6938,inset 0 1px #ffffff59}.main-content :where(.btn-primary,.aps-btn-save,.chk-btn--primary,.bkr-btn--primary,.reg-btn-primary,.doc-btn--primary,.btn-outline,.btn-refresh,.btn-icon,.aps-btn-pos):hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #00000042,0 0 0 1px #e8c0601f}.main-content :where(input,select,textarea){border-color:#ffffff1b!important;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#0c0e147a!important}.main-content :where(input,select,textarea):focus{border-color:var(--gold-ring)!important;box-shadow:0 0 0 3px #e8c0601a,0 8px 18px #0000002e!important;outline:none!important}.main-content :where(table,.table,.rcp-list,.prd-table,.doc-table,.reg-table){border-color:#ffffff14!important}.main-content :where(th,.table-head,.prd-table-head){background:linear-gradient(180deg,#e8c06021,#ffffff06)!important;color:#f7e7bd!important}.main-content :where(tr,.rcp-row,.prd-row,.doc-row,.reg-row){transition:background .16s ease,border-color .16s ease,transform .16s ease}.main-content :where(tr:hover,.rcp-row:hover,.prd-row:hover,.doc-row:hover,.reg-row:hover){background:linear-gradient(90deg,#e8c06014,#67d7e809)!important}.main-content :where(.summary-card,.stat-card,.side-stat-card,.reg-stat,.prd-stat,.sal-stat,.dash-stat-card,.dash-stat-chip,.doc-stat,.rpt-stat,.pph-stat,.rcv-stat){border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(135deg,#fff1,#ffffff05),radial-gradient(circle at 12% 0%,rgba(232,192,96,.13),transparent 45%),#181922c7!important;box-shadow:0 12px 28px #00000042,inset 0 1px #ffffff0b}.main-content :where(.status-badge,.badge,.sidebar-badge,.po-status,.prd-status,.rcp-method,.sal-badge){border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px #ffffff12}.main-content :where(.empty-state,.aps-pos-browser,.reg-empty,.rcp-empty){border-color:#67d7e829!important;background:linear-gradient(135deg,#67d7e80f,#e8c0600b),#11131ab3!important}::selection{background:#e8c0605c;color:#fff7df}.main-content :where(.hero-card,.dash-hero,.doc-hero,.reg-hero,.prd-header,.sal-header,.sal-hero,.chk-header,.set-hero,.set-header,.rcp-hero,.esl-hero,.wrn-hero,.shp-hero,.exp-header,.imp-header,.pph-header,.bkr-hero,.rcv-hero,.perm-hero,.po-page .doc-hero,.sup-hero){position:relative;overflow:hidden;padding:18px 22px 18px 26px!important;border-radius:18px}.main-content :where(.hero-card,.dash-hero,.doc-hero,.reg-hero,.prd-header,.sal-header,.sal-hero,.chk-header,.set-hero,.set-header,.rcp-hero,.esl-hero,.wrn-hero,.shp-hero,.exp-header,.imp-header,.pph-header,.bkr-hero,.rcv-hero,.perm-hero,.po-page .doc-hero,.sup-hero):before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#fff0b8,#d4af69 48%,#67d7e8);box-shadow:0 0 24px #e8c06057;opacity:.95}.main-content :where(.hero-card,.dash-hero,.doc-hero,.reg-hero,.prd-header,.sal-header,.sal-hero,.chk-header,.set-hero,.set-header,.rcp-hero,.esl-hero,.wrn-hero,.shp-hero,.exp-header,.imp-header,.pph-header,.bkr-hero,.rcv-hero,.perm-hero,.po-page .doc-hero,.sup-hero):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,240,184,.075),transparent 38%),radial-gradient(circle at 18% 0%,rgba(255,240,184,.13),transparent 34%);opacity:.9}.main-content :where(.hero-card>*,.dash-hero>*,.doc-hero>*,.reg-hero>*,.prd-header>*,.sal-header>*,.sal-hero>*,.chk-header>*,.set-hero>*,.set-header>*,.rcp-hero>*,.esl-hero>*,.wrn-hero>*,.shp-hero>*,.exp-header>*,.imp-header>*,.pph-header>*,.bkr-hero>*,.rcv-hero>*,.perm-hero>*,.po-page .doc-hero>*,.sup-hero>*){position:relative;z-index:1}.main-content :where(.hero-card h1,.dash-hero h1,.doc-hero h1,.reg-hero h1,.prd-header h1,.sal-header h1,.sal-hero h1,.chk-header h1,.set-hero h1,.set-header h1,.rcp-hero h1,.esl-hero h1,.wrn-hero h1,.shp-hero h1,.exp-header h1,.imp-header h1,.pph-header h1,.bkr-hero h2,.rcv-hero h1,.perm-hero h1,.po-page .doc-hero h1,.sup-hero h1){display:block;position:relative;width:fit-content;max-width:100%;margin-bottom:12px!important;padding:2px 0 10px;color:#fff7df!important;font-weight:850!important;letter-spacing:.16em!important;line-height:1.25!important;text-shadow:0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(232,192,96,.24),0 14px 30px rgba(0,0,0,.4)!important;background:linear-gradient(90deg,#fff7df,#f0ca72 42%,#9fe8f1);-webkit-background-clip:text;background-clip:text}.main-content :where(.hero-card h1,.dash-hero h1,.doc-hero h1,.reg-hero h1,.prd-header h1,.sal-header h1,.sal-hero h1,.chk-header h1,.set-hero h1,.set-header h1,.rcp-hero h1,.esl-hero h1,.wrn-hero h1,.shp-hero h1,.exp-header h1,.imp-header h1,.pph-header h1,.bkr-hero h2,.rcv-hero h1,.perm-hero h1,.po-page .doc-hero h1,.sup-hero h1):after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#d4af69,rgba(103,215,232,.85),transparent);box-shadow:0 0 18px #e8c06047}.main-content :where(.hero-card p,.dash-hero p,.doc-hero-sub,.reg-hero-sub,.prd-header-sub,.sal-header-sub,.chk-header-sub,.set-hero-sub,.rcp-hero-sub,.esl-hero-sub,.wrn-hero-sub,.shp-hero-sub,.rcv-hero-sub,.perm-hero-sub,.perm-sub,.pph-sub,.sup-hero span){color:#b8c2d8!important;font-weight:450!important;letter-spacing:.015em!important;text-shadow:none!important;margin-top:4px!important;line-height:1.5!important}.main-content:has(.rpt-page){background:radial-gradient(circle at 12% -8%,rgba(245,208,120,.18),transparent 30%),radial-gradient(circle at 86% 4%,rgba(103,215,232,.09),transparent 28%),radial-gradient(circle at 60% 106%,rgba(160,110,255,.08),transparent 34%),linear-gradient(145deg,#0d1018,#191622 48%,#10131b)!important}.rpt-page{grid-template-columns:minmax(560px,1.22fr) minmax(340px,.78fr)!important;gap:14px;padding:14px;background:transparent!important;color:#f8f1df}.rpt-main,.rpt-filter{position:relative;border:1px solid rgba(245,208,120,.16)!important;background:linear-gradient(145deg,#ffffff0e,#ffffff04),radial-gradient(circle at 10% 0%,rgba(245,208,120,.09),transparent 36%),#181720eb!important;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff0f;overflow:hidden}.rpt-main:after,.rpt-filter:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;border:1px solid rgba(255,255,255,.035)}.rpt-main,.rpt-filter{border-radius:22px}.rpt-head{position:relative;padding:20px 22px 18px!important;border-bottom:1px solid rgba(245,208,120,.14)!important;background:linear-gradient(135deg,#f5d07821,#67d7e809),#0c0d149e!important}.rpt-head:before{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,208,120,.58),transparent)}.rpt-eyebrow{color:#f5d078!important;font-size:.68rem!important;font-weight:850!important;letter-spacing:.18em!important}.rpt-title{color:#fff8e8!important;font-size:clamp(1.05rem,1.55vw,1.38rem)!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase;text-shadow:0 0 24px rgba(245,208,120,.18)}.rpt-search-wrap{width:min(100%,310px)!important}.rpt-search{height:38px;padding-left:16px!important;border-radius:999px!important;border-color:#f5d07826!important;background:#07090f7a!important;color:#fff8e8!important;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000029}.rpt-search::placeholder{color:#e4dac185}.rpt-search:focus,.rpt-field select:focus,.rpt-date-inputs input:focus{border-color:#f5d07885!important;box-shadow:0 0 0 3px #f5d0781c}.rpt-search-icon{color:#f5d078!important;opacity:.82}.rpt-list{overflow-y:auto!important;padding:16px 18px 18px!important;background:linear-gradient(180deg,rgba(255,255,255,.016),transparent),transparent!important}.rpt-list::-webkit-scrollbar,.rpt-filter-scroll::-webkit-scrollbar,.rpt-preview::-webkit-scrollbar{display:block;width:8px}.rpt-list::-webkit-scrollbar-thumb,.rpt-filter-scroll::-webkit-scrollbar-thumb,.rpt-preview::-webkit-scrollbar-thumb{border-radius:999px;background:#f5d07838}.rpt-category{padding:12px;margin-bottom:12px!important;border-radius:18px;background:linear-gradient(145deg,#ffffff0a,#ffffff04),#04060c2e;border:1px solid rgba(255,255,255,.055)}.rpt-category-title{display:flex;align-items:center;gap:8px;padding:0 2px 10px!important;color:#e7d2a1!important;font-size:.7rem!important;font-weight:850!important;letter-spacing:.16em!important;border-bottom:1px solid rgba(245,208,120,.1)}.rpt-category-title:before{content:"";width:7px;height:7px;border-radius:999px;background:#f5d078;box-shadow:0 0 14px #f5d07894}.rpt-items{gap:8px 14px!important;padding-top:10px!important}.rpt-item{min-height:42px;padding:9px 11px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.045)!important;background:linear-gradient(135deg,#ffffff0a,#ffffff04)!important;color:#ece6d8!important;font-size:.84rem!important;font-weight:680;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.rpt-item:hover:not(.disabled){border-color:#f5d0783d!important;background:linear-gradient(90deg,#f5d07821,#67d7e80b)!important;box-shadow:0 10px 24px #0000002e;transform:translate(3px)}.rpt-item.active{border-color:#f5d07873!important;background:linear-gradient(90deg,#f5d0783d,#67d7e812)!important;color:#fff!important;box-shadow:inset 3px 0 #f5d078,0 12px 28px #0000003d,0 0 0 1px #f5d07814!important}.rpt-item.disabled{opacity:.42!important}.rpt-item-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#f5d0781a;color:#f5d078;font-size:.78rem!important;opacity:1!important}.rpt-soon{border-radius:999px!important;background:#ffffff14!important;color:#f8f1df94!important}.rpt-filter-scroll{padding:20px 18px 12px!important}.rpt-filter-title{position:relative;margin-bottom:18px!important;padding-bottom:11px;color:#fff8e8!important;font-size:1.05rem!important;font-weight:850!important;letter-spacing:.17em!important;text-transform:uppercase}.rpt-filter-title:after{content:"";position:absolute;left:0;right:32%;bottom:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#f5d078,rgba(103,215,232,.72),transparent);box-shadow:0 0 16px #f5d07838}.rpt-field{margin-bottom:12px!important;gap:7px!important;color:#b9c2d6!important;font-size:.76rem!important;font-weight:700}.rpt-field>span{letter-spacing:.025em}.rpt-field select,.rpt-date-inputs input{height:38px;border-radius:12px!important;border-color:#f5d07824!important;background:#07090f75!important;color:#f8f1df!important;box-shadow:inset 0 1px #ffffff09}.rpt-field select:disabled{color:#f8f1df80!important;background:#07090f47!important}.rpt-date-range{margin-top:14px!important;padding:14px!important;border-radius:18px!important;border-color:#f5d07838!important;background:linear-gradient(135deg,#f5d0781a,#67d7e80a),#07090f66!important;box-shadow:inset 0 1px #ffffff0a}.rpt-date-label{color:#f5d078!important;font-weight:800}.rpt-date-inputs{gap:10px!important}.rpt-date-inputs>span{color:#f5d078b8!important}.rpt-date-hint{color:#e8e1cfad!important}.rpt-selected{margin-top:13px!important;padding:11px 13px;border-radius:15px;border:1px solid rgba(245,208,120,.14);background:linear-gradient(135deg,#ffffff0a,#ffffff04),#07090f4d}.rpt-selected strong{color:#f6d990!important}.rpt-actions{padding:14px 18px 18px!important;border-top-color:#f5d07824!important;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),#0c0d14b8!important}.rpt-action-btn{min-height:40px;border-radius:13px!important;border-color:#f5d07824!important;background:#ffffff0a!important;color:#f8f1df!important;font-weight:760;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.rpt-action-btn:hover:not(:disabled){border-color:#f5d0785c!important;background:#f5d07817!important;box-shadow:0 10px 22px #0000002e;transform:translateY(-1px)}.rpt-action-btn--primary{background:linear-gradient(135deg,#fff1b9,#f5d078 42%,#bd8731)!important;color:#1a1206!important;border-color:#ffe8a094!important;box-shadow:0 12px 28px #a8792d47}.rpt-preview{background:linear-gradient(180deg,rgba(255,255,255,.024),transparent),#0c0d1485!important}.rpt-preview-head{padding:12px 14px;border:1px solid rgba(245,208,120,.13);border-radius:16px;background:#07090f47}.rpt-close-btn{border-radius:999px!important;border-color:#f5d0782e!important;background:#ffffff0b!important}@media(max-width:1100px){.rpt-page{grid-template-columns:1fr!important;padding:12px}.rpt-main,.rpt-filter{border-radius:20px!important}}@media(max-width:720px){.rpt-page{padding:8px}.rpt-head{padding:18px!important}.rpt-items,.rpt-actions{grid-template-columns:1fr!important}}.main-content :where(.panel-title,.section-title,.doc-panel h2,.reg-section-title,.prd-section-title,.wrn-section-title,.chk-section-title,.aps-section-head h3,.shp-section-head h3,.bkr-card-head h3){color:#f6dfaa!important;font-weight:750!important;letter-spacing:.09em!important;text-shadow:none!important}.main-content:has(.rcp-page){background:radial-gradient(circle at 14% -10%,rgba(245,208,120,.16),transparent 30%),radial-gradient(circle at 86% 0%,rgba(103,215,232,.07),transparent 28%),linear-gradient(150deg,#10131b,#171622 52%,#10131b)!important}.rcp-page{gap:10px;padding:12px;background:transparent!important;color:#f7f1e8}.rcp-hero{align-items:center!important;gap:12px!important;margin:0!important;padding:14px 16px!important;border:1px solid rgba(245,208,120,.2)!important;border-radius:18px;background:linear-gradient(135deg,#f5d0782e,#67d7e80a 52%,#ffffff06),#171720e6!important;box-shadow:0 18px 46px #00000052,inset 0 1px #ffffff12}.rcp-hero:before{width:3px!important;top:12px!important;bottom:12px!important;background:linear-gradient(180deg,#fff1b9,#f5d078 50%,#b9872e)!important;box-shadow:0 0 22px #f5d07861!important}.rcp-hero:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,208,120,.55),transparent)}.rcp-hero-title-row{gap:9px!important}.rcp-hero-icon{width:24px!important;height:24px!important;padding:5px;border-radius:10px;background:#f5d0781f;border:1px solid rgba(245,208,120,.18);filter:drop-shadow(0 0 12px rgba(245,208,120,.22))!important}.rcp-hero h1{color:#fff6df!important;font-size:clamp(1rem,1.45vw,1.28rem)!important;font-weight:850!important;letter-spacing:.1em!important;text-shadow:0 0 22px rgba(245,208,120,.18)!important}.rcp-hero-sub{color:#f7f1e8a8!important;font-size:.78rem!important}.rcp-icon-btn{width:34px!important;height:34px!important;border-radius:12px!important;border-color:#f5d07829!important;background:#080a1061!important;color:#f5d078!important}.rcp-icon-btn:hover:not(:disabled){border-color:#f5d07861!important;background:#f5d0781a!important;color:#fff6df!important}.rcp-search{margin:0!important;height:40px!important;min-height:40px!important;border-radius:14px!important;border-color:#f5d07821!important;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#080a106b!important;box-shadow:inset 0 1px #ffffff09}.rcp-search:focus-within{border-color:#f5d07880!important;box-shadow:0 0 0 3px #f5d0781a!important}.rcp-search-icon{color:#d9bd76!important}.rcp-search-input{color:#fff8e8!important;font-weight:500}.rcp-search-input::placeholder{color:#e8e1cf73!important}.rcp-search-clear{background:#f5d0781a!important;color:#e7d2a1!important}.rcp-page .esl-period{margin:0!important;padding:2px;gap:6px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:#080a1047}.rcp-page .esl-period-chip{min-height:30px!important;padding:6px 13px!important;border-radius:11px!important;border-color:transparent!important;color:#f7f1e8b3!important;background:transparent!important;font-weight:700}.rcp-page .esl-period-chip:hover{color:#fff8e8!important;background:#f5d07814!important}.rcp-page .esl-period-chip.is-active{color:#1a1206!important;border-color:#ffe8a061!important;background:linear-gradient(135deg,#fff1b9,#f5d078 48%,#c49338)!important;box-shadow:0 8px 20px #a8792d38}.rcp-list{gap:8px!important;padding:0 0 92px!important;scrollbar-width:thin;scrollbar-color:rgba(245,208,120,.25) transparent}.rcp-list::-webkit-scrollbar{width:8px}.rcp-list::-webkit-scrollbar-thumb{border-radius:999px;background:#f5d0783d}.rcp-row{gap:14px!important;padding:12px 14px!important;border-radius:16px!important;border-color:#ffffff13!important;background:linear-gradient(145deg,#ffffff0a,#ffffff03),#181a24d6!important;box-shadow:0 10px 28px #0003!important}.rcp-row:hover{border-color:#f5d0783d!important;background:linear-gradient(90deg,#f5d07817,#67d7e807),#1c1f2bf0!important;transform:translateY(-1px)}.rcp-row.is-selected{border-color:#f5d0787a!important;background:linear-gradient(90deg,#f5d0782e,#67d7e80a),#1e2230f5!important;box-shadow:inset 3px 0 #f5d078,0 14px 32px #00000047!important}.rcp-row-head{margin-bottom:3px!important}.rcp-row-nota{color:#fff8e8!important;font-size:.76rem!important;letter-spacing:.08em!important}.rcp-row-amount{color:#62d49f!important;font-size:.9rem!important;font-weight:850!important}.rcp-row-customer{margin-bottom:5px!important;color:#f7f1e8!important;font-size:.86rem!important;font-weight:720!important}.rcp-row-meta{gap:7px!important;color:#dbe2f094!important;font-size:.74rem!important}.rcp-meta-sep{color:#f5d0787a!important}.rcp-pay{padding:2px 7px!important;border-radius:999px!important;font-size:.64rem!important;font-weight:800!important}.rcp-row-actions{gap:6px!important}.rcp-actions--inline .rcp-act,.rcp-row-actions>.rcp-act{width:32px!important;height:32px!important;border-radius:11px!important}.rcp-act{border-color:#f5d0781f!important;background:#ffffff09!important;color:#f7f1e8b8!important}.rcp-act:hover:not(:disabled){border-color:#f5d07852!important;background:#f5d07817!important;color:#fff8e8!important}.rcp-statusbar{margin:0!important;padding:9px 13px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:14px;background:#080a1057!important;color:#dbe2f094!important}.rcp-statusbar strong{color:#f6d990!important}.rcp-status-filter{background:#f5d0781a!important;color:#f3d38a!important}.rcp-dock{left:24px!important;right:24px!important;bottom:56px!important;border-radius:18px!important;border-color:#f5d07833!important;background:linear-gradient(145deg,#ffffff0e,#ffffff05),#12141cf0!important;box-shadow:0 18px 48px #0000006b,0 0 0 1px #f5d07814!important}.rcp-dock-nota{color:#f5d078!important}.rcp-dock-amount{color:#62d49f!important}.rcp-preview-head{background:linear-gradient(135deg,#f5d0781f,#67d7e809),#161720f5!important}.rcp-preview-eyebrow{color:#f5d078!important}@media(max-width:720px){.rcp-page{padding:8px}.rcp-hero{padding:12px!important}.rcp-row{gap:9px!important}.rcp-row-actions{border-top-color:#f5d0781f!important}.rcp-dock{left:12px!important;right:12px!important;bottom:50px!important}}.main-content:has(.sal-menu-page){background:radial-gradient(circle at 14% -8%,rgba(245,208,120,.18),transparent 32%),radial-gradient(circle at 88% 4%,rgba(103,215,232,.08),transparent 30%),linear-gradient(145deg,#10131b,#171622 52%,#10131b)!important}.sal-menu-page{padding:16px;gap:16px;background:transparent!important}.sal-menu-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(245,208,120,.2);border-radius:22px;background:linear-gradient(135deg,#f5d0782b,#67d7e80b 54%,#ffffff05),#181720e6;box-shadow:0 22px 60px #0000005c,inset 0 1px #ffffff12}.sal-menu-hero:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#fff1b9,#f5d078 52%,#b9872e);box-shadow:0 0 24px #f5d07861}.sal-menu-eyebrow{margin:0 0 5px;color:#f5d078;font-size:.68rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.sal-menu-hero h1{margin:0;color:#fff6df;font-size:clamp(1.18rem,2vw,1.65rem);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.sal-menu-sub{margin:6px 0 0;max-width:620px;color:#f7f1e8ad;font-size:.86rem;line-height:1.45}.sal-menu-cart{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(245,208,120,.22);border-radius:999px;background:#080a105c;color:#f8f1df;font-size:.8rem;font-weight:760;cursor:pointer}.sal-menu-cart span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,#fff1b9,#f5d078 48%,#c49338);color:#1a1206}.sal-menu-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sal-menu-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;min-height:260px;padding:18px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,#ffffff0e,#ffffff04),#181a24e0;color:#f8f1df;text-align:left;cursor:pointer;box-shadow:0 18px 46px #0000004d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.sal-menu-card:hover{transform:translateY(-2px)}.sal-menu-card--new{border-color:#f5d07847;background:linear-gradient(160deg,#f5d07838,#a8792d14 42%,#16141cf5),radial-gradient(circle at 80% 0%,rgba(255,241,185,.14),transparent 40%),#1c1812;box-shadow:0 18px 46px #00000052,inset 0 1px #fff1b914}.sal-menu-card--new:hover{border-color:#f5d0787a;background:linear-gradient(160deg,#f5d0784d,#a8792d1f 42%,#1a160efa),radial-gradient(circle at 80% 0%,rgba(255,241,185,.2),transparent 42%),#221c14;box-shadow:0 24px 62px #0000006b,0 0 0 1px #f5d0781f}.sal-menu-card--new .sal-menu-card-badge{border-color:#f5d07852;background:#f5d07824;color:#f5d078}.sal-menu-card--new em{color:#f5d078}.sal-menu-card--second{border-color:#c978484d;background:linear-gradient(160deg,#c9784838,#7848301a 42%,#161214f5),radial-gradient(circle at 18% 8%,rgba(232,160,110,.14),transparent 38%),#1a1514;box-shadow:0 18px 46px #00000052,inset 0 1px #e8a06e14}.sal-menu-card--second:hover{border-color:#e8a06e7a;background:linear-gradient(160deg,#c978484d,#78483024 42%,#1c1412fa),radial-gradient(circle at 18% 8%,rgba(232,160,110,.2),transparent 40%),#221814;box-shadow:0 24px 62px #0000006b,0 0 0 1px #e8a06e1f}.sal-menu-card--second .sal-menu-card-badge{border-color:#e8a06e52;background:#c9784829;color:#e8a86e}.sal-menu-card--second em{color:#e8a86e}.sal-menu-card--charge{border-color:#3eb98952;background:linear-gradient(160deg,#3eb98938,#286e781a 42%,#0e1618f5),radial-gradient(circle at 78% 10%,rgba(103,215,232,.12),transparent 38%),#121a1a;box-shadow:0 18px 46px #00000052,inset 0 1px #5ee0ad14}.sal-menu-card--charge:hover{border-color:#5ee0ad7a;background:linear-gradient(160deg,#3eb9894d,#286e7824 42%,#101c1cfa),radial-gradient(circle at 78% 10%,rgba(103,215,232,.18),transparent 40%),#162222;box-shadow:0 24px 62px #0000006b,0 0 0 1px #5ee0ad1f}.sal-menu-card--charge .sal-menu-card-badge{border-color:#5ee0ad52;background:#3eb98929;color:#7ddea8}.sal-menu-card--charge em{color:#7ddea8}.sal-menu-card-glow{position:absolute;inset:14% -18% auto -18%;height:54%;background:radial-gradient(circle at 50% 52%,rgba(245,208,120,.22),transparent 48%),radial-gradient(circle at 22% 62%,rgba(103,215,232,.09),transparent 34%);pointer-events:none}.sal-menu-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:auto}.sal-menu-card-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(245,208,120,.18);border-radius:16px;background:#f5d0781a;box-shadow:inset 0 1px #ffffff0f}.sal-menu-card-badge{padding:4px 9px;border:1px solid rgba(245,208,120,.18);border-radius:999px;background:#080a104d;color:#e7d2a1;font-size:.68rem;font-weight:760}.sal-menu-card-art{position:relative;z-index:1;display:block;width:calc(100% + 36px);height:clamp(185px,36vh,330px);margin:14px -18px clamp(16px,4vh,42px);overflow:hidden;border-top:1px solid rgba(245,208,120,.1);border-bottom:1px solid rgba(245,208,120,.08);background:radial-gradient(circle at 50% 78%,rgba(245,208,120,.12),transparent 42%),linear-gradient(180deg,#080a1033,#080a1080);opacity:.98;transition:transform .18s ease,filter .18s ease}.sal-menu-card-art:before,.sal-menu-card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sal-menu-card-art:before{background:linear-gradient(180deg,#10131b0d,#10131b14,#10131b9e),radial-gradient(circle at 50% 72%,rgba(245,208,120,.18),transparent 42%)}.sal-menu-card-art:after{box-shadow:inset 0 0 70px #0000008a}.sal-menu-card-art img{width:100%;height:100%;object-fit:contain;object-position:center;padding:8px 12px 12px;transform:scale(1);transition:transform .22s ease,filter .22s ease}.sal-menu-card-art--new img,.sal-menu-card-art--second img{object-position:center}.sal-menu-card-art--charge img{object-position:center;padding:8px 10px 12px}.sal-menu-card:hover .sal-menu-card-art{transform:translateY(-3px)}.sal-menu-card:hover .sal-menu-card-art img{transform:scale(1.035);filter:saturate(1.08) brightness(1.03)}.sal-menu-card-art rect,.sal-menu-card-art path,.sal-menu-card-art circle{vector-effect:non-scaling-stroke}.sal-art-shine,.sal-art-spark{fill:none;stroke:#fff1b9;stroke-width:5;stroke-linecap:round;opacity:.88}.sal-art-cable{fill:none;stroke-width:7;stroke-linecap:round;opacity:.85}.sal-art-cable--green{stroke:#47c995}.sal-art-cable--red{stroke:#e07a6a}.sal-art-scratch{fill:none;stroke:#f7f1e86b;stroke-width:5;stroke-linecap:round}.sal-art-recycle{fill:none;stroke:#f5d078;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.86}.sal-menu-card--new .sal-menu-card-glow{background:radial-gradient(circle at 50% 50%,rgba(245,208,120,.32),transparent 48%),radial-gradient(circle at 22% 62%,rgba(255,241,185,.12),transparent 36%)}.sal-menu-card--second .sal-menu-card-glow{background:radial-gradient(circle at 50% 50%,rgba(232,160,110,.28),transparent 46%),radial-gradient(circle at 26% 58%,rgba(201,120,72,.14),transparent 36%)}.sal-menu-card--charge .sal-menu-card-glow{background:radial-gradient(circle at 50% 50%,rgba(94,224,173,.28),transparent 46%),radial-gradient(circle at 28% 58%,rgba(62,185,137,.14),transparent 34%),radial-gradient(circle at 72% 55%,rgba(103,215,232,.12),transparent 34%)}.sal-menu-card strong{position:relative;z-index:1;margin-top:auto;color:#fff8e8;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.sal-menu-card>span:not(.sal-menu-card-glow):not(.sal-menu-card-top){position:relative;z-index:1;margin-top:8px;color:#f7f1e8a8;font-size:.86rem;line-height:1.45}.sal-menu-card em{position:relative;z-index:1;margin-top:22px;color:#f5d078;font-size:.78rem;font-style:normal;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.sal-header-kicker{margin:0 0 2px;color:#f5d078;font-size:.62rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.sal-mode-back{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(245,208,120,.16);border-radius:12px;background:#080a105c;color:#f5d078;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.sal-mode-back:hover{border-color:#f5d07861;background:#f5d0781a;color:#fff6df}.sal-page--new .sal-quick-pos{display:none}.sal-catalog--focused{justify-content:center;padding:18px}.sal-catalog--focused .sal-quick-pos{width:min(100%,760px);margin:0 auto;padding:20px 18px 18px;border-radius:22px;border-color:#f5d07838;background:linear-gradient(145deg,#f5d07821,#67d7e809),#10121ac2;box-shadow:0 18px 48px #00000047}.sal-page--charge .sal-catalog--focused .sal-quick-pos{border-color:#5ed2aa47;background:linear-gradient(145deg,#3eb98924,#67d7e80d 48%,#f5d0780a),#10121ac7}.sal-quick-pos--single .sal-quick-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;text-align:center}.sal-quick-pos--single .sal-quick-head h2{margin:0;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:#f6efd8;font-weight:750;line-height:1.2}.sal-quick-pos--single .sal-quick-head-line{width:min(240px,58%);height:1px;background:linear-gradient(90deg,transparent 0%,rgba(245,208,120,.6) 50%,transparent 100%)}.sal-page--charge .sal-quick-pos--single .sal-quick-head-line{background:linear-gradient(90deg,transparent 0%,rgba(126,224,184,.65) 50%,transparent 100%)}.sal-page--charge .sal-quick-pos--single .sal-quick-head h2{color:#e8fff4}.sal-quick-pos--single .sal-quick-grid{grid-template-columns:1fr}.sal-quick-pos--single .sal-quick-card{gap:12px;padding:16px;border-radius:18px;border-color:#ffffff14;background:#0a0c128c}.sal-page--charge .sal-quick-card--service{border-color:#5ed2aa2e;background:linear-gradient(160deg,#3eb9891a,#0a0c128c)}.sal-page--second .sal-quick-card--used{border-color:#f5b4642e;background:linear-gradient(160deg,#c9943a1a,#0a0c128c)}.sal-quick-pos--single .sal-quick-card input{height:44px!important;min-height:44px!important;padding:0 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;background:#00000057!important;font-size:.9rem!important}.sal-page--charge .sal-quick-card input:focus{border-color:#7ee0b880!important;box-shadow:0 0 0 3px #3eb98924!important}.sal-quick-pos--single .sal-quick-row{gap:10px;align-items:stretch}.sal-quick-pos--single .sal-quick-row input{flex:1;min-width:0}.sal-quick-add,.sal-quick-pos--single .sal-quick-row .sal-quick-add{flex:0 0 auto;min-width:128px!important;min-height:44px!important;height:44px!important;padding:0 22px!important;border:1px solid rgba(255,230,170,.45)!important;border-radius:12px!important;font-size:.86rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;color:#1a1408!important;background:linear-gradient(135deg,#f3d78a,#e0b34a 42%,#c9943a)!important;box-shadow:0 10px 24px #c9943a5c,inset 0 1px #ffffff6b;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.sal-quick-add:hover,.sal-quick-pos--single .sal-quick-row .sal-quick-add:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 28px #c9943a70,inset 0 1px #ffffff80}.sal-page--charge .sal-quick-add{border-color:#b4ffdc66!important;color:#06241a!important;background:linear-gradient(135deg,#8eebc4,#3eb989 45%,#2a9a74)!important;box-shadow:0 10px 24px #3eb9895c,inset 0 1px #ffffff59}.sal-page--charge .sal-quick-add:hover{box-shadow:0 14px 28px #3eb98975,inset 0 1px #ffffff6b}@media(max-width:980px){.sal-menu-grid{grid-template-columns:1fr}.sal-menu-card{min-height:190px}}@media(max-width:720px){.sal-menu-page{padding:8px}.sal-menu-hero{align-items:stretch;flex-direction:column;padding:16px}.sal-menu-cart{justify-content:center}.sal-catalog--focused{justify-content:flex-start;padding:12px}}.main-content:has(.po-page--list){background:radial-gradient(circle at 12% -8%,rgba(245,208,120,.14),transparent 32%),radial-gradient(circle at 92% 0%,rgba(103,215,232,.06),transparent 28%),linear-gradient(160deg,#10131b,#171622 52%,#10131b)!important}.po-page--list{display:flex;flex-direction:column;gap:16px;padding:12px 8px 40px;max-width:1280px}.po-page--list .doc-hero{align-items:stretch!important;gap:20px!important;margin:0!important;padding:22px 24px!important;border:1px solid rgba(245,208,120,.22)!important;border-radius:20px;background:linear-gradient(135deg,#f5d07829,#67d7e80a 48%,#ffffff05),#16161eeb!important;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff0f}.po-page--list .doc-hero-sub{max-width:560px;margin-top:10px!important;line-height:1.55!important;color:#a8b0c4!important}.po-hero-side{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:14px;min-width:min(280px,100%);flex-shrink:0}.po-page--list .doc-hero-badge{justify-content:flex-start;padding:12px 14px!important;border-radius:14px!important;background:#f5d07814!important;border:1px solid rgba(245,208,120,.2)!important}.po-cta{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px!important;border:1px solid rgba(255,230,170,.55)!important;border-radius:16px!important;cursor:pointer;text-align:left;color:#1a1408!important;background:linear-gradient(135deg,#f3d78a,#e0b34a 42%,#c9943a)!important;box-shadow:0 14px 32px #c9943a61,inset 0 1px #ffffff73,inset 0 -1px #7850142e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.po-cta:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 18px 40px #c9943a7a,inset 0 1px #ffffff80}.po-cta:active{transform:translateY(0)}.po-cta-ico{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;font-size:1.35rem;line-height:1;font-weight:700;color:#f5d078;background:#1a1408e0;box-shadow:inset 0 0 0 1px #f5d07840}.po-cta-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.po-cta-copy strong{font-size:.95rem!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;color:#1a1408!important;text-shadow:none!important}.po-cta-copy em{font-style:normal;font-size:.72rem;font-weight:600;color:#1a1408b8;line-height:1.3}.po-filters{margin:0!important;padding:20px 22px!important;border-radius:18px!important;border:1px solid rgba(245,208,120,.16)!important;background:linear-gradient(165deg,#ffffff0a,#ffffff04),#181a24eb!important;box-shadow:0 14px 36px #00000047;overflow:visible!important;position:relative;z-index:4}.po-filters-grid{display:grid!important;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(120px,1fr))!important;gap:16px 14px!important;align-items:start}.po-field{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0;margin:0}.po-field>span{display:block;font-size:.68rem!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:#f5d078!important;line-height:1.2}.po-page--list .po-filters input,.po-page--list .po-filters select{width:100%!important;min-width:0!important;min-height:42px!important;height:42px!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid rgba(245,208,120,.18)!important;background:#0e1018eb!important;color:#e8ecf4!important;font-size:.88rem!important;line-height:1.3!important;box-sizing:border-box}.po-page--list .po-filters input[type=date]{min-width:0!important;color-scheme:dark}.po-filters-actions{display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:16px!important;justify-content:flex-start!important;align-items:center}.po-page--list .po-filters-actions .doc-btn{min-height:42px!important;padding:10px 20px!important;font-size:.86rem!important;border-radius:12px!important}.po-list-panel{margin:0!important;padding:18px 18px 14px!important;border-radius:18px!important;border:1px solid rgba(245,208,120,.14)!important;background:linear-gradient(165deg,#ffffff0a,#ffffff03),#181a24eb!important;box-shadow:0 14px 36px #00000047;overflow:hidden}.po-list-panel .doc-table-head{margin-bottom:14px!important;padding:0 4px 12px;border-bottom:1px solid rgba(245,208,120,.12)}.po-list-panel .doc-table-head h2{margin:0!important;font-size:1rem!important;letter-spacing:.12em!important;text-transform:uppercase;color:#f6dfaa!important}.po-list-panel .doc-table-head span{color:#f5d078!important;font-size:.78rem;font-weight:700;letter-spacing:.06em}.po-list-panel .doc-table-wrap{border:0!important;border-radius:12px;overflow:auto}.po-table{min-width:880px}.po-page--list .po-table th{padding:12px 14px!important;font-size:.68rem!important;letter-spacing:.12em!important;color:#f5d078!important;background:#f5d0780f!important;border-bottom:1px solid rgba(245,208,120,.14)!important;white-space:nowrap}.po-page--list .po-table td{padding:14px!important;font-size:.9rem!important;line-height:1.35!important;vertical-align:middle!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.po-page--list .po-table tbody tr{cursor:pointer;transition:background .15s ease}.po-page--list .po-table tbody tr:hover{background:#f5d0780f!important}.po-cell-date,.po-cell-user{white-space:nowrap;color:#b7bfcf!important}.po-cell-supplier{font-weight:600;color:#eef2fa!important;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-qty{display:inline-flex;align-items:baseline;gap:3px;padding:6px 10px;border-radius:999px;background:#f5d0781a;border:1px solid rgba(245,208,120,.2);font-variant-numeric:tabular-nums;white-space:nowrap}.po-qty strong{font-size:.95rem!important;font-weight:800!important;color:#f5d078!important;text-shadow:none!important}.po-qty span{color:#f5d0788c;font-weight:600}.po-qty em{font-style:normal;font-size:.88rem;font-weight:700;color:#e8ecf4}.po-page--list .po-status{padding:5px 10px!important;border-radius:999px!important;font-size:.68rem!important;letter-spacing:.08em;white-space:nowrap}@media(max-width:1100px){.po-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.po-field--search{grid-column:1 / -1}}@media(max-width:820px){.po-page--list .doc-hero{flex-direction:column!important;align-items:stretch!important}.po-hero-side{width:100%}.po-filters-grid{grid-template-columns:1fr!important}}.main-content:has(.pph-page){background:radial-gradient(circle at 10% -8%,rgba(245,208,120,.12),transparent 30%),radial-gradient(circle at 90% 0%,rgba(103,215,232,.05),transparent 26%),linear-gradient(160deg,#10131b,#171622 52%,#10131b)!important}.pph-page{gap:18px!important;padding:12px 8px 40px!important;max-width:1320px;margin:0 auto}.pph-header{margin:0!important;padding:20px 22px!important;border-radius:18px;border:1px solid rgba(245,208,120,.2)!important;background:linear-gradient(135deg,#f5d07824,#67d7e80a 50%,#ffffff05),#16161eeb!important;box-shadow:0 16px 42px #0000004d}.pph-header h1{letter-spacing:.1em!important;text-transform:uppercase;color:#f6dfaa!important}.pph-link{align-self:flex-start;padding:8px 12px;border-radius:999px;border:1px solid rgba(245,208,120,.28);background:#f5d07814;text-decoration:none!important}.pph-filters{gap:14px 12px!important;margin:0!important;padding:18px 20px!important;border-radius:18px!important;border:1px solid rgba(245,208,120,.14)!important;background:linear-gradient(165deg,#ffffff0a,#ffffff03),#181a24eb!important;box-shadow:0 12px 32px #00000042;overflow:visible!important}.pph-field{gap:8px!important}.pph-field>span{display:block;font-size:.68rem!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:#f5d078!important;line-height:1.2}.pph-page .pph-filters input,.pph-page .pph-filters select{min-height:42px!important;height:42px!important;padding:10px 12px!important;border-radius:12px!important;border:1px solid rgba(245,208,120,.18)!important;background:#0e1018eb!important;font-size:.88rem!important;color-scheme:dark}.pph-filters-actions{display:flex;align-items:flex-end;min-height:42px}.pph-page .pph-btn{min-height:42px!important;height:42px!important;padding:0 18px!important;border-radius:12px!important;border:1px solid rgba(255,230,170,.4)!important;box-shadow:0 10px 22px #c9943a52}.pph-stats{gap:12px!important}.pph-page .pph-stat{min-height:unset!important;padding:16px 18px!important;border-radius:16px!important;border:1px solid rgba(245,208,120,.14)!important;background:linear-gradient(160deg,#ffffff0a,#ffffff03),#181a24e6!important;box-shadow:0 10px 28px #00000038}.pph-page .pph-stat strong{margin-top:8px!important;font-size:1.35rem!important;line-height:1.15!important}.pph-stat--up{border-color:#7ddea038!important}.pph-stat--down{border-color:#f46a6a38!important}.pph-layout{gap:16px!important;align-items:stretch!important}.pph-page .pph-panel{padding:18px!important;border-radius:18px!important;border:1px solid rgba(245,208,120,.14)!important;background:linear-gradient(165deg,#ffffff0a,#ffffff03),#181a24eb!important;box-shadow:0 12px 32px #00000042}.pph-page .pph-table th{padding:12px!important;font-size:.68rem!important;background:#f5d0780f!important}.pph-page .pph-table td{padding:12px!important;font-size:.86rem!important}.pph-cell-time,.pph-cell-doc{white-space:nowrap;color:#b7bfcf!important}.pph-detail{height:100%;min-height:280px}.main-content{overflow-x:clip}.main-content :where(.perm-checks,.doc-filters-grid,.po-filters-grid,.pph-filters,.pph-stats,.pph-layout,.sal-menu-grid,.chk-split-row,.doc-form-grid,.doc-detail-list){min-width:0}.main-content :where(.perm-check,.perm-check span,label,.field,.form-field,[class*=-field],[class*=-check],td,th){min-width:0;max-width:100%}.main-content :where(.perm-check span,label>span,td,.doc-mono){overflow-wrap:anywhere;word-break:break-word}.main-content :where(input[type=checkbox],input[type=radio]){flex-shrink:0}.main-content .perm-checks{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important;gap:12px 18px!important}.main-content .perm-group{overflow:hidden!important;padding:16px 18px!important}.main-content .perm-check{gap:10px!important;line-height:1.35!important}.main-content .perm-check span{display:block;line-height:1.35}@media(max-width:720px){.main-content .perm-checks{grid-template-columns:1fr!important}}.main-content :where(.hero-card,.dash-hero,.doc-hero,.reg-hero,.prd-header,.sal-header,.sal-hero,.chk-header,.set-hero,.set-header,.rcp-hero,.esl-hero,.wrn-hero,.shp-hero,.exp-header,.imp-header,.pph-header,.bkr-hero,.rcv-hero,.perm-hero,.po-page .doc-hero,.sup-hero){padding:20px 22px 20px 28px!important}.main-content .perm-hero h1{margin-bottom:12px!important;padding-bottom:10px!important}.main-content .perm-sub{margin-top:6px!important;max-width:640px}.main-content:has(.ksd-page){padding:14px;background:radial-gradient(circle at 8% -8%,rgba(245,208,120,.16),transparent 30%),radial-gradient(circle at 94% 4%,rgba(59,130,246,.12),transparent 28%),linear-gradient(150deg,#0d111a,#151621 48%,#10131b)}.ksd-page{width:min(1380px,100%);margin:0 auto;color:#eef2f8}.ksd-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:148px;padding:26px 30px;overflow:hidden;border:1px solid rgba(245,208,120,.22);border-radius:24px;background:linear-gradient(118deg,#f5d0782e,#2c3043d6 48%,#3b82f61c),#181a24;box-shadow:0 22px 55px #00000057,inset 0 1px #ffffff12}.ksd-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#fff0b8,#d4af69 52%,#60a5fa);box-shadow:0 0 24px #f5d07866}.ksd-hero:after{content:"";position:absolute;width:260px;height:260px;right:-80px;top:-150px;border-radius:50%;background:#60a5fa1a;filter:blur(2px)}.ksd-hero-copy,.ksd-hero-actions{position:relative;z-index:1}.ksd-eyebrow{margin:0 0 7px;color:#f5d078;font-size:.69rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.ksd-hero h1{margin:0;color:#fff8e5;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:850;line-height:1.1;letter-spacing:.06em;text-transform:uppercase}.ksd-greeting{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;color:#aeb8cb;font-size:.86rem}.ksd-greeting strong{color:#eaf0fb}.ksd-hero-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ksd-live,.ksd-refresh{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border-radius:12px;font-size:.77rem;font-weight:700}.ksd-live{color:#94e9c3;border:1px solid rgba(62,207,142,.27);background:#3ecf8e1a}.ksd-live i{width:8px;height:8px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 12px #3ecf8ebf}.ksd-live.is-loading i{background:#f5d078;animation:ksd-pulse 1s ease-in-out infinite}@keyframes ksd-pulse{50%{opacity:.35}}.ksd-refresh{border:1px solid rgba(245,208,120,.34);color:#1a1408;background:linear-gradient(135deg,#f3d78a,#d4af52 55%,#bd8733);box-shadow:0 10px 24px #c9943a42;cursor:pointer}.ksd-refresh:disabled{opacity:.6;cursor:wait}.ksd-metrics{display:grid;grid-template-columns:1.45fr repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.ksd-metric{position:relative;min-width:0;min-height:142px;padding:19px 20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:linear-gradient(145deg,#ffffff0d,#ffffff03),#181a24e6;box-shadow:0 14px 34px #00000040,inset 0 1px #ffffff0a}.ksd-metric--primary{border-color:#f5d07847;background:radial-gradient(circle at 92% 10%,rgba(245,208,120,.17),transparent 42%),linear-gradient(145deg,#f5d0781f,#161821f0)}.ksd-metric--blue{border-color:#60a5fa33}.ksd-metric--violet{border-color:#a78bfa33}.ksd-metric--amber{border-color:#fbbf2433}.ksd-metric-label{display:block;color:#929db3;font-size:.68rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.ksd-metric>strong{display:block;margin-top:16px;color:#f5f7fb;font-size:clamp(1.25rem,2.1vw,1.9rem);line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:normal;word-break:normal}.ksd-metric--primary>strong{color:#f6d77f;font-size:clamp(1.5rem,2.7vw,2.3rem);filter:drop-shadow(0 3px 14px rgba(245,208,120,.2))}.ksd-metric small{display:block;margin-top:9px;color:#7f899e;font-size:.72rem}.ksd-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px;margin-top:12px}.ksd-panel{min-width:0;min-height:250px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,#ffffff0b,#ffffff03),#161822eb;box-shadow:0 14px 34px #0000003d,inset 0 1px #ffffff0a}.ksd-panel--hourly{border-color:#60a5fa29}.ksd-panel--products{border-color:#f472b626}.ksd-panel--cash{border-color:#3ecf8e29}.ksd-panel--customers{border-color:#f5d07829}.ksd-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.07)}.ksd-panel-kicker{display:block;margin-bottom:4px;color:#7e8aa2;font-size:.62rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.ksd-panel h2{margin:0;color:#f5ead0;font-size:.98rem;letter-spacing:.04em}.ksd-panel-badge{padding:4px 9px;border:1px solid rgba(96,165,250,.24);border-radius:999px;color:#93c5fd;background:#60a5fa17;font-size:.66rem;white-space:nowrap}.ksd-hours{display:flex;flex-direction:column;gap:13px}.ksd-hour{display:grid;grid-template-columns:52px minmax(70px,1fr) minmax(92px,auto);align-items:center;gap:12px;font-size:.73rem}.ksd-hour>span{color:#8f9ab0}.ksd-hour>strong{color:#c8d5ec;font-size:.74rem;text-align:right;font-variant-numeric:tabular-nums}.ksd-hour-track{height:7px;overflow:hidden;border-radius:999px;background:#ffffff0e}.ksd-hour-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,#8b5cf6,#f472b6);box-shadow:0 0 12px #60a5fa4d}.ksd-product-list{list-style:none;margin:0;padding:0}.ksd-product-list li,.ksd-customers>div{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.ksd-product-list li:last-child,.ksd-customers>div:last-child{border-bottom:0}.ksd-product-list li>span:nth-child(2),.ksd-customers>div>span:nth-child(2){flex:1;min-width:0}.ksd-product-list li>span strong,.ksd-customers strong{display:block;overflow:hidden;color:#e8edf7;font-size:.77rem;text-overflow:ellipsis;white-space:nowrap}.ksd-product-list small,.ksd-customers small{display:block;margin-top:3px;color:#778198;font-size:.65rem}.ksd-product-list b,.ksd-customers b{flex-shrink:0;color:#f5d078;font-size:.73rem;font-variant-numeric:tabular-nums}.ksd-cash-list{display:grid;gap:10px}.ksd-cash-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;padding:11px 13px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff06}.ksd-cash-list span{color:#8f9ab0;font-size:.72rem}.ksd-cash-list strong{color:#7ee0b8;font-size:.82rem;font-variant-numeric:tabular-nums;text-align:right}@media(max-width:1120px){.ksd-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.ksd-hero{align-items:flex-start;flex-direction:column}.ksd-grid{grid-template-columns:1fr}}@media(max-width:620px){.main-content:has(.ksd-page){padding:8px}.ksd-hero{padding:22px 20px;border-radius:18px}.ksd-hero-actions{width:100%;justify-content:space-between}.ksd-metrics{grid-template-columns:1fr}.ksd-metric{min-height:126px}.ksd-hour{grid-template-columns:44px minmax(60px,1fr)}.ksd-hour>strong{grid-column:2}}.db-ticker{display:flex;align-items:stretch;min-height:48px;margin-top:12px;overflow:hidden;border:1px solid rgba(245,208,120,.3);border-radius:15px;background:linear-gradient(90deg,#f5d0781a,#11131cf5 20%,#1c1814f0),#12141c;box-shadow:0 14px 34px #0000004d,inset 0 1px #ffffff0e,0 0 24px #c9943a14}.dash-board>.db-ticker{margin:12px}.db-ticker-label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 17px;border-right:1px solid rgba(245,208,120,.28);color:#211706;background:linear-gradient(135deg,#f5dc91,#d8ae4a 55%,#bc8130);font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:8px 0 22px #00000047}.db-ticker-label i{font-style:normal;font-size:.88rem}.db-ticker-window{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.db-ticker-track{display:flex;align-items:center;flex:0 0 max-content;min-width:max-content;padding-left:100%;color:#f7edda;animation:db-ticker-run 28s linear infinite;will-change:transform}.db-ticker:hover .db-ticker-track{animation-play-state:paused}.db-ticker-track span{padding:0 42px;font-size:.82rem;font-weight:650;letter-spacing:.055em;white-space:nowrap;text-shadow:0 0 15px rgba(245,208,120,.2)}.db-ticker-track b{color:#f5d078;font-size:.62rem;filter:drop-shadow(0 0 8px rgba(245,208,120,.55))}@keyframes db-ticker-run{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.db-ticker-track{padding-left:0;animation:none}.db-ticker-track span:nth-of-type(2),.db-ticker-track b{display:none}}.aps-section--ticker{border-color:#f5d07833!important;background:radial-gradient(circle at 92% 0%,rgba(245,208,120,.1),transparent 38%),#ffffff06!important}.aps-ticker-editor{display:grid;gap:14px}.aps-ticker-field{display:flex;flex-direction:column;gap:7px;min-width:0}.aps-ticker-field>span{color:#f5d078;font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.aps-ticker-field textarea{width:100%;min-height:88px!important;padding:13px 14px!important;resize:vertical;border:1px solid rgba(245,208,120,.2)!important;border-radius:13px!important;color:#edf2fa!important;background:#090b1194!important;font-size:.86rem!important;line-height:1.5}.aps-ticker-field textarea:focus{border-color:#f5d07880!important;box-shadow:0 0 0 3px #f5d0781a;outline:none}.aps-ticker-field small{align-self:flex-end;color:#707b91;font-size:.66rem}.aps-ticker-preview{display:grid;gap:7px;padding:13px;border:1px solid rgba(245,208,120,.15);border-radius:14px;background:#0c0e15b3;transition:opacity .2s}.aps-ticker-preview.is-disabled{opacity:.42}.aps-ticker-preview-label{color:#7f899d;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.aps-ticker-preview>div{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 14px;overflow:hidden;border-radius:10px;color:#f7edda;background:linear-gradient(90deg,#f5d0781c,#ffffff06);font-size:.78rem;white-space:nowrap}.aps-ticker-preview i{flex-shrink:0;color:#f5d078;font-style:normal}.aps-ticker-preview>div span{overflow:hidden;text-overflow:ellipsis}@media(max-width:620px){.db-ticker{min-height:44px;border-radius:12px}.db-ticker-label{padding:0 11px;font-size:.6rem}.db-ticker-track span{padding:0 26px;font-size:.75rem}}.app-layout--music .main-content{padding-bottom:96px}.app-layout--music.app-layout--music-min .main-content{padding-bottom:76px}.app-layout--music .fab{bottom:100px}.app-layout--music.app-layout--music-min .fab{bottom:80px}.app-layout--music .snackbar{bottom:96px}.app-layout--music.app-layout--music-min .snackbar{bottom:76px}.gmp-bar{position:fixed;left:calc(var(--sidebar-current-width) + 16px);right:16px;bottom:12px;z-index:240;display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(120px,.7fr) auto;align-items:center;gap:14px;min-height:64px;padding:10px 16px;border:1px solid rgba(212,175,105,.28);border-radius:16px;background:linear-gradient(135deg,#241e18f5,#121014f7 55%,#0e0c10fa);box-shadow:0 10px 32px #00000073,inset 0 1px #e8d5a814;color:#f3e7cf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gmp-bar--mini{left:auto;right:16px;bottom:14px;width:min(280px,calc(100vw - 32px));min-height:52px;padding:8px 10px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.gmp-btn--chrome{width:32px;height:32px;color:#c9b48a;border-color:#d4af6938;background:#ffffff08}.gmp-mini-title{min-width:0;display:grid;gap:1px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.gmp-mini-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:700;color:#fff8ea}.gmp-mini-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa3b5;font-size:.66rem}.gmp-meta{min-width:0;display:grid;gap:2px}.gmp-kicker{color:var(--gold-soft);font-size:.62rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.gmp-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;color:#fff8ea}.gmp-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa3b5;font-size:.7rem}.gmp-status.is-error{color:#e7a090}.gmp-controls{display:flex;align-items:center;gap:8px}.gmp-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(212,175,105,.28);border-radius:999px;background:#ffffff0a;color:var(--gold-soft);cursor:pointer}.gmp-btn:hover{border-color:#d4af698c;background:#d4af691f}.gmp-btn--main{width:44px;height:44px;color:#1c1610;background:linear-gradient(160deg,var(--gold-soft),var(--gold),var(--gold-deep));border-color:transparent}.gmp-btn--main:hover{filter:brightness(1.05);background:linear-gradient(160deg,var(--gold-soft),var(--gold),var(--gold-deep))}.gmp-volume{display:flex;align-items:center;gap:8px;min-width:0}.gmp-volume-label{color:#8d97ab;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.gmp-volume input[type=range]{flex:1;min-width:0;accent-color:var(--gold)}.aps-section--music{border-color:#d4af6938!important;background:radial-gradient(circle at 8% 0%,rgba(212,175,105,.1),transparent 40%),#ffffff06!important}.aps-music-editor{display:grid;gap:14px}.aps-music-volume{display:grid;gap:8px}.aps-music-volume>span{color:#f5d078;font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.aps-music-volume>div{display:flex;align-items:center;gap:12px}.aps-music-volume input[type=range]{flex:1;accent-color:var(--gold)}.aps-music-volume em{min-width:42px;color:#d7deea;font-style:normal;font-size:.82rem;font-weight:700}.aps-music-add{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aps-music-upload,.aps-music-stream{display:grid;gap:8px;padding:14px;border:1px solid rgba(212,175,105,.16);border-radius:14px;background:#090b1173}.aps-music-upload strong,.aps-music-stream strong{color:#f3e7cf;font-size:.86rem}.aps-music-upload p,.aps-music-stream p{margin:0;color:#8791a5;font-size:.74rem;line-height:1.45}.aps-music-upload input[type=file]{color:#cfd6e4;font-size:.78rem}.aps-music-stream-fields{display:grid;gap:8px}.aps-music-stream-fields input{width:100%;padding:10px 12px!important;border:1px solid rgba(212,175,105,.2)!important;border-radius:10px!important;color:#edf2fa!important;background:#090b1194!important}.aps-music-list{display:grid;gap:10px}.aps-music-list-head{display:flex;align-items:center;justify-content:space-between;color:#f5d078;font-size:.78rem}.aps-music-list-head span{color:#8090a8}.aps-music-empty{margin:0;padding:16px;border:1px dashed rgba(212,175,105,.22);border-radius:12px;color:#8791a5;font-size:.8rem}.aps-music-list ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.aps-music-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(212,175,105,.14);border-radius:12px;background:#0c0e15a6}.aps-music-list li.is-off{opacity:.55}.aps-music-track-main{display:flex;align-items:flex-start;gap:10px;min-width:0;flex:1}.aps-music-track-main>div{min-width:0;display:grid;gap:2px}.aps-music-track-main strong{color:#f7edda;font-size:.84rem}.aps-music-track-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#748094;font-size:.68rem}.aps-music-badge{flex-shrink:0;padding:3px 8px;border-radius:999px;border:1px solid rgba(212,175,105,.3);color:var(--gold-soft);font-size:.62rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.aps-music-track-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.aps-music-track-actions button{padding:6px 10px;border:1px solid rgba(212,175,105,.22);border-radius:8px;background:#ffffff0a;color:#e8eef8;font-size:.72rem;cursor:pointer}.aps-music-track-actions button:disabled{opacity:.4;cursor:not-allowed}.aps-music-track-actions button.is-danger{border-color:#e07a6a66;color:#f0b4a8}@media(max-width:900px){.aps-music-add{grid-template-columns:1fr}.gmp-bar:not(.gmp-bar--mini){left:12px;right:12px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"meta controls chrome" "volume volume volume";gap:8px 12px;padding:10px 12px}.gmp-bar:not(.gmp-bar--mini) .gmp-meta{grid-area:meta}.gmp-bar:not(.gmp-bar--mini) .gmp-controls{grid-area:controls}.gmp-bar:not(.gmp-bar--mini) .gmp-volume{grid-area:volume}.gmp-bar:not(.gmp-bar--mini) .gmp-btn--chrome{grid-area:chrome}}@media(max-width:720px){.app-layout--music:not(.app-layout--music-min) .main-content{padding-bottom:112px}.app-layout--music.app-layout--music-min .main-content{padding-bottom:72px}.gmp-bar:not(.gmp-bar--mini){left:8px;right:8px;bottom:8px}.gmp-bar--mini{right:8px;bottom:8px}.aps-music-list li{flex-direction:column;align-items:stretch}.aps-music-track-actions{justify-content:flex-start}}.main-content .prd-page:not(.prd-page--detail) .prd-card{grid-template-columns:auto minmax(0,1fr) auto!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-main{min-width:0;padding-right:4px!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side{width:auto;min-width:0;display:flex;flex-direction:row;align-items:center;align-self:center;gap:4px;padding:4px 8px 4px 4px;border-left:none;background:transparent}.main-content .prd-page:not(.prd-page--detail) .prd-card-side:not(:has(.prd-edit-btn)){grid-template-rows:none}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-stock{width:auto!important;min-width:46px!important;min-height:0;margin:0!important;padding:5px 8px!important;border-radius:8px!important;align-self:center!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-edit-btn{width:30px!important;height:30px;min-height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f5d078;background:#ffffff09}.main-content .prd-page:not(.prd-page--detail) .prd-card-side .prd-edit-btn:hover{color:#17120a;background:linear-gradient(135deg,#f6d983,#c9943a)}.main-content .prd-page:not(.prd-page--detail) .prd-card-info{flex:1 1 auto;min-width:0}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{margin-inline:auto}@media(max-width:768px){.main-content .prd-page:not(.prd-page--detail) .prd-card-side{width:64px;min-width:64px}.main-content .prd-page:not(.prd-page--detail) .prd-card-main{padding-right:6px!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{margin:0 4px 8px 58px}}.main-content .prd-page:not(.prd-page--detail) .prd-card-main{display:grid!important;grid-template-columns:40px minmax(0,1fr);align-items:center!important;column-gap:8px!important;overflow:hidden}.main-content .prd-page:not(.prd-page--detail) .prd-card-info{width:auto;min-width:0;max-width:none}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{display:none!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment-list{width:100%;max-height:3.05em;overflow:hidden}.main-content .prd-page:not(.prd-page--detail) .prd-fitment-list li{display:-webkit-box;overflow:hidden;white-space:normal;text-align:justify;text-align-last:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.main-content .prd-page:not(.prd-page--detail) .prd-fitment small{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:900px){.main-content .prd-page:not(.prd-page--detail) .prd-card-main{grid-template-columns:40px minmax(0,1fr);column-gap:8px!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{padding-inline:10px}}@media(max-width:640px){.main-content .prd-page:not(.prd-page--detail) .prd-card-main{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto;padding-right:2px!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{grid-column:1 / -1;min-height:54px;border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.07)}}@media(max-width:768px){.main-content,.app-layout--collapsed .main-content{width:100%!important;min-width:0!important;margin-left:0!important;padding-top:calc(58px + env(safe-area-inset-top))!important;overflow-x:hidden!important}.main-content:has(.dash-board){height:auto!important;min-height:100dvh!important;padding:calc(70px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))!important;overflow:visible!important}.dash-board{overflow:visible!important}.dash-top,.dash-mid,.dash-bottom{grid-template-columns:minmax(0,1fr)!important;min-height:0!important}.dash-cell{min-width:0!important;min-height:150px!important;padding:15px 14px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.dash-cell--chart{min-height:300px!important}.dash-period-bar{align-items:stretch!important;padding:14px!important}.dash-period-title,.dash-period-filters,.dash-date-input,.dash-period-filters button{width:100%!important}.dash-period-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.dash-cell:has(.dash-table){overflow-x:auto!important;-webkit-overflow-scrolling:touch}.dash-table{min-width:560px}.ksd-hero{padding:18px 14px!important}.ksd-hero-actions,.ksd-hero-actions>*{width:100%!important}.ksd-metrics,.ksd-grid{grid-template-columns:minmax(0,1fr)!important}.main-content:has(.sal-page){height:auto!important;min-height:100dvh!important;padding:calc(58px + env(safe-area-inset-top)) 0 0!important;overflow:visible!important}.sal-page{height:auto!important;min-height:calc(100dvh - 58px)!important;overflow:visible!important}.sal-header{padding:12px 13px!important;flex-direction:column!important;align-items:stretch!important}.sal-header-stats{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important}.sal-body{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:visible!important}.sal-catalog{height:auto!important;max-height:none!important;min-height:0!important;padding:12px!important;overflow:visible!important}.sal-quick-grid{grid-template-columns:minmax(0,1fr)!important}.sal-product-list{min-height:300px!important;max-height:54dvh!important;overflow-y:auto!important}.sal-cart-panel{height:auto!important;min-height:360px!important;max-height:none!important;border-left:0!important;border-top:1px solid rgba(214,176,98,.18)!important;overflow:visible!important}.sal-cart-body{min-height:220px!important;max-height:46dvh!important;overflow-y:auto!important}.sal-cart-footer{position:sticky!important;z-index:5;bottom:0;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}.main-content:has(.chk-page){height:auto!important;min-height:100dvh!important;padding:calc(58px + env(safe-area-inset-top)) 0 0!important;overflow:visible!important;display:block!important}.chk-page{height:auto!important;min-height:calc(100dvh - 58px)!important;overflow:visible!important}.chk-body{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important}.chk-visual,.chk-order,.chk-form-panel{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding:15px 13px!important;border-right:0!important;overflow:visible!important}.chk-visual-grid,.chk-visual-grid--single{min-height:0!important;max-height:none!important;overflow:visible!important}.chk-visual-grid--single .chk-visual-frame{min-height:190px!important;max-height:260px!important;aspect-ratio:16 / 9!important}.chk-visual-card{width:100%!important}.chk-form-grid,.chk-coupon-row{grid-template-columns:minmax(0,1fr)!important}.chk-pay-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.chk-btn--pay{position:sticky!important;z-index:5;bottom:calc(8px + env(safe-area-inset-bottom))}.main-content .prd-page:not(.prd-page--detail) .prd-header,.main-content .prd-page:not(.prd-page--detail) .prd-toolbar,.main-content .prd-page:not(.prd-page--detail) .prd-body{padding-left:10px!important;padding-right:10px!important}.main-content .prd-page:not(.prd-page--detail) .prd-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.main-content .prd-page:not(.prd-page--detail) .prd-header-stats{width:100%!important;justify-content:flex-start!important}.main-content .prd-page:not(.prd-page--detail) .prd-filters{width:100%!important;align-items:stretch!important;flex-direction:column!important}.main-content .prd-page:not(.prd-page--detail) .prd-filter-group,.main-content .prd-page:not(.prd-page--detail) .prd-sort-wrap,.main-content .prd-page:not(.prd-page--detail) .prd-sort{width:100%!important}.main-content .prd-page:not(.prd-page--detail) .prd-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.main-content .prd-page:not(.prd-page--detail) .prd-actions,.main-content .prd-page:not(.prd-page--detail) .prd-share-group{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important}.main-content .prd-page:not(.prd-page--detail) .prd-card{grid-template-columns:22px minmax(0,1fr) auto!important;min-height:0!important;align-items:center!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-main{grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:7px!important;min-height:0!important;padding:5px 4px 5px 0!important}.main-content .prd-page:not(.prd-page--detail) .prd-thumb{width:38px!important;height:38px!important}.main-content .prd-page:not(.prd-page--detail) .prd-garansi{display:none!important}.main-content .prd-page:not(.prd-page--detail) .prd-fitment{display:none!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side{width:auto!important;min-width:0!important}}@media(max-width:430px){.main-content .prd-page:not(.prd-page--detail) .prd-card{grid-template-columns:20px minmax(0,1fr) auto!important}.main-content .prd-page:not(.prd-page--detail) .prd-card-side{width:auto!important;min-width:0!important;padding-right:6px!important}}.cust-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.2fr);gap:14px}.cust-panel{border:1px solid rgba(212,175,105,.18);border-radius:14px;background:#ffffff08;padding:14px}.cust-toolbar{display:flex;gap:8px;align-items:center}.cust-toolbar .chk-input{flex:1}.cust-meta{margin:10px 0;color:#8d97ab;font-size:.78rem}.cust-list,.ret-list{display:grid;gap:8px;max-height:62vh;overflow:auto}.cust-row,.ret-row{display:grid;gap:2px;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0000002e;color:inherit;cursor:pointer}.cust-row strong,.ret-row strong{color:#fff8ea}.cust-row small,.ret-row small,.cust-row em,.ret-row em{color:#8d97ab;font-style:normal;font-size:.75rem}.cust-row.is-active,.ret-row.is-active{border-color:#d4af6973;background:#d4af691a}.cust-row.is-off{opacity:.55}.ret-row.is-voided{cursor:default;opacity:.85}.cust-empty{color:#8d97ab;font-size:.85rem}.cust-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cust-form-grid label{display:grid;gap:4px}.cust-form-grid span{color:#c9b48a;font-size:.72rem;font-weight:700}.cust-span-2{grid-column:1 / -1}.cust-check{display:flex!important;align-items:center;gap:8px}.cust-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cust-history{margin-top:18px;display:grid;gap:8px}.cust-history h4{margin:8px 0 0;color:#f5d078;font-size:.82rem}.cust-history ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cust-history li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:8px 10px;border-radius:8px;background:#00000029;font-size:.8rem}.ret-form{margin-top:14px;display:grid;gap:10px}.ret-form label{display:grid;gap:4px}.ret-form span{color:#c9b48a;font-size:.72rem;font-weight:700}.chk-field{position:relative}.chk-customer-suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;display:grid;gap:2px;max-height:220px;overflow:auto;padding:6px;border-radius:10px;border:1px solid rgba(212,175,105,.28);background:#17141a;box-shadow:0 10px 24px #00000059}.chk-customer-suggest button{display:grid;gap:1px;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#f3e7cf;cursor:pointer}.chk-customer-suggest button:hover{background:#d4af691f}.chk-customer-suggest small{color:#8d97ab}.ub-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.ub-summary>div{display:grid;gap:2px;padding:12px;border-radius:12px;border:1px solid rgba(212,175,105,.16);background:#ffffff08}.ub-summary strong{color:#fff8ea;font-size:1rem}.ub-summary span{color:#8d97ab;font-size:.72rem}.page-stack{display:flex;flex-direction:column;gap:12px}.ub-toolbar{display:flex;gap:8px;align-items:stretch}.ub-toolbar .chk-input{flex:1;min-width:0}.ub-toolbar .btn{flex:0 0 auto;white-space:nowrap}.ub-form-sheet{margin-top:10px;padding-top:10px;border-top:1px solid rgba(212,175,105,.16);display:flex;flex-direction:column;gap:10px}.ub-form-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ub-form-sheet-head strong{color:var(--champagne, #f3e6c8);font-size:.9rem}.sal-unit-list{display:grid;gap:6px;margin-bottom:10px}.sal-unit-list strong{color:#f5d078;font-size:.75rem}.sal-unit-item{text-align:left;padding:8px 10px;border-radius:8px;border:1px solid rgba(212,175,105,.2);background:#0003;color:#f3e7cf;cursor:pointer;font-size:.8rem}.sal-unit-item:hover{border-color:#d4af6973;background:#d4af691a}@media(max-width:900px){.cust-layout,.cust-form-grid{grid-template-columns:1fr}.ub-summary{grid-template-columns:1fr 1fr}}.owner-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.owner-strip-item{display:grid;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid rgba(212,175,105,.16);background:#ffffff08;color:inherit;text-decoration:none}.owner-strip-item span{color:#8d97ab;font-size:.72rem}.owner-strip-item strong{color:#fff8ea;font-size:1rem}.owner-strip-item small{color:#6f7a90;font-size:.68rem}.owner-strip-item--link:hover{border-color:#d4af6966;background:#d4af6914}.notif-lead{margin:0 0 12px;color:#8d97ab;font-size:.9rem}.notif-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.notif-card{padding:12px 14px;border-radius:12px;border:1px solid rgba(212,175,105,.16);background:#ffffff08;display:grid;gap:6px}.notif-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.notif-card p{margin:0;color:#8d97ab;font-size:.85rem}.notif-kind{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:.72rem;background:#ffffff0f;color:#d7deea}.notif-kind--warranty{background:#60a5fa2e;color:#93c5fd}.notif-kind--receivable{background:#fbbf242e;color:#fcd34d}.notif-kind--low_stock{background:#f871712e;color:#fca5a5}.notif-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}@media(max-width:1100px){.owner-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.owner-strip{grid-template-columns:1fr 1fr}}.edit-lock-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);font-size:.9rem}.edit-lock-banner p{margin:4px 0 0;color:inherit;opacity:.85;font-size:.82rem}.edit-lock-banner--pending{background:#fbbf241a;border-color:#fbbf2447;color:#fcd34d}.edit-lock-banner--ok{background:#46c9891a;border-color:#46c98947;color:#9be7c0}.edit-lock-banner--blocked{background:#f871711f;border-color:#f8717159;color:#fecaca}.card.is-edit-locked,.doc-form-layout.is-edit-locked,.eds-body.is-locked{pointer-events:none;opacity:.72}.eds-footer,.edit-lock-banner{pointer-events:auto;opacity:1}.wg-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(ellipse 70% 55% at 18% 8%,rgba(212,175,105,.18),transparent 52%),radial-gradient(ellipse 55% 45% at 92% 88%,rgba(60,120,80,.12),transparent 50%),linear-gradient(165deg,#100e13,#1a171f 48%,#121014)}.wg-card{width:min(440px,100%);padding:28px 24px 22px;border-radius:18px;background:linear-gradient(160deg,#241f28f5,#16131bfa);border:1px solid rgba(212,175,105,.18);box-shadow:0 18px 48px #00000059,inset 0 1px #f3e6c814;display:flex;flex-direction:column;gap:14px}.wg-brand{text-align:center}.wg-eyebrow{margin:12px 0 4px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#d4af69;font-weight:600}.wg-brand h1{margin:0;font-size:1.35rem;color:#f3e6c8;letter-spacing:.04em}.wg-sub{margin:8px 0 0;font-size:.82rem;color:#9a958c;line-height:1.4}.wg-form{display:flex;flex-direction:column;gap:10px}.wg-field{display:flex;flex-direction:column;gap:5px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#a89f90}.wg-field input{min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000047;color:#f5f1e8;font-size:1rem;letter-spacing:normal;text-transform:none}.wg-field input:focus{outline:none;border-color:#d4af698c;box-shadow:0 0 0 3px #d4af691f}.wg-submit{margin-top:4px;min-height:46px;border:none;border-radius:11px;font-weight:700;font-size:.95rem;color:#17120a;background:linear-gradient(135deg,#f0d78a,#c9943a);cursor:pointer}.wg-submit:disabled{opacity:.65;cursor:wait}.wg-error{padding:10px 12px;border-radius:10px;background:#dc3c3c26;border:1px solid rgba(255,120,120,.35);color:#ffb4b4;font-size:.85rem}.wg-result{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#00000038}.wg-status{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wg-status--active{color:#d8ffe8;background:#2db46438;border:1px solid rgba(90,220,140,.4)}.wg-status--expiring{color:#fff3d0;background:#dca02838;border:1px solid rgba(245,200,80,.45)}.wg-status--expired{color:#ffd0c8;background:#dc463233;border:1px solid rgba(255,120,100,.4)}.wg-status--claimed{color:#d8e4ff;background:#5a78c838;border:1px solid rgba(130,160,240,.4)}.wg-remaining{display:flex;flex-direction:column;gap:2px}.wg-remaining strong{font-size:2rem;line-height:1;color:#f5ecd8;font-variant-numeric:tabular-nums}.wg-remaining span{font-size:.82rem;color:#9a958c}.wg-meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.wg-meta div{min-width:0}.wg-meta dt{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#7a746c}.wg-meta dd{margin:2px 0 0;font-size:.88rem;color:#ebe4d6;word-break:break-word}.wg-progress{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.wg-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#3dd68c,#d4af69)}.wg-wa{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;border:1px solid rgba(37,211,102,.45);background:#25d3661f;color:#b8f5cf;text-decoration:none;font-weight:650;font-size:.9rem}.wg-wa:hover{background:#25d36633}.wg-foot{margin:4px 0 0;text-align:center;font-size:.78rem}.wg-foot a{color:#a89f90;text-decoration:none}.wg-foot a:hover{color:#d4af69}body.reg-ops-gate-open{overflow:hidden}.reg-ops-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(245,208,120,.12),transparent 55%),#06080ed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:reg-ops-fade .22s ease}@keyframes reg-ops-fade{0%{opacity:0}to{opacity:1}}.reg-ops-gate-modal{position:relative;width:min(440px,100%);padding:34px 28px 26px;border-radius:22px;border:1px solid rgba(245,208,120,.34);background:linear-gradient(165deg,#2c2416f5,#12141efa 48%,#0c0e16fc);box-shadow:0 28px 90px #0000009e,0 0 0 1px #ffffff0a inset,0 0 48px #f5b4461f;text-align:center;animation:reg-ops-pop .28s cubic-bezier(.22,1,.36,1);overflow:hidden}@keyframes reg-ops-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.reg-ops-gate-modal-aura{position:absolute;inset:-40% -20% auto;height:220px;background:radial-gradient(circle,rgba(245,208,120,.22),transparent 68%);pointer-events:none}.reg-ops-gate-modal-icon-wrap{position:relative;width:92px;height:92px;margin:0 auto 18px}.reg-ops-gate-modal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(245,208,120,.35);animation:reg-ops-pulse 2.4s ease-in-out infinite}@keyframes reg-ops-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:.18}}.reg-ops-gate-modal-icon{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f5d078;background:linear-gradient(145deg,#f5d0782e,#7850141f);border:1px solid rgba(245,208,120,.42);box-shadow:0 0 28px #f5b44638}.reg-ops-gate-modal-badge{position:absolute;right:-4px;bottom:-2px;padding:4px;border-radius:12px;background:#12141ef2;border:1px solid rgba(245,208,120,.28);box-shadow:0 8px 20px #00000059}.reg-ops-gate-modal-eyebrow{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#f0c86a}.reg-ops-gate-modal-title{margin:8px 0 0;font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:#fff7e8}.reg-ops-gate-modal-msg{margin:12px 0 0;font-size:.9rem;line-height:1.55;color:#d8c39a}.reg-ops-gate-modal-date{display:flex;flex-direction:column;gap:4px;margin:20px 0 0;padding:14px 16px;border-radius:14px;border:1px solid rgba(245,208,120,.22);background:#ffffff08}.reg-ops-gate-modal-date span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a89878}.reg-ops-gate-modal-date strong{font-size:1rem;color:#fff2cf}.reg-ops-gate-modal-date em{font-style:normal;font-size:.78rem;color:#8f8268}.reg-ops-gate-modal-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:22px;padding:12px 18px;border-radius:14px;border:none;font-weight:800;font-size:.92rem;text-decoration:none;color:#17120a;background:linear-gradient(135deg,#ffe7a8,#f0c86a 45%,#c9943a);box-shadow:0 10px 28px #c9943a59,inset 0 1px #ffffff59;transition:transform .15s ease,filter .15s ease}.reg-ops-gate-modal-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.reg-ops-gate-modal-hint{margin:14px 0 0;font-size:.78rem;line-height:1.45;color:#8b95ad}.reg-ops-gate{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin:0 0 12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(245,180,70,.45);background:linear-gradient(135deg,#5a370a8c,#281c0cd9);color:#ffe8b8}.reg-ops-gate--inline{margin:0 0 16px}.reg-ops-gate-inline-icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f5d078;background:#f5d0781f;border:1px solid rgba(245,208,120,.28)}.reg-ops-gate-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}.reg-ops-gate-text strong{font-size:.88rem;letter-spacing:.02em}.reg-ops-gate-text span{font-size:.8rem;line-height:1.35;color:#f0d9a0}.reg-ops-gate-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:10px;border:none;font-weight:700;font-size:.82rem;text-decoration:none;color:#17120a;background:linear-gradient(135deg,#f0d78a,#c9943a);cursor:pointer}.reg-ops-gate-btn:hover{filter:brightness(1.05)}html.app-android,html.app-compact{-webkit-text-size-adjust:100%;text-size-adjust:100%}body.app-android,body.app-compact{--android-topbar: 48px;--android-pad: 10px;--android-gap: 8px;--android-radius: 10px;--android-font: .92rem}body.app-android .mobile-topbar,body.app-compact .mobile-topbar{height:calc(var(--android-topbar) + env(safe-area-inset-top))!important;padding:env(safe-area-inset-top) 8px 0!important;box-shadow:0 4px 14px #00000047!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}body.app-android .mobile-topbar-brand small,body.app-compact .mobile-topbar-brand small{display:none!important}body.app-android .mobile-topbar-brand strong,body.app-compact .mobile-topbar-brand strong{font-size:.78rem!important;letter-spacing:.04em!important}body.app-android .mobile-menu-btn,body.app-compact .mobile-menu-btn{width:36px!important;height:36px!important;padding:8px!important;border-radius:9px!important}body.app-android .mobile-topbar-spacer,body.app-compact .mobile-topbar-spacer{width:36px!important}body.app-android .main-content,body.app-android .app-layout--collapsed .main-content,body.app-compact .main-content,body.app-compact .app-layout--collapsed .main-content{padding:calc(var(--android-topbar) + env(safe-area-inset-top) + 8px) var(--android-pad) calc(14px + env(safe-area-inset-bottom))!important}body.app-android .main-content:has(.dash-board),body.app-android .main-content:has(.sal-page),body.app-android .main-content:has(.chk-page),body.app-android .main-content:has(.prd-page),body.app-compact .main-content:has(.dash-board),body.app-compact .main-content:has(.sal-page),body.app-compact .main-content:has(.chk-page),body.app-compact .main-content:has(.prd-page){padding-top:calc(var(--android-topbar) + env(safe-area-inset-top) + 6px)!important;padding-left:var(--android-pad)!important;padding-right:var(--android-pad)!important}body.app-android .page-title,body.app-compact .page-title{font-size:1.05rem!important;line-height:1.25!important;margin:0 0 8px!important}body.app-android .back-header,body.app-compact .back-header{display:flex;align-items:center;gap:8px;margin-bottom:8px!important;min-height:36px}body.app-android .back-header button,body.app-compact .back-header button{width:34px;height:34px;border-radius:9px;font-size:1rem;flex-shrink:0}body.app-android .page-stack,body.app-compact .page-stack{gap:var(--android-gap)!important;display:flex;flex-direction:column}body.app-android .page,body.app-compact .page{gap:var(--android-gap)}body.app-android .cust-panel,body.app-android .rcv-panel,body.app-android .wrn-controls,body.app-android .doc-panel,body.app-android .ub-summary,body.app-compact .cust-panel,body.app-compact .rcv-panel,body.app-compact .doc-panel{padding:10px!important;border-radius:var(--android-radius)!important;margin-bottom:8px!important}body.app-android .cust-toolbar,body.app-compact .cust-toolbar{gap:8px!important;margin-bottom:8px!important}body.app-android .cust-form-grid,body.app-compact .cust-form-grid{gap:8px!important;margin-top:8px!important}body.app-android .cust-form-grid label span,body.app-android label>span,body.app-compact .cust-form-grid label span,body.app-compact label>span{font-size:.72rem!important;margin-bottom:3px!important}body.app-android .chk-input,body.app-android input.chk-input,body.app-android select.chk-input,body.app-android textarea.chk-input,body.app-android .rcv-input,body.app-android .wrn-input,body.app-compact .chk-input,body.app-compact .rcv-input,body.app-compact .wrn-input{min-height:40px!important;padding:8px 10px!important;font-size:.9rem!important;border-radius:9px!important}body.app-android .btn,body.app-android button.btn,body.app-compact .btn{min-height:40px!important;padding:8px 12px!important;font-size:.86rem!important;border-radius:10px!important}body.app-android .btn-primary,body.app-compact .btn-primary{font-weight:650}body.app-android .ub-summary,body.app-compact .ub-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:8px!important;background:#ffffff08;border:1px solid rgba(212,175,105,.14);border-radius:var(--android-radius)}body.app-android .ub-summary>div,body.app-compact .ub-summary>div{padding:8px 9px!important;border-radius:9px;background:#00000038;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:2px;min-width:0}body.app-android .ub-summary strong,body.app-compact .ub-summary strong{font-size:.95rem!important;line-height:1.2;color:var(--champagne, #f3e6c8)}body.app-android .ub-summary span,body.app-compact .ub-summary span{font-size:.65rem!important;color:#9a9288;text-transform:uppercase;letter-spacing:.03em}body.app-android .sidebar.sidebar--mobile-open,body.app-compact .sidebar.sidebar--mobile-open{width:min(82vw,300px)!important;min-width:min(82vw,300px)!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-brand,body.app-compact .sidebar.sidebar--mobile-open .sidebar-brand{padding:10px 12px!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-brand-name,body.app-compact .sidebar.sidebar--mobile-open .sidebar-brand-name{font-size:.88rem!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-brand-sub,body.app-compact .sidebar.sidebar--mobile-open .sidebar-brand-sub{font-size:.62rem!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-group-label,body.app-compact .sidebar.sidebar--mobile-open .sidebar-group-label{padding:6px 12px 2px!important;font-size:.62rem!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-link,body.app-compact .sidebar.sidebar--mobile-open .sidebar-link{min-height:40px!important;padding:7px 10px!important;margin-bottom:1px!important;font-size:.8rem!important;border-radius:9px!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-link-icon,body.app-compact .sidebar.sidebar--mobile-open .sidebar-link-icon{width:28px!important;height:28px!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-link-chevron,body.app-compact .sidebar.sidebar--mobile-open .sidebar-link-chevron{display:none!important}body.app-android .sidebar-live-status,body.app-android .sidebar-online-status,body.app-compact .sidebar-live-status,body.app-compact .sidebar-online-status{min-height:32px!important;padding:5px 8px!important;margin-bottom:6px!important;font-size:.68rem!important}body.app-android .sidebar-online-copy small,body.app-compact .sidebar-online-copy small{display:none!important}body.app-android .sidebar-account,body.app-compact .sidebar-account{margin:6px 0!important;padding:8px!important;gap:7px!important;border-radius:11px!important}body.app-android .sidebar-account-avatar,body.app-compact .sidebar-account-avatar{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:9px!important;font-size:.65rem!important}body.app-android .sidebar-account-name,body.app-compact .sidebar-account-name{font-size:.78rem!important}body.app-android .sidebar-account-role,body.app-compact .sidebar-account-role{font-size:.58rem!important;padding:1px 6px!important}body.app-android .sidebar-account-handle,body.app-compact .sidebar-account-handle{font-size:.62rem!important}body.app-android .sidebar-account-pwd,body.app-compact .sidebar-account-pwd{padding:6px 8px!important;font-size:.68rem!important;min-height:34px}body.app-android .sidebar-logout-btn,body.app-compact .sidebar-logout-btn{min-height:40px!important;padding:8px 10px!important;font-size:.78rem!important;margin-top:4px!important;margin-bottom:2px!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-footer{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px) + var(--app-nav-inset, 0px))!important}body.app-compact:not(.app-android) .sidebar.sidebar--mobile-open .sidebar-footer{padding-bottom:calc(18px + max(env(safe-area-inset-bottom,0px),48px))!important}body.app-android .sidebar.sidebar--mobile-open .sidebar-logout-btn,body.app-compact .sidebar.sidebar--mobile-open .sidebar-logout-btn{position:relative;z-index:2}body.app-android .dash-board,body.app-compact .dash-board{gap:8px!important}body.app-android .dash-subtitle,body.app-android .dash-meta,body.app-compact .dash-subtitle,body.app-compact .dash-meta{font-size:.72rem!important}body.app-android .dash-title,body.app-compact .dash-title{font-size:.92rem!important}body.app-android .dash-big-number,body.app-compact .dash-big-number{font-size:1.35rem!important}body.app-android .dash-cell,body.app-compact .dash-cell{padding:10px!important;border-radius:var(--android-radius)!important}body.app-android .dash-period-bar,body.app-compact .dash-period-bar{padding:8px!important;gap:6px!important}body.app-android .dash-hero,body.app-compact .dash-hero{padding:12px!important;min-height:0!important}body.app-android .sal-search-input,body.app-android .prd-search-input,body.app-compact .sal-search-input,body.app-compact .prd-search-input{min-height:42px!important;font-size:.92rem!important}body.app-android .sal-product-card,body.app-android .prd-card,body.app-compact .sal-product-card,body.app-compact .prd-card{padding:8px!important;border-radius:10px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-header,body.app-compact .prd-page:not(.prd-page--detail) .prd-header{padding:8px 0 6px!important;margin-bottom:6px!important;gap:6px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-header h1,body.app-compact .prd-page:not(.prd-page--detail) .prd-header h1{font-size:1.05rem!important}body.app-android .prd-page:not(.prd-page--detail) .prd-header-sub,body.app-compact .prd-page:not(.prd-page--detail) .prd-header-sub{font-size:.72rem!important}body.app-android .prd-page:not(.prd-page--detail) .prd-header-stats,body.app-compact .prd-page:not(.prd-page--detail) .prd-header-stats{gap:6px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stat,body.app-compact .prd-page:not(.prd-page--detail) .prd-stat{padding:6px 8px!important;font-size:.72rem!important;min-width:0!important}body.app-android .prd-page:not(.prd-page--detail) .prd-toolbar,body.app-compact .prd-page:not(.prd-page--detail) .prd-toolbar{padding:8px!important;gap:8px!important;margin-bottom:8px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-actions,body.app-android .prd-page:not(.prd-page--detail) .prd-share-group,body.app-compact .prd-page:not(.prd-page--detail) .prd-actions,body.app-compact .prd-page:not(.prd-page--detail) .prd-share-group{display:none!important}body.app-android .prd-page:not(.prd-page--detail) .prd-chips,body.app-compact .prd-page:not(.prd-page--detail) .prd-chips{gap:6px!important;flex-wrap:wrap!important}body.app-android .prd-page:not(.prd-page--detail) .prd-chip,body.app-android .prd-page:not(.prd-page--detail) .prd-sort,body.app-compact .prd-page:not(.prd-page--detail) .prd-chip,body.app-compact .prd-page:not(.prd-page--detail) .prd-sort{min-height:34px!important;padding:6px 10px!important;font-size:.75rem!important}body.app-android .prd-page:not(.prd-page--detail) .prd-list,body.app-compact .prd-page:not(.prd-page--detail) .prd-list{gap:4px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card,body.app-compact .prd-page:not(.prd-page--detail) .prd-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:0!important;padding:5px 6px!important;gap:0!important;border-radius:9px!important;box-shadow:0 3px 10px #0003!important}body.app-android .prd-page:not(.prd-page--detail) .prd-check,body.app-compact .prd-page:not(.prd-page--detail) .prd-check{display:none!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card-main,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-main{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;column-gap:8px!important;align-items:center!important;min-height:0!important;padding:0!important;width:100%}body.app-android .prd-page:not(.prd-page--detail) .prd-thumb,body.app-compact .prd-page:not(.prd-page--detail) .prd-thumb{width:40px!important;height:40px!important;margin:0!important;border-radius:8px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card-info,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-info{padding:0!important;gap:1px!important;display:flex;flex-direction:column;min-width:0}body.app-android .prd-page:not(.prd-page--detail) .prd-card-name,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-name{font-size:.8rem!important;line-height:1.2!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}body.app-android .prd-page:not(.prd-page--detail) .prd-card-meta,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-meta{font-size:.62rem!important;line-height:1.25!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.app-android .prd-page:not(.prd-page--detail) .prd-card-price,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-price{margin-top:0!important;gap:0 6px!important;grid-template-columns:4.8rem minmax(3.8rem,max-content) auto!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card-prices,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-prices{margin-top:1px!important;gap:0!important}body.app-android .prd-page:not(.prd-page--detail) .prd-price-label,body.app-compact .prd-page:not(.prd-page--detail) .prd-price-label{font-size:.52rem!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card-price strong,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-price strong{font-size:.92rem!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card-price--modal strong,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-price--modal strong{font-size:.72rem!important;color:#5fd98a!important}body.app-android .prd-page:not(.prd-page--detail) .prd-garansi,body.app-compact .prd-page:not(.prd-page--detail) .prd-garansi{display:none!important}body.app-android .prd-page:not(.prd-page--detail) .prd-fitment,body.app-compact .prd-page:not(.prd-page--detail) .prd-fitment{display:none!important}body.app-android .prd-page:not(.prd-page--detail) .prd-card-side,body.app-compact .prd-page:not(.prd-page--detail) .prd-card-side{width:auto!important;min-width:0!important;padding:0 0 0 4px!important;gap:4px!important;align-items:center!important;align-self:center!important;background:transparent!important;border:none!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stock,body.app-compact .prd-page:not(.prd-page--detail) .prd-stock{min-width:42px!important;width:auto!important;padding:4px 7px!important;border-radius:8px!important;font-weight:700!important;align-self:center!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stock em,body.app-compact .prd-page:not(.prd-page--detail) .prd-stock em{font-size:.5rem!important;letter-spacing:.05em!important;opacity:.95!important;margin-bottom:0!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stock strong,body.app-compact .prd-page:not(.prd-page--detail) .prd-stock strong{font-size:.9rem!important;font-weight:800!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stock--ok,body.app-compact .prd-page:not(.prd-page--detail) .prd-stock--ok{color:#f0fff5!important;background:linear-gradient(160deg,#45e098,#1dbf66,#0f9a4e)!important;border:1px solid rgba(90,255,160,.65)!important;box-shadow:0 0 14px #2dd27873!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stock--mid,body.app-compact .prd-page:not(.prd-page--detail) .prd-stock--mid{color:#fffaf0!important;background:linear-gradient(160deg,#ffe06a,#f0b420,#d4920c)!important;border:1px solid rgba(255,220,100,.7)!important;box-shadow:0 0 14px #f0b4207a!important}body.app-android .prd-page:not(.prd-page--detail) .prd-stock--low,body.app-compact .prd-page:not(.prd-page--detail) .prd-stock--low{color:#fff5f3!important;background:linear-gradient(160deg,#ff8a78,#f0483c,#d02822)!important;border:1px solid rgba(255,140,120,.7)!important;box-shadow:0 0 14px #f0483c80!important}body.app-android .prd-page:not(.prd-page--detail) .prd-edit-btn,body.app-compact .prd-page:not(.prd-page--detail) .prd-edit-btn{width:34px!important;height:34px!important;border-radius:9px!important}body.app-android .prd-page:not(.prd-page--detail) .prd-fab,body.app-compact .prd-page:not(.prd-page--detail) .prd-fab{width:48px!important;height:48px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}body.app-android .fab,body.app-compact .fab{width:48px!important;height:48px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}body.app-android .login-page,body.app-compact .login-page{padding:16px 14px!important}body.app-android .login-card,body.app-compact .login-card{padding:18px 16px!important;border-radius:14px!important;max-width:100%!important}body.app-android .login-card h1,body.app-compact .login-card h1{font-size:1.25rem!important}body.app-android .modal,body.app-android [role=dialog],body.app-compact .modal,body.app-compact [role=dialog]{max-height:min(88vh,640px)}body.app-android .snackbar,body.app-compact .snackbar{bottom:calc(12px + env(safe-area-inset-bottom))!important;left:10px!important;right:10px!important;width:auto!important;font-size:.82rem!important}body.app-android .sidebar-account:before{opacity:.7}@media(max-width:768px){body.app-android .dash-top,body.app-compact .dash-top{display:flex!important;flex-direction:column!important;gap:8px!important}body.app-android .dash-chart-body,body.app-compact .dash-chart-body{min-height:160px!important;max-height:200px!important}}