@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{color:#334155;background:#f1f5f9;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{color:#312e81;background:#6366f133}.sidebar{z-index:100;background:linear-gradient(#0a1120 0%,#0f172a 60%,#131e30 100%);border-right:1px solid #ffffff0b;flex-direction:column;width:252px;min-height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 32px #0000004d}.sidebar--collapsed{width:68px}.sidebar__header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 14px 14px;display:flex}.sidebar__brand{align-items:center;gap:10px;display:flex;overflow:hidden}.sidebar__logo{background:0 0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar__logo-img{object-fit:contain;width:34px;height:34px}.sidebar__brand-text{color:#f1f5f9;letter-spacing:-.3px;white-space:nowrap;font-size:1.05rem;font-weight:700}.sidebar__toggle{color:#64748b;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.sidebar__toggle:hover{color:#e2e8f0;background:#ffffff1a}.sidebar__nav{scrollbar-width:thin;scrollbar-color:#ffffff12 transparent;flex:1;padding:8px 8px 4px;overflow:hidden auto}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:4px}.sidebar__section{margin-bottom:4px}.sidebar__section-label{letter-spacing:.1em;text-transform:uppercase;color:#334155;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:10px 10px 4px;font-size:.63rem;font-weight:700}.sidebar__section-divider{background:#ffffff0f;height:1px;margin:6px 8px}.sidebar__nav-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.sidebar__nav-link{color:#64748b;white-space:nowrap;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:.855rem;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar__nav-link:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);border-radius:0 4px 4px 0;width:3px;height:55%;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.sidebar__nav-link:hover{color:#cbd5e1;background:#ffffff0a}.sidebar__nav-link--active{color:#e2e8f0;background:#6366f11a}.sidebar__nav-link--active:before{transform:translateY(-50%)scaleY(1)}.sidebar__nav-link--active .sidebar__nav-icon{color:#818cf8}.sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:color .2s;display:flex}.sidebar__nav-label{white-space:nowrap;opacity:1;flex:1;align-items:center;gap:6px;transition:opacity .15s;display:flex}.sidebar--collapsed .sidebar__nav-label{opacity:0;width:0;overflow:hidden}.sidebar--collapsed .sidebar__nav-link{justify-content:center;padding:9px}.sidebar__badge{border-radius:8px;padding:1px 5px;font-size:.6rem;font-weight:700;line-height:1.4}.sidebar__badge--warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.sidebar--collapsed .sidebar__badge{padding:1px 4px;font-size:.55rem;position:absolute;top:4px;right:4px}.sidebar__footer{border-top:1px solid #ffffff0f;padding:10px 8px 16px}.sidebar__logout-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:.855rem;font-weight:500;transition:all .2s;display:flex}.sidebar__logout-btn:hover{color:#ef4444;background:#ef444414}.sidebar--collapsed .sidebar__logout-btn{justify-content:center}.sidebar__backup-btn{color:#6366f1;cursor:pointer;white-space:nowrap;background:#6366f10f;border:1px solid #6366f12e;border-radius:7px;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:.855rem;font-weight:500;transition:all .2s;display:flex}.sidebar__backup-btn:hover:not(:disabled){color:#818cf8;background:#6366f126;border-color:#6366f159}.sidebar__backup-btn:disabled{opacity:.6;cursor:wait}.sidebar--collapsed .sidebar__backup-btn,.sidebar--collapsed .sidebar__logout-btn{justify-content:center}.sidebar__backup-msg{color:#64748b;white-space:nowrap;text-overflow:ellipsis;padding:2px 10px 6px;font-size:.7rem;overflow:hidden}@keyframes sidebar-spin{to{transform:rotate(360deg)}}.sidebar__spin{animation:1s linear infinite sidebar-spin}@media (width<=768px){.sidebar{width:68px}.sidebar__brand-text,.sidebar__nav-label,.sidebar__section-label{display:none}.sidebar__section-divider{display:block}.sidebar__nav-link{justify-content:center;padding:9px}.sidebar__logout-btn,.sidebar__backup-btn{justify-content:center}.sidebar__logout-btn span,.sidebar__backup-btn span,.sidebar__toggle{display:none}}.notif-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;top:72px;right:24px}.notif-toast{cursor:pointer;pointer-events:all;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b;border:1px solid #334155;border-left:4px solid #64748b;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:opacity .3s,transform .3s;animation:.35s cubic-bezier(.16,1,.3,1) notifSlideIn;display:flex;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d}.notif-toast:hover{background:#253347;border-color:#475569}.notif-toast--out{opacity:0;transform:translate(100%)}.notif-toast__icon{flex-shrink:0;margin-top:2px;font-size:1.4rem}.notif-toast__body{flex:1;min-width:0}.notif-toast__title{color:#f1f5f9;letter-spacing:.01em;margin-bottom:3px;font-size:.82rem;font-weight:700}.notif-toast__message{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.4;overflow:hidden}.notif-toast__time{color:#64748b;margin-top:4px;font-size:.65rem}.notif-toast__close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:1.2rem;line-height:1;transition:color .15s,background .15s}.notif-toast__close:hover{color:#f1f5f9;background:#ffffff14}@keyframes notifSlideIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.admin-layout{background:#f1f5f9;min-height:100vh;display:flex}.admin-layout__main{flex-direction:column;flex:1;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-layout__main--expanded{margin-left:72px}.admin-layout__topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#ffffffd9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.admin-layout__search-input{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:320px;padding:10px 16px;font-family:inherit;font-size:.875rem;transition:all .2s}.admin-layout__search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.admin-layout__search-input::placeholder{color:#94a3b8}.admin-layout__user{align-items:center;gap:12px;display:flex}.admin-layout__avatar{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;transition:transform .2s;display:flex}.admin-layout__avatar:hover{transform:scale(1.05)}.admin-layout__content{flex:1;padding:32px}@media (width<=768px){.admin-layout__main{margin-left:72px}.admin-layout__topbar{padding:12px 16px}.admin-layout__search-input{width:180px}.admin-layout__content{padding:20px 16px}}.admin-layout__bell{color:#94a3b8;cursor:pointer;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:relative}.admin-layout__bell:hover{color:#475569;background:#e2e8f0}.admin-layout__bell--active{color:#6366f1;animation:2s ease-in-out infinite bellPulse}.admin-layout__bell-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 0 0 2px #ffffffd9}@keyframes bellPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.admin-layout__bell-wrap{position:relative}.admin-layout__notif-dropdown{z-index:1000;background:#fff;border-radius:14px;width:360px;max-height:440px;animation:.2s ease-out notifSlideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.admin-layout__notif-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.admin-layout__notif-title{color:#1e293b;font-size:.85rem;font-weight:700}.admin-layout__notif-clear{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;transition:background .15s}.admin-layout__notif-clear:hover{background:#eef2ff}.admin-layout__notif-list{max-height:370px;overflow-y:auto}.admin-layout__notif-list::-webkit-scrollbar{width:4px}.admin-layout__notif-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.admin-layout__notif-empty{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;font-size:.82rem;display:flex}.admin-layout__notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:12px;padding:12px 18px;transition:background .15s;display:flex}.admin-layout__notif-item:hover{background:#f8fafc}.admin-layout__notif-item:last-child{border-bottom:none}.admin-layout__notif-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.admin-layout__notif-body{flex:1;min-width:0}.admin-layout__notif-item-title{color:#1e293b;margin-bottom:2px;font-size:.8rem;font-weight:700}.admin-layout__notif-msg{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.admin-layout__notif-time{color:#94a3b8;margin-top:4px;font-size:.65rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-header__title{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:1.65rem;font-weight:700}.page-header__subtitle{color:#64748b;margin:4px 0 0;font-size:.9rem}.page-header__action button:not([class*=refresh]):not([class*=icon-btn]){color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.page-header__action button:not([class*=refresh]):not([class*=icon-btn]):hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-card__content{flex-direction:column;gap:4px;display:flex}.stat-card__title{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.82rem;font-weight:500}.stat-card__value-row{align-items:baseline;gap:10px;display:flex}.stat-card__value{color:#0f172a;letter-spacing:-.5px;font-size:1.75rem;font-weight:700}.stat-card__trend{border-radius:20px;padding:2px 8px;font-size:.8rem;font-weight:600}.stat-card__trend--up{color:#059669;background:#ecfdf5}.stat-card__trend--down{color:#dc2626;background:#fef2f2}.stat-card__subtitle{color:#94a3b8;margin-top:2px;font-size:.82rem}.stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-card__icon--indigo{color:#6366f1;background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.stat-card__icon--emerald{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.stat-card__icon--amber{color:#d97706;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.stat-card__icon--rose{color:#e11d48;background:linear-gradient(135deg,#fff1f2,#fce7f3)}.dashboard__stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;display:grid}.dashboard__refresh-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.dashboard__refresh-btn:hover{background:#e2e8f0}.dashboard__refresh-btn:disabled{opacity:.6;cursor:default}.dashboard__refresh-btn .spin{animation:1s linear infinite spin-anim}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard__grid{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}.dashboard__card,.dashboard__card--wide{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.dashboard__card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard__card-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:600;display:flex}.dashboard__card-badge{color:#6366f1;background:#eef2ff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.dashboard__card-badge--alert{color:#dc2626;background:#fef2f2;font-weight:700}.dashboard__chart-placeholder{flex-direction:column;gap:12px;display:flex}.dashboard__chart-bars{align-items:flex-end;gap:8px;height:200px;padding:0 4px;display:flex}.dashboard__chart-bar{cursor:pointer;transform-origin:bottom;background:linear-gradient(#6366f1,#818cf8);border-radius:6px 6px 2px 2px;flex:1;min-height:4px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s cubic-bezier(.4,0,.2,1) forwards chart-grow;position:relative}@keyframes chart-grow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.dashboard__chart-bar:first-child{animation-delay:50ms}.dashboard__chart-bar:nth-child(2){animation-delay:.1s}.dashboard__chart-bar:nth-child(3){animation-delay:.15s}.dashboard__chart-bar:nth-child(4){animation-delay:.2s}.dashboard__chart-bar:nth-child(5){animation-delay:.25s}.dashboard__chart-bar:nth-child(6){animation-delay:.3s}.dashboard__chart-bar:nth-child(7){animation-delay:.35s}.dashboard__chart-bar:nth-child(8){animation-delay:.4s}.dashboard__chart-bar:nth-child(9){animation-delay:.45s}.dashboard__chart-bar:nth-child(10){animation-delay:.5s}.dashboard__chart-bar:nth-child(11){animation-delay:.55s}.dashboard__chart-bar:nth-child(12){animation-delay:.6s}.dashboard__chart-bar:hover{background:linear-gradient(#4f46e5,#6366f1);transform:scaleY(1.05)}.dashboard__chart-bar-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:4px;padding:4px 8px;font-size:.72rem;display:none;position:absolute;top:-32px;left:50%;transform:translate(-50%)}.dashboard__chart-bar:hover .dashboard__chart-bar-tooltip{display:block}.dashboard__chart-labels{color:#94a3b8;justify-content:space-around;padding:0 4px;font-size:.75rem;display:flex}.dashboard__activity-list{flex-direction:column;gap:0;display:flex}.dashboard__activity-item{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:10px 0;transition:background .15s;display:flex}.dashboard__activity-item:last-child{border-bottom:none}.dashboard__activity-item:hover{background:#fafbfc;border-radius:8px;margin:0 -12px;padding:10px 12px}.dashboard__activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dashboard__activity-dot--urgent{background:#dc2626}.dashboard__activity-dot--warning{background:#f59e0b}.dashboard__activity-content{flex-direction:column;flex:1;gap:2px;display:flex}.dashboard__activity-text{color:#334155;font-size:.85rem;font-weight:500}.dashboard__activity-time{color:#94a3b8;font-size:.75rem}.dashboard__activity-arrow{color:#cbd5e1;flex-shrink:0}.dash-urgent{color:#dc2626;font-weight:600}.dash-warn{color:#d97706;font-weight:600}.dash-cust{color:#94a3b8;font-weight:400}.dashboard__tx-amount{color:#059669;white-space:nowrap;font-size:.82rem;font-weight:700}.dashboard__empty-notice{color:#94a3b8;text-align:center;padding:32px 0;font-size:.82rem}.dashboard__quick-stats{flex-direction:column;gap:0;display:flex}.dashboard__quick-stat{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.dashboard__quick-stat:last-child{border-bottom:none}.dashboard__quick-stat-label{color:#64748b;font-size:.84rem;font-weight:500}.dashboard__quick-stat-value{color:#0f172a;font-size:1.1rem;font-weight:700}.dashboard__quick-stat-value--alert{color:#dc2626}@media (width<=1200px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}.dashboard__grid{grid-template-columns:1fr}}@media (width<=640px){.dashboard__stats{grid-template-columns:1fr}}.pf-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s pf-fade-in;display:flex;position:fixed;inset:0}@keyframes pf-fade-in{0%{opacity:0}to{opacity:1}}.pf-drawer{background:#fff;flex-direction:column;width:520px;max-width:100vw;height:100vh;animation:.25s pf-slide-in;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes pf-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.pf-drawer__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pf-drawer__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.pf-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.pf-drawer__close:hover{color:#0f172a;background:#e2e8f0}.pf-error-banner{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca;padding:12px 24px;font-size:.85rem;font-weight:500}.pf-form{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.pf-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;padding-top:4px;font-size:.72rem;font-weight:700}.pf-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.pf-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.pf-required{color:#ef4444}.pf-input,.pf-select,.pf-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.pf-input:focus,.pf-select:focus,.pf-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pf-input--error{border-color:#ef4444}.pf-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.pf-textarea{resize:vertical;min-height:72px}.pf-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.pf-input-prefix{align-items:center;display:flex;position:relative}.pf-prefix-icon{color:#94a3b8;pointer-events:none;font-size:.9rem;font-weight:600;position:absolute;left:14px}.pf-input--prefixed{padding-left:30px}.pf-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pf-field-error{color:#ef4444;font-size:.78rem;font-weight:500}.pf-field-hint{color:#94a3b8;font-size:.72rem;font-weight:400}.pf-toggles{gap:24px;padding:8px 0;display:flex}.pf-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.pf-toggle input{display:none}.pf-toggle__slider{background:#cbd5e1;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.pf-toggle__slider:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.pf-toggle input:checked+.pf-toggle__slider{background:#6366f1}.pf-toggle input:checked+.pf-toggle__slider:after{transform:translate(18px)}.pf-toggle__text{color:#334155;font-size:.88rem;font-weight:500}.pf-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:12px;display:flex}.pf-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.pf-btn:disabled{opacity:.6;cursor:not-allowed}.pf-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.pf-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.pf-btn--secondary{color:#475569;background:#f1f5f9}.pf-btn--secondary:hover:not(:disabled){background:#e2e8f0}.pf-btn--sm{padding:7px 14px;font-size:.78rem}.pf-cat-row{align-items:center;gap:8px;display:flex}.pf-cat-select{flex:1}.pf-cat-add-btn{color:#6366f1;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.pf-cat-add-btn:hover{background:#eef2ff;border-style:solid;border-color:#6366f1;transform:scale(1.05)}.pf-new-cat{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;animation:.15s pf-fade-in;display:flex}.pf-new-cat__header{color:#0284c7;text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:700}.pf-new-cat__error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:8px 12px;font-size:.8rem}.pf-new-cat__actions{justify-content:flex-end;gap:8px;margin-top:2px;display:flex}@media (width<=600px){.pf-drawer{width:100vw}.pf-row{grid-template-columns:1fr}}.pf-seat-cost{color:#059669;letter-spacing:.01em;background:#05966914;border:1px solid #0596692e;border-radius:8px;align-items:center;margin-top:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.pf-links-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.pf-links-url{flex:2;min-width:0}.pf-links-label{flex:1;min-width:0}.pf-links-remove{color:#ef4444;cursor:pointer;background:#ef444414;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s;display:flex}.pf-links-remove:hover{background:#ef44442e}.pf-links-add{color:#94a3b8;cursor:pointer;background:0 0;border:1px dashed #94a3b866;border-radius:6px;align-items:center;gap:4px;margin-top:2px;padding:5px 12px;font-size:.78rem;transition:all .15s;display:inline-flex}.pf-links-add:hover{color:#7c5cfc;background:#7c5cfc0a;border-color:#7c5cfc}.svc-logo{object-fit:contain;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.svc-logo--img{background:0 0}.svc-logo--initials{color:#fff;letter-spacing:.03em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#6366f1,#818cf8);font-family:inherit;font-weight:700}.catalog__refresh-btn,.page-header__action .catalog__refresh-btn{color:#6366f1;cursor:pointer;width:38px;height:38px;box-shadow:none;background:#6366f114;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.catalog__refresh-btn:hover,.page-header__action .catalog__refresh-btn:hover{box-shadow:none;background:#6366f12e;border-color:#6366f180;transform:rotate(45deg)}.catalog__refresh-btn--spinning,.catalog__refresh-btn--spinning:hover{cursor:not-allowed;background:#6366f126!important;border-color:#6366f166!important;transform:none!important}.catalog__refresh-btn--spinning svg{animation:.7s linear infinite catalog-spin}@keyframes catalog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.catalog__toolbar{flex-direction:column;gap:16px;margin-bottom:20px;display:flex}.catalog__filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.catalog__search{flex:1;min-width:220px;max-width:360px;position:relative}.catalog__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.catalog__search-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 14px 9px 38px;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.catalog__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.catalog__search-input::placeholder{color:#94a3b8}.catalog__filter-select{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 36px 9px 14px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.catalog__filter-select:focus{border-color:#6366f1}.catalog__loading{text-align:center;color:#94a3b8;padding:60px 24px;font-size:.9rem}.catalog__empty{text-align:center;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;padding:64px 24px;display:flex}.catalog__empty-icon{color:#cbd5e1;margin-bottom:12px}.catalog__empty p{margin:0 0 20px;font-size:.95rem}.catalog__empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.catalog__empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.catalog__error{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;padding:64px 24px;display:flex}.catalog__error-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;font-size:1.5rem;font-weight:700;display:flex}.catalog__error-text{color:#64748b;margin:0 0 20px;font-size:.95rem}.catalog__error-retry{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:600}.catalog__category-section{flex-direction:column;gap:8px;display:flex}.catalog__category-section+.catalog__category-section{margin-top:12px}.catalog__category-header{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border-left:3px solid #6366f1;border-radius:8px;align-items:center;gap:10px;padding:10px 16px;display:flex}.catalog__category-icon{color:#6366f1;flex-shrink:0}.catalog__category-title{color:#1e293b;letter-spacing:.01em;font-size:.88rem;font-weight:700}.catalog__category-count{color:#94a3b8;margin-left:auto;font-size:.72rem;font-weight:600}.catalog__category-delete-btn{color:#cbd5e1;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:4px;transition:all .15s;display:flex}.catalog__category-header:hover .catalog__category-delete-btn{opacity:1}.catalog__category-delete-btn:hover{color:#dc2626;background:#fef2f2}.catalog__groups{flex-direction:column;gap:12px;display:flex}.catalog__service-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .15s;position:relative;overflow:visible}.catalog__service-group:hover{box-shadow:0 2px 12px #0000000a}.catalog__service-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px 12px 0 0;align-items:center;gap:12px;padding:14px 20px;transition:background .1s;display:flex}.catalog__service-header:hover{background:#f8fafc}.catalog__service-chevron{color:#94a3b8;flex-shrink:0;display:flex}.catalog__service-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.catalog__service-name{color:#0f172a;font-size:.95rem;font-weight:700}.catalog__service-meta{color:#94a3b8;align-items:center;gap:12px;font-size:.78rem;display:flex}.catalog__service-provider{color:#6366f1;font-weight:600}.catalog__service-plans-summary{color:#64748b;font-weight:500}.catalog__service-badge{color:#6366f1;white-space:nowrap;background:#eef2ff;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:.76rem;font-weight:600}.catalog__service-actions{flex-shrink:0;gap:6px;display:flex}.catalog__plans-table{border-top:1px solid #f1f5f9}.catalog__plans-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;padding:8px 20px 8px 48px;display:flex}.catalog__ph{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.catalog__plan-row{border-bottom:1px solid #f8fafc;align-items:center;padding:10px 20px 10px 48px;transition:background .1s;display:flex;position:relative;overflow:visible}.catalog__plan-row:last-child{border-bottom:none;border-radius:0 0 12px 12px}.catalog__plan-row:hover{background:#fafbfd}.catalog__plan-name{color:#0f172a;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.85rem;font-weight:600;display:flex}.catalog__sku{color:#94a3b8;letter-spacing:.2px;width:100%;font-size:.7rem;font-weight:500;display:block}.catalog__sku-toggle{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.catalog__sku-toggle:hover{color:#6366f1;background:#f8f7ff;border-color:#6366f1}.catalog__sku-toggle--active{color:#6366f1;background:#eef2ff;border-color:#6366f1}.catalog__bulk-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.catalog__bulk-btn:disabled{opacity:.5;cursor:not-allowed}.catalog__bulk-btn--activate{color:#059669}.catalog__bulk-btn--activate:hover:not(:disabled){background:#ecfdf5;border-color:#059669}.catalog__bulk-btn--deactivate{color:#dc2626}.catalog__bulk-btn--deactivate:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.catalog__no-plans{color:#94a3b8;border-top:1px solid #f1f5f9;align-items:center;gap:12px;padding:20px 48px;font-size:.85rem;display:flex}.catalog__no-plans-btn{color:#6366f1;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}.catalog__no-plans-btn:hover{background:#eef2ff}.catalog__price{color:#0f172a;font-size:.85rem;font-weight:600}.catalog__cost{color:#64748b;font-size:.85rem;font-weight:500}.catalog__duration{color:#64748b;font-size:.82rem}.catalog__provider{color:#475569;font-size:.82rem}.catalog__cat-name{color:#475569;font-size:.82rem;font-weight:500}.catalog__type{text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.catalog__type--physical{color:#6366f1;background:#eef2ff}.catalog__type--digital{color:#0ea5e9;background:#f0f9ff}.catalog__type--service{color:#d97706;background:#fffbeb}.catalog__type--subscription{color:#059669;background:#ecfdf5}.catalog__status{border-radius:20px;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-block}.catalog__status--active{color:#059669;background:#ecfdf5}.catalog__status--inactive{color:#64748b;background:#f1f5f9}.catalog__status--toggling{color:#92400e;background:#fffbeb;animation:.8s ease-in-out infinite catalog-status-pulse}button.catalog__status:hover{opacity:.82;transition:opacity .15s,transform .15s;transform:scale(.97)}button.catalog__status:active{transform:scale(.93)}@keyframes catalog-status-pulse{0%,to{opacity:1}50%{opacity:.55}}.catalog__icon{display:block}.catalog__icon--on{color:#059669}.catalog__icon--off{color:#cbd5e1}.catalog__actions{gap:6px;display:flex}.catalog__action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.catalog__action-btn:hover{transform:scale(1.05)}.catalog__action-btn--edit:hover{color:#6366f1;background:#eef2ff}.catalog__action-btn--link:hover{color:#0891b2;background:#ecfeff}.catalog__action-btn--delete:hover{color:#dc2626;background:#fef2f2}.catalog__action-btn--assign:hover,.catalog__action-btn--power--all-active{color:#059669;background:#ecfdf5}.catalog__action-btn--power--all-active:hover:not(:disabled){color:#047857;background:#d1fae5;transform:scale(1.08)rotate(12deg)}.catalog__action-btn--power--all-inactive{color:#94a3b8;background:#f1f5f9}.catalog__action-btn--power--all-inactive:hover:not(:disabled){color:#475569;background:#e2e8f0;transform:scale(1.08)rotate(12deg)}.catalog__action-btn--power--mixed{color:#d97706;background:#fffbeb}.catalog__action-btn--power--mixed:hover:not(:disabled){color:#b45309;background:#fef3c7;transform:scale(1.08)rotate(12deg)}.catalog__action-btn--power--all-active:disabled,.catalog__action-btn--power--all-inactive:disabled,.catalog__action-btn--power--mixed:disabled{opacity:.45;cursor:not-allowed}.catalog__toast{z-index:950;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s catalog-toast-in;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #0000001f}.catalog__toast--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.catalog__toast--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}@keyframes catalog-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.catalog__delete-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;animation:.15s catalog-fade-in;display:flex;position:fixed;inset:0}@keyframes catalog-fade-in{0%{opacity:0}to{opacity:1}}.catalog__delete-modal{text-align:center;background:#fff;border-radius:16px;width:420px;max-width:90vw;padding:32px;animation:.2s catalog-modal-in;position:relative;box-shadow:0 20px 60px #0003}@keyframes catalog-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.catalog__delete-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s;position:absolute;top:14px;right:14px}.catalog__delete-modal-close:hover{color:#334155;background:#f1f5f9}.catalog__delete-modal-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.catalog__delete-modal-title{color:#0f172a;margin:0 0 8px;font-size:1.15rem;font-weight:700}.catalog__delete-modal-text{color:#64748b;margin:0 0 20px;font-size:.88rem;line-height:1.5}.catalog__delete-modal-error{text-align:left;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.82rem;display:flex}.catalog__delete-modal-error svg{flex-shrink:0;margin-top:1px}.catalog__delete-modal-actions{justify-content:center;gap:10px;display:flex}.catalog__delete-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .15s}.catalog__delete-btn:disabled{opacity:.6;cursor:not-allowed}.catalog__delete-btn--cancel{color:#475569;background:#f1f5f9}.catalog__delete-btn--cancel:hover:not(:disabled){background:#e2e8f0}.catalog__delete-btn--confirm{color:#fff;background:#dc2626}.catalog__delete-btn--confirm:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.catalog__edit-modal{background:#fff;border-radius:16px;width:460px;max-width:92vw;padding:32px;animation:.2s catalog-modal-in;position:relative;box-shadow:0 20px 60px #0000002e}.catalog__edit-modal-title{color:#0f172a;margin:0 0 20px;font-size:1.1rem;font-weight:700}.catalog__edit-form{flex-direction:column;gap:16px;display:flex}.catalog__edit-field{flex-direction:column;gap:6px;display:flex}.catalog__edit-label{color:#475569;font-size:.8rem;font-weight:600}.catalog__edit-input,.catalog__edit-select{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.catalog__edit-input:focus,.catalog__edit-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.catalog__edit-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.catalog__delete-btn--save{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.catalog__delete-btn--save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}@media (width<=768px){.catalog__filters{flex-direction:column;align-items:stretch}.catalog__search{max-width:100%}.catalog__plans-header,.catalog__plan-row{padding-left:20px}.catalog__service-meta{flex-wrap:wrap}}.catalog__link-dropdown{z-index:9999;background:#1e293b;border:1px solid #94a3b826;border-radius:8px;flex-direction:column;gap:2px;min-width:200px;max-width:320px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000059}.catalog__link-dropdown-item{color:#e2e8f0;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;transition:background .12s;display:flex;overflow:hidden}.catalog__link-dropdown-item:hover{color:#a78bfa;background:#7c5cfc26}.catalog__link-dropdown-item span{text-overflow:ellipsis;overflow:hidden}.catalog__svc-thumb{object-fit:cover;border:1px solid #6366f126;border-radius:6px;flex-shrink:0;width:30px;height:30px}.catalog__svc-thumb-empty{color:#475569;background:#1e293b66;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.catalog__svc-image-area{margin-top:.35rem}.catalog__svc-image-dropzone{color:#64748b;cursor:pointer;background:#0f172a59;border:2px dashed #334155;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.78rem;transition:all .2s;display:flex}.catalog__svc-image-dropzone:hover:not(:disabled){color:#94a3b8;background:#6366f10a;border-color:#6366f1}.catalog__svc-image-dropzone:disabled{opacity:.6;cursor:not-allowed}.catalog__svc-image-preview-wrap{align-items:flex-start;gap:.65rem;display:flex}.catalog__svc-image-preview{object-fit:cover;border:1px solid #6366f133;border-radius:8px;flex-shrink:0;width:80px;height:80px}.catalog__svc-image-actions{flex-direction:row;gap:.35rem;padding-top:.15rem;display:flex}.catalog__svc-image-current{background:#0f172a4d;border:1px solid #334155;border-radius:8px;align-items:center;gap:.65rem;margin-bottom:.5rem;padding:.5rem;display:flex}.catalog__svc-image-current-label{color:#64748b;font-size:.72rem;font-style:italic}.catalog__svc-image-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b80;border:1px solid #334155;border-radius:5px;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.7rem;transition:all .15s;display:flex}.catalog__svc-image-btn:hover:not(:disabled){color:#e2e8f0;background:#1e293bcc;border-color:#6366f1}.catalog__svc-image-btn--del:hover:not(:disabled){color:#fca5a5;border-color:#ef444466}.catalog__svc-image-btn:disabled{opacity:.5;cursor:not-allowed}.datatable__wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.datatable{border-collapse:collapse;width:100%;font-size:.875rem}.datatable__head{background:#f8fafc}.datatable__th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:.8rem;font-weight:600}.datatable__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.datatable__th--sortable:hover{color:#334155;background:#f1f5f9}.datatable__th--active{color:#4f46e5}.datatable__th-content{align-items:center;gap:4px;display:inline-flex}.datatable__sort-icon{opacity:.45;align-items:center;transition:opacity .15s;display:inline-flex}.datatable__th--active .datatable__sort-icon{opacity:1;color:#4f46e5}.datatable__body .datatable__row{border-bottom:1px solid #f1f5f9;transition:background .15s}.datatable__body .datatable__row:last-child{border-bottom:none}.datatable__body .datatable__row:hover{background:#f8fafc}.datatable__row--clickable{cursor:pointer}.datatable__td{color:#334155;vertical-align:middle;padding:12px 16px}.datatable__empty{text-align:center;color:#94a3b8;padding:48px 16px;font-size:.95rem}.datatable__loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;font-size:.95rem;display:flex}.datatable__spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite datatable-spin}@keyframes datatable-spin{to{transform:rotate(360deg)}}.of-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s of-fade;display:flex;position:fixed;inset:0}@keyframes of-fade{0%{opacity:0}to{opacity:1}}.of-drawer{background:#fff;flex-direction:column;width:600px;max-width:100vw;height:100vh;animation:.25s of-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes of-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.of-drawer__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.of-drawer__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.of-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.of-drawer__close:hover{color:#0f172a;background:#e2e8f0}.of-error-banner{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca;padding:12px 24px;font-size:.85rem;font-weight:500}.of-form{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.of-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.of-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.of-required{color:#ef4444}.of-input,.of-select,.of-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.of-input:focus,.of-select:focus,.of-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.of-input--error{border-color:#ef4444}.of-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.of-textarea{resize:vertical;min-height:72px}.of-textarea--request{background:#fffbeb;border-color:#fbbf24;min-height:100px}.of-textarea--request:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.of-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.of-input--sm{padding:8px 10px;font-size:.85rem}.of-select--sm{padding:8px 32px 8px 10px;font-size:.85rem}.of-field-error{color:#ef4444;font-size:.78rem;font-weight:500}.of-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.of-section{flex-direction:column;gap:10px;display:flex}.of-section__header{justify-content:space-between;align-items:center;display:flex}.of-section__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:700}.of-add-item-btn{color:#6366f1;cursor:pointer;background:0 0;border:1.5px dashed #cbd5e1;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.of-add-item-btn:hover{background:#eef2ff;border-color:#6366f1}.of-items-list{flex-direction:column;gap:8px;display:flex}.of-line-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr 80px 80px 32px;align-items:center;gap:8px;padding:10px 12px;display:grid}.of-line-item--cascade{flex-direction:column;gap:8px;padding-right:40px;display:flex;position:relative}.of-cascade__remove{position:absolute;top:10px;right:10px}.of-cascade{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.of-cascade__step{flex:1;min-width:120px}.of-cascade__arrow{color:#94a3b8;flex-shrink:0}.of-cascade__details{background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.of-cascade__product-info{align-items:center;gap:8px;display:flex}.of-cascade__price-tag{color:#6366f1;font-size:.78rem;font-weight:600}.of-cascade__duration{color:#94a3b8;font-weight:400}.of-cascade__qty-row{align-items:center;gap:8px;display:flex}.of-cascade__qty-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.of-cascade__qty-input{text-align:center;width:60px}.of-cascade__line-total{color:#0f172a;text-align:right;min-width:70px;font-size:.9rem;font-weight:700}.of-line-item__product{min-width:0}.of-line-item__total{color:#0f172a;text-align:right;font-size:.85rem;font-weight:600}.of-line-item__remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.of-line-item__remove:hover:not(:disabled){color:#dc2626;background:#fef2f2}.of-line-item__remove:disabled{opacity:.3;cursor:not-allowed}.of-totals{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.of-totals__row{color:#475569;justify-content:space-between;font-size:.85rem;display:flex}.of-totals__row--discount{color:#dc2626}.of-totals__row--total{color:#0f172a;border-top:1px solid #bae6fd;margin-top:4px;padding-top:8px;font-size:.95rem;font-weight:700}.of-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:12px;display:flex}.of-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.of-btn:disabled{opacity:.6;cursor:not-allowed}.of-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.of-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.of-btn--secondary{color:#475569;background:#f1f5f9}.of-btn--secondary:hover:not(:disabled){background:#e2e8f0}.of-type-toggle{gap:8px;display:flex}.of-type-btn{color:#64748b;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.of-type-btn:hover{background:#f8fafc;border-color:#cbd5e1}.of-type-btn--active{color:#4f46e5;background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.of-type-btn--active.of-type-btn--request{color:#b45309;background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}@media (width<=640px){.of-drawer{width:100vw}.of-row{grid-template-columns:1fr}.of-line-item{grid-template-columns:1fr 60px 60px 28px}}.orders{flex-direction:column;gap:0;height:100%;display:flex}.orders__tabs{border-bottom:1.5px solid #e2e8f0;gap:4px;padding:16px 0 0;display:flex}.orders__tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:10px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.orders__tab:hover{color:#64748b}.orders__tab--active{color:#6366f1;border-bottom-color:#6366f1}.orders__tab--active.orders__tab--history{color:#64748b;border-bottom-color:#64748b}.orders__tab-count{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:700}.orders__tab--active .orders__tab-count{color:#6366f1;background:#eef2ff}.orders__tab--active.orders__tab--history .orders__tab-count{color:#475569;background:#f1f5f9}.orders__toolbar{align-items:center;gap:16px;padding:16px 0;display:flex}.orders__search{flex:1;max-width:400px;position:relative}.orders__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.orders__search-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.orders__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.orders__id{color:#6366f1;font-weight:600}.orders__meta{color:#94a3b8;margin-top:2px;font-size:.78rem}.orders__request-preview{color:#92400e;white-space:nowrap;text-overflow:ellipsis;background:#fffbeb;border-radius:4px;max-width:280px;margin-top:4px;padding:2px 6px;font-size:.78rem;font-style:italic;line-height:1.35;overflow:hidden}.orders__total{color:#0f172a;font-weight:700}.orders__money{color:#334155;font-weight:600}.orders__discount{color:#dc2626;font-weight:500}.orders__date{color:#475569;font-size:.85rem}.orders__type-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.orders__type-badge--order{color:#6366f1;background:#eef2ff}.orders__type-badge--request{color:#b45309;background:#fffbeb}.orders__timer{white-space:nowrap;font-size:.78rem;font-weight:600}.orders__timer--active{color:#d97706}.orders__timer--done{color:#059669}.orders__badge{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.orders__badge--draft{color:#64748b;background:#f1f5f9}.orders__badge--pending{color:#d97706;background:#fffbeb}.orders__badge--confirmed{color:#6366f1;background:#eef2ff}.orders__badge--processing{color:#0ea5e9;background:#f0f9ff}.orders__badge--shipped{color:#7c3aed;background:#f5f3ff}.orders__badge--delivered{color:#059669;background:#ecfdf5}.orders__badge--cancelled{color:#dc2626;background:#fef2f2}.orders__badge--refunded{color:#9333ea;background:#faf5ff}.orders__payment{text-transform:capitalize;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-block}.orders__payment--unpaid{color:#dc2626;background:#fef2f2}.orders__payment--partial{color:#d97706;background:#fffbeb}.orders__payment--paid{color:#059669;background:#ecfdf5}.orders__payment--refunded{color:#9333ea;background:#faf5ff}.orders__payment--failed{color:#be123c;background:#fff1f2}.orders__payment--gift{color:#c026d3;background:#fdf4ff}.orders__actions{gap:6px;display:flex}.orders__action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.orders__action-btn:hover{transform:scale(1.05)}.orders__action-btn--view:hover{color:#6366f1;background:#eef2ff}.orders__action-btn--edit:hover{color:#0ea5e9;background:#f0f9ff}.orders__action-btn--deliver{color:#059669}.orders__action-btn--deliver:hover{color:#059669;background:#ecfdf5}.orders__action-btn--cancel:hover,.orders__action-btn--delete:hover{color:#dc2626;background:#fef2f2}.orders__error{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.orders__error-icon{font-size:2.5rem}.orders__error-text{color:#64748b;margin:0;font-size:.95rem}.orders__error-retry{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.orders__error-retry:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.orders__toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s orders-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000001a}@keyframes orders-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.orders__toast--success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.orders__toast--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.od__overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s od-fade;display:flex;position:fixed;inset:0}@keyframes od-fade{0%{opacity:0}to{opacity:1}}.od__drawer{background:#fff;flex-direction:column;width:560px;max-width:100vw;height:100vh;animation:.25s od-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes od-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.od__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.od__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.od__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.od__close:hover{color:#0f172a;background:#e2e8f0}.od__body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.od__section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:16px;display:flex}.od__section--totals{background:#f0f9ff;border-color:#bae6fd}.od__section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:.72rem;font-weight:700}.od__row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:baseline;padding:7px 0;display:flex}.od__row:last-child{border-bottom:none}.od__row--grand{color:#0f172a;border-top:1px solid #bae6fd;margin-top:4px;padding-top:10px;font-size:1rem;font-weight:700}.od__label{color:#64748b;font-size:.82rem;font-weight:600}.od__value{color:#0f172a;text-align:right;font-size:.88rem;font-weight:500}.od__items-table{flex-direction:column;gap:0;display:flex}.od__items-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 50px 80px 80px;gap:8px;padding:6px 0;font-size:.72rem;font-weight:700;display:grid}.od__items-row{color:#334155;border-bottom:1px solid #0000000a;grid-template-columns:1fr 50px 80px 80px;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;display:grid}.od__items-row:last-child{border-bottom:none}.od__items-name{color:#0f172a;font-weight:600}.od__items-total{color:#0f172a;text-align:right;font-weight:600}.od__notes-text{color:#475569;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.6}.orders__modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;animation:.15s od-fade;display:flex;position:fixed;inset:0}.orders__edit-modal,.orders__cancel-modal{background:#fff;border-radius:16px;width:480px;max-width:90vw;padding:28px 32px;animation:.2s orders-modal-in;position:relative;box-shadow:0 20px 60px #0003}@keyframes orders-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.orders__modal-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s;position:absolute;top:14px;right:14px}.orders__modal-x:hover{color:#334155;background:#f1f5f9}.orders__modal-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.orders__modal-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.82rem;display:flex}.orders__modal-error svg{flex-shrink:0;margin-top:1px}.orders__modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.orders__modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.orders__modal-btn:disabled{opacity:.6;cursor:not-allowed}.orders__modal-btn--cancel{color:#475569;background:#f1f5f9}.orders__modal-btn--cancel:hover:not(:disabled){background:#e2e8f0}.orders__modal-btn--save{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.orders__modal-btn--save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.orders__modal-btn--danger{color:#fff;background:#dc2626}.orders__modal-btn--danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.orders__edit-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.orders__edit-field{flex-direction:column;gap:6px;display:flex}.orders__edit-field--full{grid-column:1/-1}.orders__edit-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}.orders__edit-select,.orders__edit-input,.orders__edit-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.orders__edit-select:focus,.orders__edit-input:focus,.orders__edit-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.orders__edit-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.orders__edit-textarea{resize:vertical;min-height:60px}.orders__cancel-modal{text-align:center}.orders__cancel-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.orders__cancel-text{color:#64748b;margin:0 0 16px;font-size:.88rem;line-height:1.5}.orders__cancel-modal .orders__modal-actions{justify-content:center}.orders__cancel-icon--delete{color:#b91c1c;background:#fce4ec}.orders__deliver-modal{text-align:center;background:#fff;border-radius:16px;width:520px;max-width:90vw;padding:28px 32px;animation:.2s orders-modal-in;position:relative;box-shadow:0 20px 60px #0003}.orders__deliver-icon{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.orders__deliver-subtitle{color:#64748b;margin:0 0 20px;font-size:.88rem;line-height:1.5}.orders__deliver-field{text-align:left;margin-bottom:16px}.orders__deliver-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.orders__deliver-options{gap:8px;display:flex}.orders__deliver-option{color:#64748b;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:10px 8px;font-size:.82rem;font-weight:600;transition:all .2s}.orders__deliver-option:hover{background:#f8fafc;border-color:#cbd5e1}.orders__deliver-option--active.orders__deliver-option--paid{color:#059669;background:#ecfdf5;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.orders__deliver-option--active.orders__deliver-option--unpaid{color:#b45309;background:#fffbeb;border-color:#d97706;box-shadow:0 0 0 3px #d977061a}.orders__deliver-option--active.orders__deliver-option--partially_paid{color:#4f46e5;background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.orders__deliver-option--active.orders__deliver-option--free_of_charge{color:#a21caf;background:#fdf4ff;border-color:#c026d3;box-shadow:0 0 0 3px #c026d31a}.orders__deliver-select,.orders__deliver-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.orders__deliver-select:focus,.orders__deliver-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.orders__deliver-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.orders__deliver-modal .orders__modal-actions{justify-content:center}.orders__modal-btn--deliver{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 8px #0596694d}.orders__modal-btn--deliver:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #05966966}.od__request-desc{color:#92400e;white-space:pre-wrap;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:14px 16px;font-size:.92rem;line-height:1.65}.od__section--comments{border-top:1.5px dashed #e2e8f0;padding-top:16px}.od__section--comments .od__section-title{align-items:center;gap:6px;display:flex}.od__comment-count{color:#6366f1;background:#eef2ff;border-radius:20px;padding:1px 7px;font-size:.7rem;font-weight:700}.od__comments-empty{color:#94a3b8;margin:0;padding:8px 0;font-size:.82rem;font-style:italic}.od__comments-list{flex-direction:column;gap:8px;max-height:260px;padding:4px 0;display:flex;overflow-y:auto}.od__comment{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px}.od__comment-text{color:#334155;white-space:pre-wrap;font-size:.88rem;line-height:1.5}.od__comment-meta{color:#94a3b8;margin-top:4px;font-size:.72rem}.od__comment-input-row{gap:8px;margin-top:10px;display:flex}.od__comment-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:9px 14px;font-size:.85rem;transition:border-color .2s}.od__comment-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.od__comment-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,opacity .2s;display:flex}.od__comment-send:hover:not(:disabled){transform:scale(1.06)}.od__comment-send:disabled{opacity:.4;cursor:not-allowed}@media (width<=600px){.od__drawer{width:100vw}.orders__edit-fields{grid-template-columns:1fr}.orders__deliver-options{flex-direction:column}}.cf-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s cf-fade;display:flex;position:fixed;inset:0}@keyframes cf-fade{0%{opacity:0}to{opacity:1}}.cf-drawer{background:#fff;flex-direction:column;width:520px;max-width:100vw;height:100vh;animation:.25s cf-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes cf-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.cf-drawer__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cf-drawer__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.cf-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.cf-drawer__close:hover{color:#0f172a;background:#e2e8f0}.cf-error-banner{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca;padding:12px 24px;font-size:.85rem;font-weight:500}.cf-form{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.cf-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.cf-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.cf-required{color:#ef4444}.cf-label-hint{color:#94a3b8;text-transform:none;letter-spacing:0;margin-left:4px;font-size:.72rem;font-weight:400}.cf-input,.cf-select,.cf-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.cf-input:focus,.cf-select:focus,.cf-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.cf-input--error{border-color:#ef4444}.cf-textarea{resize:vertical;min-height:72px}.cf-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.cf-field-error{color:#ef4444;font-size:.78rem;font-weight:500}.cf-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cf-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:12px;display:flex}.cf-btn:disabled{opacity:.6;cursor:not-allowed}.cf-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.cf-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.cf-btn--secondary{color:#475569;background:#f1f5f9}.cf-btn--secondary:hover:not(:disabled){background:#e2e8f0}@media (width<=600px){.cf-drawer{width:100vw}.cf-row{grid-template-columns:1fr}}.ci-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;justify-content:center;align-items:center;animation:.2s ci-fade;display:flex;position:fixed;inset:0}@keyframes ci-fade{0%{opacity:0}to{opacity:1}}.ci-modal{background:#fff;border-radius:16px;flex-direction:column;width:92%;max-width:640px;max-height:85vh;animation:.25s ci-pop;display:flex;overflow:hidden;box-shadow:0 12px 48px #0000002e}@keyframes ci-pop{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.ci-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ci-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.ci-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.ci-close:hover{color:#0f172a;background:#e2e8f0}.ci-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.ci-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:36px 24px;transition:all .2s;position:relative}.ci-dropzone:hover,.ci-dropzone--drag{background:#eef2ff;border-color:#6366f1}.ci-dropzone--has-file{background:#ecfdf5;border-color:#10b981}.ci-dropzone__icon{color:#94a3b8;margin-bottom:8px}.ci-dropzone--has-file .ci-dropzone__icon{color:#10b981}.ci-dropzone__text{color:#64748b;font-size:.9rem;line-height:1.5}.ci-dropzone__text strong{color:#6366f1}.ci-dropzone__filename{color:#0f172a;margin-top:6px;font-size:.88rem;font-weight:600}.ci-dropzone__input{display:none}.ci-status{color:#475569;align-items:center;gap:10px;font-size:.88rem;font-weight:500;display:flex}.ci-spinner{border:2.5px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ci-spin}@keyframes ci-spin{to{transform:rotate(360deg)}}.ci-summary{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.ci-summary-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.ci-summary-card__value{color:#0f172a;font-size:1.3rem;font-weight:700}.ci-summary-card__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:.7rem;font-weight:600}.ci-summary-card--errors{background:#fef2f2;border-color:#fecaca}.ci-summary-card--errors .ci-summary-card__value{color:#dc2626}.ci-summary-card--created{background:#ecfdf5;border-color:#a7f3d0}.ci-summary-card--created .ci-summary-card__value{color:#059669}.ci-summary-card--updated{background:#eff6ff;border-color:#bfdbfe}.ci-summary-card--updated .ci-summary-card__value{color:#2563eb}.ci-errors-title{color:#dc2626;margin:0;font-size:.88rem;font-weight:700}.ci-errors-table{border-collapse:collapse;border:1px solid #fecaca;border-radius:8px;width:100%;font-size:.82rem;overflow:hidden}.ci-errors-table th{color:#991b1b;text-align:left;text-transform:uppercase;letter-spacing:.3px;background:#fef2f2;padding:8px 12px;font-size:.72rem;font-weight:700}.ci-errors-table td{color:#475569;border-top:1px solid #fecaca;padding:8px 12px}.ci-errors-table tr:nth-child(2n) td{background:#fff5f5}.ci-errors-table__row{color:#dc2626;font-weight:600}.ci-errors-table__field{color:#6366f1;font-weight:600}.ci-errors-scroll{border-radius:8px;max-height:200px;overflow-y:auto}.ci-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:.85rem;font-weight:500}.ci-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-size:.88rem;font-weight:600;display:flex}.ci-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.ci-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.ci-btn:disabled{opacity:.55;cursor:not-allowed}.ci-btn--secondary{color:#475569;background:#f1f5f9}.ci-btn--secondary:hover:not(:disabled){background:#e2e8f0}.ci-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.ci-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.ci-btn--confirm{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.ci-btn--confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.customers-page{flex-direction:column;gap:0;height:100%;display:flex}.cust__stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px;display:grid}.cust__stat-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #6366f1;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.cust__stat-card--indigo{border-left-color:#6366f1}.cust__stat-card--cyan{border-left-color:#0891b2}.cust__stat-card--amber{border-left-color:#f59e0b}.cust__stat-value{color:#0f172a;font-size:1.5rem;font-weight:700}.cust__stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.cust__toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.cust__search{flex:1;min-width:220px;max-width:420px;position:relative}.cust__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.cust__search-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.cust__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cust__filter-select{color:#475569;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:.85rem;transition:border-color .15s}.cust__filter-select:focus{border-color:#6366f1}.cust__name{color:#0f172a;font-size:.9rem;font-weight:600}.cust__type{text-transform:capitalize;border-radius:20px;margin-top:3px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-block}.cust__type--individual{color:#6366f1;background:#eef2ff}.cust__type--business{color:#0891b2;background:#ecfeff}.cust__type--wholesale{color:#d97706;background:#fffbeb}.cust__type--vip{color:#c026d3;background:#fdf4ff}.cust__contact{color:#475569;font-size:.85rem}.cust__date{color:#64748b;font-size:.82rem}.cust__actions{gap:6px;display:flex}.cust__action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.cust__action-btn:hover{color:#6366f1;background:#eef2ff;transform:scale(1.05)}.cust__action-btn--delete:hover{color:#dc2626;background:#fef2f2}.cust__error{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.cust__error-text{color:#64748b;margin:0;font-size:.95rem}.cust__error-retry{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-weight:600;transition:all .15s}.cust__error-retry:hover{background:#f8fafc;border-color:#cbd5e1}.cust__confirm-overlay{z-index:950;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;justify-content:center;align-items:center;animation:.2s cf-fade;display:flex;position:fixed;inset:0}.cust__confirm-dialog{background:#fff;border-radius:14px;width:90%;max-width:420px;padding:28px 32px;animation:.2s cf-slide;box-shadow:0 8px 32px #00000026}.cust__confirm-title{color:#0f172a;margin:0 0 8px;font-size:1.1rem;font-weight:700}.cust__confirm-text{color:#64748b;margin:0 0 20px;font-size:.9rem;line-height:1.5}.cust__confirm-actions{justify-content:flex-end;gap:12px;display:flex}.cust__btn--danger{box-shadow:0 2px 8px #ef44444d;color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}.cust__btn--danger:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.cust__toast{z-index:1000;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s cust-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000001a}@keyframes cust-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cust__toast--success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.cust__toast--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@media (width<=768px){.cust__stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.cust__stats-row{grid-template-columns:1fr}}.sf-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s sf-fade;display:flex;position:fixed;inset:0}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}.sf-drawer{background:#fff;flex-direction:column;width:560px;max-width:100vw;height:100vh;animation:.25s sf-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes sf-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.sf-drawer__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sf-drawer__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.sf-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.sf-drawer__close:hover{color:#0f172a;background:#e2e8f0}.sf-error-banner{color:#dc2626;background:#fef2f2;border-bottom:1px solid #fecaca;padding:12px 24px;font-size:.85rem;font-weight:500}.sf-form{flex-direction:column;flex:1;gap:18px;padding:24px;display:flex;overflow-y:auto}.sf-section{flex-direction:column;gap:8px;display:flex}.sf-section__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:.72rem;font-weight:700}.sf-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sf-product-card__name{color:#0f172a;font-size:.95rem;font-weight:600}.sf-product-card__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sf-product-card__type{text-transform:capitalize;border-radius:20px;padding:3px 8px;font-size:.72rem;font-weight:600}.sf-product-card__type--physical{color:#6366f1;background:#eef2ff}.sf-product-card__type--digital{color:#0ea5e9;background:#f0f9ff}.sf-product-card__type--service{color:#d97706;background:#fffbeb}.sf-product-card__type--subscription{color:#059669;background:#ecfdf5}.sf-product-card__provider,.sf-product-card__duration{color:#64748b;font-size:.8rem}.sf-product-card__price{color:#334155;font-size:.85rem}.sf-product-card__wholesale{color:#64748b;font-size:.82rem}.sf-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.sf-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.sf-required{color:#ef4444}.sf-input,.sf-select,.sf-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.sf-input:focus,.sf-select:focus,.sf-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.sf-input--error{border-color:#ef4444}.sf-input--error:focus{box-shadow:0 0 0 3px #ef44441f}.sf-textarea{resize:vertical;min-height:72px}.sf-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.sf-field-error{color:#ef4444;font-size:.78rem;font-weight:500}.sf-field-hint{color:#94a3b8;font-size:.72rem;font-weight:400}.sf-ref-prices{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;padding:6px 10px;display:flex}.sf-ref-prices__item{color:#64748b;white-space:nowrap;font-size:.72rem}.sf-ref-prices__item strong{color:#334155;font-weight:600}.sf-ref-prices__sep{color:#cbd5e1;font-size:.7rem}.sf-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sf-manual-fields{background:#fefce8;border:1px solid #fde68a;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.sf-inventory-fields{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.sf-stock-empty-hint{color:#92400e;background:#fefce8;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:.82rem;line-height:1.5}.sf-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:12px;display:flex}.sf-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.sf-btn:disabled{opacity:.6;cursor:not-allowed}.sf-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.sf-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.sf-btn--secondary{color:#475569;background:#f1f5f9}.sf-btn--secondary:hover:not(:disabled){background:#e2e8f0}.sf-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:500;display:flex}@media (width<=600px){.sf-drawer{width:100vw}.sf-row{grid-template-columns:1fr}}.rf-overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s rf-fade;display:flex;position:fixed;inset:0}@keyframes rf-fade{0%{opacity:0}to{opacity:1}}.rf-drawer{background:#fff;flex-direction:column;width:580px;max-width:100vw;height:100vh;animation:.25s rf-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes rf-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.rf-drawer__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rf-drawer__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.rf-drawer__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.rf-drawer__close:hover{color:#0f172a;background:#e2e8f0}.rf-form{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.rf-current{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.rf-current__title{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:700}.rf-current__row{justify-content:space-between;font-size:.85rem;display:flex}.rf-current__label{color:#64748b}.rf-current__value{color:#0f172a;font-weight:600}.rf-field{flex-direction:column;gap:4px;display:flex}.rf-label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}.rf-required{color:#ef4444}.rf-input,.rf-select,.rf-textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.rf-input:focus,.rf-select:focus,.rf-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rf-input--error{border-color:#ef4444!important}.rf-field-error{color:#ef4444;font-size:.75rem;font-weight:500}.rf-textarea{resize:vertical;min-height:60px;font-family:inherit}.rf-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rf-cred-options{flex-direction:column;gap:6px;display:flex}.rf-cred-option{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.rf-cred-option:hover{background:#f8fafc;border-color:#6366f1}.rf-cred-option--active{background:#eef2ff;border-color:#6366f1}.rf-cred-option__radio{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.rf-cred-option--active .rf-cred-option__radio{border-color:#6366f1}.rf-cred-option--active .rf-cred-option__radio:after{content:"";background:#6366f1;border-radius:50%;width:8px;height:8px}.rf-cred-option__text{color:#0f172a;font-size:.85rem;font-weight:500}.rf-cred-option__hint{color:#94a3b8;font-size:.75rem}.rf-section__label{color:#475569;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:.78rem;font-weight:700}.rf-manual-fields{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.rf-cred-preview{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:.82rem}.rf-cred-preview__row{justify-content:space-between;padding:3px 0;display:flex}.rf-cred-preview__label{color:#94a3b8;text-transform:uppercase;font-size:.75rem;font-weight:600}.rf-cred-preview__value{color:#0f172a;font-weight:500}.rf-warning{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:500;display:flex}.rf-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0 24px;padding:12px 16px;font-size:.85rem;font-weight:500}.rf-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:auto;padding-top:12px;display:flex}.rf-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.rf-btn:disabled{opacity:.6;cursor:not-allowed}.rf-btn--primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.rf-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #10b98166}.rf-btn--secondary{color:#475569;background:#f1f5f9}.rf-btn--secondary:hover:not(:disabled){background:#e2e8f0}@media (width<=600px){.rf-drawer{width:100vw}.rf-row{grid-template-columns:1fr}}.subscriptions{flex-direction:column;gap:0;height:100%;display:flex}.sub__refresh-btn{color:#6366f1;cursor:pointer;background:#6366f114;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:inline-flex}.sub__refresh-btn:hover{background:#6366f12e;border-color:#6366f180;transform:rotate(45deg)}.sub__toolbar{align-items:center;gap:16px;padding:16px 0;display:flex}.sub__search{flex:1;max-width:400px;position:relative}.sub__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sub__search-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.sub__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sub__view-toggle{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.sub__view-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:none;align-items:center;gap:5px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.sub__view-btn+.sub__view-btn{border-left:1px solid #e2e8f0}.sub__view-btn--active{color:#6366f1;background:#eef2ff}.sub__view-btn:hover:not(.sub__view-btn--active){background:#f8fafc}.sub__sort-wrap{align-items:center;display:flex;position:relative}.sub__sort-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.sub__sort-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #e2e8f0;border-radius:8px;padding:7px 24px 7px 30px;font-size:.78rem;font-weight:600}.sub__grouped{flex-direction:column;gap:12px;padding-bottom:24px;display:flex}.sub__loading,.sub__empty{text-align:center;color:#94a3b8;padding:40px 0;font-size:.9rem}.sub__group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sub__group-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;align-items:center;gap:12px;padding:14px 18px;transition:background .15s;display:flex}.sub__group-header:hover{background:#f1f5f9}.sub__group-toggle{color:#94a3b8;flex-shrink:0}.sub__group-info{flex:1;min-width:0}.sub__group-name{color:#0f172a;font-size:.95rem;font-weight:700}.sub__group-meta{color:#94a3b8;gap:12px;margin-top:2px;font-size:.75rem;display:flex}.sub__group-stats{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.sub__group-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:20px;padding:3px 8px;font-size:.7rem;font-weight:600}.sub__group-badge--active{color:#059669;background:#ecfdf5}.sub__group-badge--warning{color:#d97706;background:#fffbeb}.sub__group-badge--expired{color:#dc2626;background:#fef2f2}.sub__group-body{border-top:1px solid #f1f5f9}.sub__group-row{border-bottom:1px solid #f8fafc;grid-template-columns:1fr 110px 100px 80px 140px;align-items:center;gap:8px;padding:10px 18px 10px 46px;font-size:.85rem;transition:background .1s;display:grid}.sub__group-row:last-child{border-bottom:none}.sub__group-row:hover{background:#fafaff}.sub__group-row-product{min-width:0}.sub__group-row-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sub__meta{color:#94a3b8;margin-top:2px;font-size:.78rem}.sub__type{text-transform:capitalize;border-radius:20px;margin-top:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.sub__type--physical{color:#6366f1;background:#eef2ff}.sub__type--digital{color:#0ea5e9;background:#f0f9ff}.sub__type--service{color:#d97706;background:#fffbeb}.sub__type--subscription{color:#059669;background:#ecfdf5}.sub__status{border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-block}.sub__status--active{color:#059669;background:#ecfdf5}.sub__status--warning{color:#d97706;background:#fffbeb}.sub__status--expired{color:#dc2626;background:#fef2f2}.sub__price{color:#0f172a;font-size:.88rem;font-weight:600}.sub__date{color:#475569;font-size:.85rem}.sub__source{color:#64748b;font-size:.82rem;font-weight:500}.sub__actions{gap:6px;display:flex}.sub__action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.sub__action-btn:hover{transform:scale(1.05)}.sub__action-btn--view:hover{color:#6366f1;background:#eef2ff}.sub__action-btn--link:hover{color:#0891b2;background:#ecfeff}.sub__action-btn--delete:hover{color:#dc2626;background:#fef2f2}.sub__action-btn--ticket:hover{color:#d97706;background:#fffbeb}.sub__action-btn--has-ticket{color:#dc2626!important;background:#fef2f2!important}.sub__action-btn--has-ticket:hover{color:#b91c1c!important;background:#fee2e2!important}.sub__ticket-dot{display:none}.sub__action-btn--edit:hover{color:#6366f1;background:#eef2ff}.sub__action-btn--renew:hover{color:#059669;background:#ecfdf5}.sub__action-btn--restore:hover{color:#6366f1;background:#eef2ff}.sub__spin{animation:1s linear infinite sub-spin}@keyframes sub-spin{to{transform:rotate(360deg)}}.sub__history{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.sub__history-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1.2fr 1.4fr 90px 100px 100px 80px;gap:8px;padding:10px 18px;font-size:.72rem;font-weight:700;display:grid}.sub__history-row{opacity:.7;border-bottom:1px solid #f1f5f9;grid-template-columns:1.2fr 1.4fr 90px 100px 100px 80px;align-items:center;gap:8px;padding:12px 18px;font-size:.85rem;transition:background .1s;display:grid}.sub__history-row:last-child{border-bottom:none}.sub__history-row:hover{opacity:1;background:#fafaff}.sub__history-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sub__history-cell--customer{color:#0f172a;font-weight:600}.sub__history-cell--date{color:#64748b;font-size:.82rem}.sub__history-cell--actions{justify-content:flex-end;gap:6px;display:flex}.sub__error{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.sub__error-icon{font-size:2rem}.sub__error-text{color:#64748b;margin:0;font-size:.95rem}.sub__error-retry{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-weight:600;transition:all .15s}.sub__error-retry:hover{background:#f8fafc;border-color:#cbd5e1}.sub__toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s sub-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000001a}@keyframes sub-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sub__toast--success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.sub__toast--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.sub__delete-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;animation:.15s sub-fade-in;display:flex;position:fixed;inset:0}@keyframes sub-fade-in{0%{opacity:0}to{opacity:1}}.sub__delete-modal{text-align:center;background:#fff;border-radius:16px;width:440px;max-width:90vw;padding:32px;animation:.2s sub-modal-in;position:relative;box-shadow:0 20px 60px #0003}@keyframes sub-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.sub__delete-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s;position:absolute;top:14px;right:14px}.sub__delete-modal-close:hover{color:#334155;background:#f1f5f9}.sub__delete-modal-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.sub__delete-modal-title{color:#0f172a;margin:0 0 8px;font-size:1.15rem;font-weight:700}.sub__delete-modal-text{color:#64748b;margin:0 0 20px;font-size:.88rem;line-height:1.5}.sub__delete-modal-error{text-align:left;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.82rem;display:flex}.sub__delete-modal-error svg{flex-shrink:0;margin-top:1px}.sub__delete-modal-actions{justify-content:center;gap:10px;display:flex}.sub__delete-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .15s}.sub__delete-btn:disabled{opacity:.6;cursor:not-allowed}.sub__delete-btn--cancel{color:#475569;background:#f1f5f9}.sub__delete-btn--cancel:hover:not(:disabled){background:#e2e8f0}.sub__delete-btn--confirm{color:#fff;background:#dc2626}.sub__delete-btn--confirm:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.sub-detail__overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s sub-fade-in;display:flex;position:fixed;inset:0}.sub-detail__drawer{background:#fff;flex-direction:column;width:520px;max-width:100vw;height:100vh;animation:.25s sub-detail-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes sub-detail-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.sub-detail__header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sub-detail__title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.sub-detail__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.sub-detail__close:hover{color:#0f172a;background:#e2e8f0}.sub-detail__body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.sub-detail__section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:16px;display:flex}.sub-detail__section--access{background:#fefce8;border-color:#fde68a}.sub-detail__section--meta{background:#f0f9ff;border-color:#bae6fd}.sub-detail__section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:.72rem;font-weight:700}.sub-detail__section--access .sub-detail__section-title{color:#92400e}.sub-detail__section--meta .sub-detail__section-title{color:#0369a1}.sub-detail__row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:baseline;padding:7px 0;display:flex}.sub-detail__row:last-child{border-bottom:none}.sub-detail__label{color:#64748b;flex-shrink:0;min-width:120px;font-size:.82rem;font-weight:600}.sub-detail__value{color:#0f172a;text-align:right;word-break:break-all;align-items:center;gap:6px;font-size:.88rem;font-weight:500;display:flex}.sub-detail__copy{color:#64748b;cursor:pointer;background:#0000000f;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:inline-flex}.sub-detail__copy:hover{color:#0f172a;background:#0000001a}.sub-detail__notes-text{color:#475569;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.6}.sub__modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;animation:.15s sub-fade-in;display:flex;position:fixed;inset:0}.sub__edit-modal{background:#fff;border-radius:16px;width:480px;max-width:92vw;max-height:90vh;padding:28px 32px 24px;animation:.2s sub-modal-in;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0003}.sub__modal-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.sub__modal-x:hover{color:#334155;background:#f1f5f9}.sub__modal-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.sub__edit-info{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.sub__edit-fields{flex-wrap:wrap;gap:14px;display:flex}.sub__edit-field{flex-direction:column;flex:45%;gap:5px;min-width:180px;display:flex}.sub__edit-field--full{flex:100%}.sub__edit-label{color:#475569;font-size:.78rem;font-weight:600}.sub__edit-input,.sub__edit-select{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.sub__edit-input:focus,.sub__edit-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sub__edit-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:60px;padding:9px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.sub__edit-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.sub__modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.sub__modal-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.sub__modal-btn:disabled{opacity:.6;cursor:not-allowed}.sub__modal-btn--cancel{color:#475569;background:#f1f5f9}.sub__modal-btn--cancel:hover:not(:disabled){background:#e2e8f0}.sub__modal-btn--save{color:#fff;background:linear-gradient(135deg,#d97706,#ea580c)}.sub__modal-btn--save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #d9770659}@media (width<=600px){.sub-detail__drawer{width:100vw}}.sub__row--highlight{animation:10s ease-out forwards sub-highlight-pulse}@keyframes sub-highlight-pulse{0%{background:#22c55e2e}30%{background:#22c55e1a}to{background:0 0}}.dsf-drawer{width:560px}.dsf-type-row{gap:10px;display:flex}.dsf-type-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.dsf-type-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dsf-type-btn--active{color:#4f46e5;background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.dsf-keys-area{min-height:140px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6}.dsf-key-count{color:#6366f1;text-transform:none;letter-spacing:0;background:#eef2ff;border-radius:10px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:700}.dsf-field-hint{color:#94a3b8;margin-top:2px;font-size:.72rem;font-weight:400}.dsf-unit-overlay{z-index:960;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a80;justify-content:center;align-items:center;animation:.2s cf-fade;display:flex;position:fixed;inset:0}.dsf-unit-modal{background:#fff;border-radius:14px;flex-direction:column;width:92%;max-width:700px;max-height:80vh;padding:0;animation:.2s cf-slide;display:flex;box-shadow:0 8px 32px #00000026}.dsf-unit-modal__header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.dsf-unit-modal__title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.dsf-unit-modal__body{flex:1;padding:16px 24px;overflow-y:auto}.dsf-unit-modal__footer{text-align:right;border-top:1px solid #f1f5f9;padding:12px 24px}.dsf-unit-table{border-collapse:collapse;width:100%;font-size:.85rem}.dsf-unit-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-size:.72rem;font-weight:600}.dsf-unit-table td{color:#0f172a;border-bottom:1px solid #f1f5f9;padding:10px}.dsf-unit-table tr:last-child td{border-bottom:none}.dsf-manager-card .dsf-unit-table th{color:#64748b;border-bottom-color:#334155}.dsf-manager-card .dsf-unit-table td{color:#e2e8f0;border-bottom-color:#334155}.dsf-unit-status{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.dsf-unit-status--available{color:#059669;background:#ecfdf5}.dsf-unit-status--assigned{color:#2563eb;background:#eff6ff}.dsf-unit-status--expired{color:#d97706;background:#fffbeb}.dsf-unit-status--disabled{color:#64748b;background:#f1f5f9}.dsf-unit-value{color:#0f172a;font-family:Courier New,monospace;font-size:.82rem}.dsf-unit-value--full{word-break:break-all;white-space:normal}.dsf-copy-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.dsf-copy-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.dsf-unit-status-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:3px 6px;font-size:.72rem;font-weight:600;transition:border-color .15s}.dsf-unit-status-select:focus{border-color:#6366f1}.dsf-unit-status-select:disabled{opacity:.5;cursor:not-allowed}.dsf-unit-actions{align-items:center;gap:4px;display:flex}.dsf-avail-btn{color:#059669!important;border-color:#a7f3d0!important}.dsf-avail-btn:hover:not(:disabled){color:#047857!important;background:#ecfdf5!important;border-color:#6ee7b7!important}.dsf-avail-btn:disabled{opacity:.5;cursor:not-allowed}.ds__action-btn--edit{color:#6366f1}.ds__action-btn--edit:hover{color:#4f46e5;background:#eef2ff}.dsf-del-btn{color:#dc2626!important;border-color:#fecaca!important}.dsf-del-btn:hover:not(:disabled){color:#b91c1c!important;background:#fef2f2!important;border-color:#f87171!important}.dsf-del-btn:disabled{opacity:.5;cursor:not-allowed}.dsf-add-units-form{background:#fafaff;border-bottom:1px solid #e2e8f0;padding:14px 24px}.dsf-add-units-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:.82rem;font-weight:600}.dsf-add-units-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.dsf-unit-modal__footer{justify-content:flex-end;gap:8px;display:flex}.dsf-seat-badge{color:#059669;white-space:nowrap;background:#ecfdf5;border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:600}.dsf-seat-badge--full{color:#dc2626;background:#fef2f2}.dsf-seat-row td{padding:0!important}.dsf-seat-assignments{background:#f8fafc;border-top:1px dashed #e2e8f0;padding:8px 16px 10px 40px}.dsf-seat-assignments__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.7rem;font-weight:700}.dsf-seat-assignment{color:#334155;justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem;display:flex}.dsf-seat-assignment+.dsf-seat-assignment{border-top:1px solid #f1f5f9}.dsf-seat-assignment__info{flex:1;min-width:0}.dsf-seat-assignment__date{color:#94a3b8;font-size:.72rem}.dsf-release-btn{align-items:center;gap:3px;font-weight:600;display:inline-flex;color:#d97706!important;border-color:#fde68a!important;width:auto!important;padding:2px 8px!important;font-size:.68rem!important}.dsf-release-btn:hover{color:#b45309!important;background:#fffbeb!important;border-color:#fbbf24!important}.ds__res-type--shared_account{color:#2563eb;background:#eff6ff}.dsf-section-divider{border-bottom:1.5px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:10px;padding:8px 0 6px;display:flex}.dsf-section-label{color:#1e293b;letter-spacing:.3px;font-size:.78rem;font-weight:700}.dsf-section-hint{color:#94a3b8;font-size:.68rem;font-weight:400}.dsf-profile-add-btn{color:#6366f1;cursor:pointer;background:#eef2ff;border:1px dashed #c7d2fe;border-radius:6px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.dsf-profile-add-btn:hover{background:#e0e7ff;border-color:#a5b4fc}.dsf-profiles-list{flex-direction:column;gap:6px;display:flex}.dsf-profile-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;transition:border-color .15s;display:flex}.dsf-profile-row:focus-within{background:#fafaff;border-color:#c7d2fe}.dsf-profile-num{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:.68rem;font-weight:700;display:inline-flex}.dsf-profile-name{background:0 0!important;border:1px solid #0000!important;border-radius:6px!important;flex:2!important;padding:6px 8px!important;font-size:.82rem!important;transition:border-color .15s!important}.dsf-profile-name:focus{background:#fff!important;border-color:#c7d2fe!important}.dsf-profile-name::placeholder{color:#94a3b8}.dsf-profile-pin{background:0 0!important;border:1px solid #0000!important;border-radius:6px!important;flex:1!important;max-width:100px!important;padding:6px 8px!important;font-family:Courier New,monospace!important;font-size:.82rem!important;transition:border-color .15s!important}.dsf-profile-pin:focus{background:#fff!important;border-color:#c7d2fe!important}.dsf-profile-pin::placeholder{color:#94a3b8;font-family:inherit}.dsf-profile-remove{color:#dc2626;cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;transition:all .15s;display:inline-flex}.dsf-profile-remove:hover{opacity:1;background:#fee2e2}.digital-stock{flex-direction:column;gap:0;height:100%;display:flex}.ds__stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px;display:grid}.ds__stat-card{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #6366f1;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.ds__stat-card--green{border-left-color:#10b981}.ds__stat-card--blue{border-left-color:#3b82f6}.ds__stat-card--amber{border-left-color:#f59e0b}.ds__stat-value{color:#0f172a;font-size:1.5rem;font-weight:700}.ds__stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:600}.ds__toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.ds__search{flex:1;min-width:200px;max-width:340px;position:relative}.ds__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ds__filter-select{color:#475569;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:.85rem;transition:border-color .15s}.ds__filter-select:focus{border-color:#6366f1}.ds__cat-badge{text-transform:capitalize;border-radius:20px;margin-top:3px;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-block}.ds__cat-badge--digital{color:#6366f1;background:#eef2ff}.ds__cat-badge--service{color:#0891b2;background:#ecfeff}.ds__cat-badge--subscription{color:#7c3aed;background:#f5f3ff}.ds__cat-badge--physical{color:#d97706;background:#fffbeb}.ds__res-type{border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.ds__res-type--license_key{color:#d97706;background:#fffbeb}.ds__res-type--credentials{color:#6366f1;background:#eef2ff}.ds__label{color:#475569;font-size:.85rem}.ds__qty{align-items:center;gap:3px;font-size:.9rem;font-weight:600;display:flex}.ds__qty-avail{color:#059669}.ds__qty-avail--zero{color:#dc2626}.ds__qty-sep{color:#cbd5e1;font-weight:400}.ds__qty-total{color:#64748b}.ds__status{border-radius:20px;padding:3px 10px;font-size:.76rem;font-weight:600;display:inline-block}.ds__status--active{color:#059669;background:#ecfdf5}.ds__status--disabled{color:#64748b;background:#f1f5f9}.ds__date{color:#64748b;font-size:.82rem}.ds__actions{gap:6px;display:flex}.ds__action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ds__action-btn:hover{transform:scale(1.05)}.ds__action-btn--view:hover{color:#6366f1;background:#eef2ff}.ds__action-btn--delete:hover{color:#dc2626;background:#fef2f2}.ds__error{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.ds__error-text{color:#64748b;margin:0;font-size:.95rem}.ds__error-retry{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-weight:600;transition:all .15s}.ds__error-retry:hover{background:#f8fafc;border-color:#cbd5e1}.ds__toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s ds-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000001a}@keyframes ds-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ds__delete-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;animation:.15s ds-fade-in;display:flex;position:fixed;inset:0}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}.ds__delete-modal{text-align:center;background:#fff;border-radius:16px;width:440px;max-width:90vw;padding:32px;animation:.2s ds-modal-in;position:relative;box-shadow:0 20px 60px #0003}@keyframes ds-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.ds__delete-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s;position:absolute;top:14px;right:14px}.ds__delete-modal-close:hover{color:#334155;background:#f1f5f9}.ds__delete-modal-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.ds__delete-modal-title{color:#0f172a;margin:0 0 8px;font-size:1.15rem;font-weight:700}.ds__delete-modal-text{color:#64748b;margin:0 0 20px;font-size:.88rem;line-height:1.5}.ds__delete-modal-error{text-align:left;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.82rem;display:flex}.ds__delete-modal-error svg{flex-shrink:0;margin-top:1px}.ds__delete-modal-actions{justify-content:center;gap:10px;display:flex}.ds__delete-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.85rem;font-weight:600;transition:all .15s}.ds__delete-btn:disabled{opacity:.6;cursor:not-allowed}.ds__delete-btn--cancel{color:#475569;background:#f1f5f9}.ds__delete-btn--cancel:hover:not(:disabled){background:#e2e8f0}.ds__delete-btn--confirm{color:#fff;background:#dc2626}.ds__delete-btn--confirm:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.dsf-shared-seat-view{flex-direction:column;gap:16px;padding:8px 0;display:flex}.dsf-manager-card{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:12px;padding:16px 20px}.dsf-manager-card__header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.dsf-manager-card__creds{color:#cbd5e1;margin-bottom:12px;font-size:.78rem;line-height:1.7}.dsf-manager-card__creds strong{color:#94a3b8}.dsf-manager-card__seats{margin-bottom:12px}.dsf-manager-card__assignments{border-top:1px solid #334155;margin-top:12px;padding-top:12px}@media (width<=768px){.ds__stats-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.ds__stats-row{grid-template-columns:1fr}}.tk-page{flex-direction:column;gap:0;height:100%;display:flex}.tk__view-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:4px;padding:12px 0 8px;display:flex}.tk__view-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.tk__view-tab:hover{color:#334155}.tk__view-tab.active{color:#6366f1;border-bottom-color:#6366f1}.tk__status-tabs{flex-wrap:wrap;gap:8px;padding:10px 0;display:flex}.tk__status-pill{border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.tk__toolbar{align-items:center;gap:12px;padding:8px 0 16px;display:flex}.tk__search{flex:1;max-width:400px;position:relative}.tk__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.tk__search-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.tk__search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tk__filter-select{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-size:.85rem}.tk__id{color:#6366f1;font-weight:600}.tk__meta{color:#94a3b8;margin-top:2px;font-size:.78rem}.tk__date{color:#64748b;font-size:.82rem}.tk__priority{border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.tk__priority--low{color:#059669;background:#ecfdf5}.tk__priority--medium{color:#d97706;background:#fffbeb}.tk__priority--high{color:#dc2626;background:#fef2f2}.tk__priority--urgent{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.tk__status{text-transform:capitalize;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.tk__status--open{color:#dc2626;background:#fef2f2}.tk__status--progress{color:#d97706;background:#fffbeb}.tk__status--waiting{color:#f59e0b;background:#fef3c7}.tk__status--resolved{color:#059669;background:#ecfdf5}.tk__status--closed{color:#64748b;background:#f1f5f9}.tk__actions{gap:6px;display:flex}.tk__action-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.tk__action-btn:hover{transform:scale(1.05)}.tk__action-btn--view:hover{color:#6366f1;background:#eef2ff}.tk__action-btn--edit:hover{color:#0ea5e9;background:#f0f9ff}.tk__overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s tk-fade;display:flex;position:fixed;inset:0}@keyframes tk-fade{0%{opacity:0}to{opacity:1}}.tk__drawer,.tk__form-drawer{background:#fff;flex-direction:column;width:560px;max-width:100vw;height:100vh;animation:.25s tk-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes tk-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.tk__drawer-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.tk__drawer-header h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.tk__drawer-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tk__drawer-close:hover{color:#0f172a;background:#e2e8f0}.tk__close-ticket-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1.5px solid #dc2626;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.tk__close-ticket-btn:hover{color:#fff;background:#dc2626}.tk__drawer-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.tk__detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:16px;display:flex}.tk__detail-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:.72rem;font-weight:700}.tk__detail-row{border-bottom:1px solid #0000000a;justify-content:space-between;padding:7px 0;display:flex}.tk__detail-row:last-child{border-bottom:none}.tk__detail-label{color:#64748b;font-size:.82rem;font-weight:600}.tk__detail-value{color:#0f172a;text-align:right;font-size:.88rem;font-weight:500}.tk__detail-desc{color:#475569;white-space:pre-wrap;margin:0;font-size:.88rem;line-height:1.6}.tk__messages-section{padding-bottom:0}.tk__messages-list{flex-direction:column;gap:10px;max-height:350px;padding:4px 0 12px;display:flex;overflow-y:auto}.tk__messages-empty{text-align:center;color:#94a3b8;padding:20px 0;font-size:.85rem;font-style:italic}.tk__msg{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:box-shadow .15s}.tk__msg:hover{box-shadow:0 2px 8px #0000000f}.tk__msg-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.tk__msg-author{color:#6366f1;font-size:.78rem;font-weight:700}.tk__msg-time{color:#94a3b8;font-size:.72rem}.tk__msg-body{color:#334155;white-space:pre-wrap;font-size:.88rem;line-height:1.5}.tk__msg-input-row{border-top:1px solid #e2e8f0;gap:8px;margin-top:4px;padding:12px 0 16px;display:flex}.tk__msg-input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s}.tk__msg-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tk__msg-send{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.tk__msg-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.tk__msg-send:disabled{opacity:.5;cursor:not-allowed}.tk__form-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.tk__form-field{flex-direction:column;gap:6px;display:flex}.tk__form-field label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.8rem;font-weight:600}.tk__form-field input,.tk__form-field select,.tk__form-field textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.tk__form-field input:focus,.tk__form-field select:focus,.tk__form-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tk__form-field textarea{resize:vertical;min-height:80px}.tk__form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.tk__form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tk__form-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.tk__edit-modal{z-index:1000;background:#fff;border-radius:16px;width:480px;max-width:90vw;padding:28px 32px;animation:.2s tk-modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003}@keyframes tk-modal-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.tk__modal-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;position:absolute;top:14px;right:14px}.tk__modal-x:hover{color:#334155;background:#f1f5f9}.tk__modal-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.tk__edit-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tk__edit-field{flex-direction:column;gap:6px;display:flex}.tk__edit-field--full{grid-column:1/-1}.tk__edit-field label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}.tk__edit-field select,.tk__edit-field textarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s}.tk__edit-field select:focus,.tk__edit-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.tk__edit-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.tk__edit-field textarea{resize:vertical;min-height:60px}.tk__modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tk__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.tk__btn:disabled{opacity:.6;cursor:not-allowed}.tk__btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.tk__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.tk__btn--secondary{color:#475569;background:#f1f5f9}.tk__btn--secondary:hover:not(:disabled){background:#e2e8f0}.tk__btn--danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.tk__btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #dc262666}.tk__action-btn--delete:hover{color:#dc2626;background:#fef2f2}.tk__delete-modal{z-index:1000;text-align:center;background:#fff;border-radius:16px;width:420px;max-width:90vw;padding:32px 32px 28px;animation:.2s tk-modal-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003}.tk__delete-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:inline-flex}.tk__delete-text{color:#475569;margin:8px 0 20px;font-size:.9rem;line-height:1.55}.tk__delete-modal .tk__modal-title{justify-content:center;margin-bottom:0}.tk__delete-modal .tk__modal-actions{justify-content:center}.tk__toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s tk-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000001a}@keyframes tk-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tk__toast--success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.tk__toast--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}@media (width<=640px){.tk__drawer,.tk__form-drawer{width:100vw}.tk__form-row,.tk__edit-fields{grid-template-columns:1fr}.tk__edit-modal,.tk__delete-modal{width:95vw}.tk__view-tabs{overflow-x:auto}}.fin__tabs{background:#f1f5f9;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.fin__tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.fin__tab--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.fin__tab:not(.fin__tab--active):hover{color:#334155;background:#e2e8f0}.fin__toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.fin__search{flex:1;min-width:200px;max-width:320px;position:relative}.fin__search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.fin__search-input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 36px;font-size:.82rem;transition:border-color .2s}.fin__search-input:focus{border-color:#6366f1}.fin__filter-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:120px;padding:9px 14px;font-size:.82rem}.fin__date-input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:140px;padding:8px 12px;font-size:.82rem}.fin__date-input:focus,.fin__filter-select:focus{border-color:#6366f1}.fin__icon-btn{color:#6366f1;cursor:pointer;width:38px;height:38px;box-shadow:none;background:#6366f114;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.fin__icon-btn:hover{background:#6366f12e;border-color:#6366f180}.page-header__action .fin__icon-btn{box-shadow:none;color:#6366f1;background:#6366f114;border:1px solid #6366f140;width:38px;height:38px;padding:0}.page-header__action .fin__icon-btn:hover{box-shadow:none;background:#6366f12e}.fin__status{text-transform:uppercase;letter-spacing:.4px;cursor:pointer;border:none;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700;transition:all .15s}.fin__status--paid{color:#059669;background:#ecfdf5}.fin__status--pending{color:#d97706;background:#fffbeb}.fin__status--partial{color:#2563eb;background:#eff6ff}.fin__status--free_of_charge{color:#7c3aed;background:#f5f3ff}.fin__status:hover{filter:brightness(.92)}.fin__type{border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600}.fin__type--income{color:#059669;background:#ecfdf5}.fin__type--expense{color:#dc2626;background:#fef2f2}.fin__type--refund{color:#ca8a04;background:#fefce8}.fin__type--giveaway{color:#7c3aed;background:#f5f3ff}.fin__type--return{color:#ea580c;background:#fff7ed}.fin__type--adjustment{color:#166534;background:#f0fdf4}.fin__type--stock{color:#92400e;background:#fef3c7}.fin__type--compensation{color:#be185d;background:#fce7f3}.fin__actions{align-items:center;gap:4px;display:flex}.fin__act-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex}.fin__act-btn--edit:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.fin__act-btn--del:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fin-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#0f172a73;justify-content:flex-end;display:flex;position:fixed;inset:0}.fin-form-drawer{background:#fff;flex-direction:column;width:min(520px,95vw);height:100vh;animation:.25s ease-out finSlideIn;display:flex;overflow:hidden;box-shadow:-8px 0 30px #0000001f}@keyframes finSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.fin-form-drawer__header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.fin-form-drawer__title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.fin-form-drawer__close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.fin-form-drawer__close:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.fin-form-body{flex:1;padding:24px;overflow-y:auto}.fin-form-body .cf-row{gap:16px;display:flex}.fin-form-body .cf-row>.cf-field{flex:1}.fin-form-body .cf-field{margin-bottom:16px}.fin-form-body .cf-label{color:#475569;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.fin-form-body .cf-input,.fin-form-body .cf-select,.fin-form-body .cf-textarea{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.85rem;transition:border-color .2s}.fin-form-body .cf-input:focus,.fin-form-body .cf-select:focus,.fin-form-body .cf-textarea:focus{border-color:#6366f1}.fin-form-body .cf-textarea{resize:vertical;min-height:60px}.fin-form-body .cf-required{color:#dc2626}.fin-form-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.fin-form-footer .cf-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:.85rem;font-weight:600;transition:all .2s}.fin-form-footer .cf-btn--secondary{color:#475569;background:#f1f5f9}.fin-form-footer .cf-btn--secondary:hover{background:#e2e8f0}.fin-form-footer .cf-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.fin-form-footer .cf-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.fin-form-footer .cf-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.fin-error-banner{color:#dc2626;background:#fef2f2;border-radius:10px;margin-bottom:14px;padding:10px 16px;font-size:.82rem;font-weight:600}.pnl__controls{align-items:center;gap:12px;margin-bottom:20px;display:flex}.pnl__year-label{color:#475569;font-size:.85rem;font-weight:600}.pnl__paid-toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-left:8px;font-size:.82rem;font-weight:600;display:inline-flex}.pnl__paid-toggle input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:16px;height:16px}.cf-cascade{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px}.cf-cascade-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.72rem;font-weight:700}.pnl__wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto}.pnl__table{border-collapse:collapse;width:100%;min-width:1200px;font-size:.78rem}.pnl__table th,.pnl__table td{text-align:right;white-space:nowrap;padding:10px 14px}.pnl__table th:first-child,.pnl__table td:first-child{text-align:left;z-index:2;min-width:170px;position:sticky;left:0}.pnl__table thead th{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;font-size:.72rem;font-weight:700}.pnl__table thead th:first-child{border-radius:14px 0 0}.pnl__table thead th:last-child{border-radius:0 14px 0 0}.pnl__table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.pnl__table tbody tr:hover{background:#fafaff}.pnl__table tbody td:first-child{color:#334155;background:#fff;font-weight:600}.pnl__table tbody tr:hover td:first-child{background:#fafaff}.pnl__row--header td{color:#0f172a!important;background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;font-weight:700!important}.pnl__row--header td:first-child{background:#f8fafc!important}.pnl__row--expense td:first-child{font-style:italic;font-weight:500;color:#64748b!important;padding-left:32px!important}.pnl__row--total td{background:#f8fafc!important;border-top:2px solid #e2e8f0!important;font-weight:700!important}.pnl__row--total td:first-child{background:#f8fafc!important}.pnl__row--net td{font-size:.85rem;background:#f1f5f9!important;border-top:3px double #334155!important;font-weight:800!important}.pnl__row--net td:first-child{background:#f1f5f9!important}.pnl__val--pos{color:#059669}.pnl__val--neg{color:#dc2626}.pnl__val--zero{color:#cbd5e1}.pnl__table th:last-child{background:linear-gradient(135deg,#4f46e5,#7c3aed)!important}.pnl__table td:last-child{font-weight:700;background:#f5f3ff!important}.pnl__table tbody tr:hover td:last-child{background:#ede9fe!important}.fin__toast{z-index:9999;color:#fff;border-radius:12px;padding:14px 24px;font-size:.85rem;font-weight:600;animation:.3s ease-out finToastIn;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #0000002e}.fin__toast--success{background:linear-gradient(135deg,#059669,#10b981)}.fin__toast--error{background:linear-gradient(135deg,#dc2626,#ef4444)}@keyframes finToastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fin__del-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:950;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fin__del-modal{background:#fff;border-radius:16px;width:min(420px,92vw);padding:28px 32px;box-shadow:0 20px 60px #0000002e}.fin__del-title{color:#0f172a;margin:0 0 8px;font-size:1.05rem;font-weight:700}.fin__del-text{color:#64748b;margin:0 0 20px;font-size:.88rem}.fin__del-actions{justify-content:flex-end;gap:8px;display:flex}.inv__summary{gap:16px;margin-bottom:20px;display:flex}.inv__summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000a}.inv__summary-icon{color:#6366f1}.inv__summary-value{color:#0f172a;font-size:1.25rem;font-weight:700}.inv__summary-label{color:#94a3b8;font-size:.75rem;font-weight:500}.inv__filters{align-items:center;gap:12px;margin-bottom:16px;display:flex}.inv__search-wrap{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;max-width:360px;padding:7px 12px;display:flex}.inv__search-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.inv__search{color:#334155;background:0 0;border:none;outline:none;flex:1;font-size:.84rem}.inv__filter-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;font-size:.84rem}.inv__cat-badge{text-transform:uppercase;letter-spacing:.3px;color:#475569;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.inv__qty{font-size:.92rem;font-weight:700}.inv__qty--low{color:#dc2626}.inv__action-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.inv__action-btn:hover{background:#e2e8f0}.inv__action-btn--del:hover{color:#dc2626;background:#fef2f2}.inv__add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.inv__add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.inv__form-overlay{z-index:999;background:#0f172a66;justify-content:flex-end;display:flex;position:fixed;inset:0}.inv__form-drawer{background:#fff;flex-direction:column;width:440px;max-width:92vw;height:100vh;animation:.25s ease-out inv-slide;display:flex;box-shadow:-8px 0 24px #0000001f}@keyframes inv-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.inv__form-header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.inv__form-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.inv__form-close:hover{background:#e2e8f0}.inv__form-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.inv__form-field{flex-direction:column;gap:6px;display:flex}.inv__form-field label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:700}.inv__form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inv__form-input,.inv__form-select,.inv__form-textarea{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:.88rem;transition:border-color .15s}.inv__form-input:focus,.inv__form-select:focus,.inv__form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.inv__form-textarea{resize:vertical;font-family:inherit}.inv__btn{cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:.84rem;font-weight:600;transition:all .15s}.inv__btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8)}.inv__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.inv__btn--primary:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.inv__btn--secondary{color:#475569;background:#f1f5f9}.inv__btn--secondary:hover{background:#e2e8f0}.inv__btn--danger{color:#fff;background:#dc2626}.inv__btn--danger:hover{background:#b91c1c}.inv__del-overlay{z-index:999;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inv__del-dialog{text-align:center;background:#fff;border-radius:14px;max-width:380px;padding:28px;box-shadow:0 8px 32px #00000026}.inv__del-dialog h3{color:#0f172a;margin:0 0 8px;font-size:1rem}.inv__del-dialog p{color:#64748b;margin:0 0 20px;font-size:.84rem}.inv__del-actions{justify-content:center;gap:10px;display:flex}.inv__toast{color:#fff;z-index:9999;border-radius:10px;padding:12px 20px;font-size:.84rem;font-weight:600;animation:.3s ease-out inv-toast;position:fixed;bottom:24px;right:24px}.inv__toast--success{background:#059669}@keyframes inv-toast{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.inv__summary,.inv__filters{flex-direction:column}.inv__search-wrap{max-width:none}}.rem-page__tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:20px;display:flex}.rem-page__tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.rem-page__tab:hover{color:#334155}.rem-page__tab--active{color:#6366f1;border-bottom-color:#6366f1}.rem__loading,.rem__empty{text-align:center;color:#94a3b8;padding:40px;font-size:.88rem}.rem__toast{color:#fff;z-index:9999;background:#0f172a;border-radius:10px;padding:12px 20px;font-size:.84rem;font-weight:600;animation:.3s ease-out rem-toast;position:fixed;bottom:24px;right:24px}@keyframes rem-toast{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rem__btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.rem__btn--sm{padding:5px 12px;font-size:.78rem}.rem__btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8)}.rem__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.rem__btn--primary:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.rem__btn--secondary{color:#475569;background:#f1f5f9}.rem__btn--secondary:hover{background:#e2e8f0}.rem__btn--danger{color:#fff;background:#dc2626}.rem__btn--danger:hover{background:#b91c1c}.rem__icon-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.rem__icon-btn:hover{color:#334155;background:#e2e8f0}.rem__icon-btn--del:hover{color:#dc2626;background:#fef2f2}.rem__icon-btn.active{color:#6366f1;background:#eef2ff}.rem__input,.rem__textarea{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.88rem;transition:border-color .15s}.rem__input:focus,.rem__textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.rem__textarea{resize:vertical;font-family:inherit;line-height:1.5}.rem__overlay{z-index:999;background:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rem__dialog{text-align:center;background:#fff;border-radius:14px;max-width:380px;padding:28px;box-shadow:0 8px 32px #00000026}.rem__dialog h3{color:#0f172a;margin:0 0 8px;font-size:1rem}.rem__dialog p{color:#64748b;margin:0 0 20px;font-size:.84rem}.rem__dialog-actions{justify-content:center;gap:10px;display:flex}.rem__badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.rem__badge--expired{color:#dc2626;background:#fef2f2}.rem__badge--today{color:#ea580c;background:#fff7ed}.rem__badge--soon{color:#d97706;background:#fffbeb}.rem__badge--upcoming{color:#059669;background:#ecfdf5}.rem__badge--new{color:#7c3aed;background:#f5f3ff}.rem__badge--active{color:#2563eb;background:#eff6ff}.rem-queue__controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.rem-queue__search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:320px;padding:7px 12px;display:flex}.rem-queue__search:focus-within{border-color:#6366f1}.rem-queue__search input{color:#334155;background:0 0;border:none;outline:none;flex:1;font-size:.84rem}.rem-queue__filters{flex-wrap:wrap;gap:4px;display:flex}.rem-queue__filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.rem-queue__filter-btn:hover{background:#f1f5f9}.rem-queue__filter-btn.active{color:#6366f1;background:#eef2ff;border-color:#6366f1}.rem-queue__template-pick{color:#94a3b8;align-items:center;gap:8px;display:flex}.rem-queue__template-pick select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px;font-size:.82rem}.rem-queue__list{flex-direction:column;gap:8px;display:flex}.rem-queue__item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;transition:all .15s;display:flex}.rem-queue__item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.rem-queue__item--sent{opacity:.6}.rem-queue__item-info{flex:1;min-width:0}.rem-queue__item-top{align-items:center;gap:8px;margin-bottom:4px;display:flex}.rem-queue__item-days{color:#94a3b8;font-size:.75rem;font-weight:500}.rem-queue__item-name{color:#0f172a;font-size:.92rem;font-weight:700}.rem-queue__item-product{color:#6366f1;font-size:.82rem;font-weight:500}.rem-queue__item-meta{color:#94a3b8;gap:12px;margin-top:4px;font-size:.75rem;display:flex}.rem-queue__item-phone{color:#059669}.rem-queue__item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.rem-queue__item-template{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;max-width:160px;padding:5px 8px;font-size:.72rem}.rem-queue__item-template:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.rem-queue__template-label{color:#64748b;font-size:.75rem}.rem-queue__sent-badge{color:#059669;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.rem-queue__action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.rem-queue__action-btn--wa{color:#15803d;background:#dcfce7}.rem-queue__action-btn--wa:hover{background:#bbf7d0}.rem-queue__action-btn--wa:disabled{opacity:.4;cursor:default}.rem-queue__action-btn--preview{color:#6366f1;background:#eef2ff}.rem-queue__action-btn--preview:hover{background:#c7d2fe}.rem-queue__action-btn--preview:disabled{opacity:.4;cursor:default}.rem-preview{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:540px;max-height:80vh;animation:.2s ease-out rem-preview-in;display:flex;box-shadow:0 12px 48px #0000002e}@keyframes rem-preview-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.rem-preview__header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;display:flex}.rem-preview__header h3{color:#0f172a;margin:0 0 4px;font-size:1rem;font-weight:700}.rem-preview__meta{color:#64748b;font-size:.78rem}.rem-preview__body{color:#334155;white-space:pre-wrap;background:#f8fafc;flex:1;padding:20px 24px;font-size:.88rem;line-height:1.7;overflow-y:auto}.rem-preview__actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.rem-preview__btn--copy{color:#15803d;background:#f0fdf4}.rem-preview__btn--copy:hover{background:#dcfce7}.rem-templates{grid-template-columns:280px 1fr;gap:20px;min-height:400px;display:grid}.rem-templates__list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.rem-templates__list-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.rem-templates__list-header h3{color:#0f172a;margin:0;font-size:.88rem;font-weight:700}.rem-templates__list{flex:1;overflow-y:auto}.rem-templates__item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:12px 16px;transition:background .15s;position:relative}.rem-templates__item:hover{background:#fafbfc}.rem-templates__item--active{background:#eef2ff;border-left:3px solid #6366f1}.rem-templates__item-name{color:#0f172a;margin-bottom:2px;font-size:.84rem;font-weight:700}.rem-templates__item-preview{color:#94a3b8;font-size:.75rem;line-height:1.4}.rem-templates__item-actions{gap:4px;display:none;position:absolute;top:10px;right:10px}.rem-templates__item:hover .rem-templates__item-actions{display:flex}.rem-templates__editor{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex}.rem-templates__editor-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.rem-templates__editor-header h3{color:#0f172a;margin:0;font-size:.92rem;font-weight:700}.rem-templates__editor-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.rem-templates__editor-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.rem-templates__field{flex-direction:column;gap:6px;display:flex}.rem-templates__field label{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.72rem;font-weight:700}.rem-templates__body-header{justify-content:space-between;align-items:center;display:flex}.rem-templates__chips{flex-wrap:wrap;gap:4px;display:flex}.rem-templates__chip{color:#6366f1;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.72rem;font-weight:600;transition:all .15s}.rem-templates__chip:hover{background:#c7d2fe}.rem-templates__preview{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:180px;padding:14px;font-size:.88rem;line-height:1.6}.rem-templates__empty-editor{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;font-size:.88rem;display:flex}.rem-history__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rem-history__count{color:#64748b;font-size:.84rem;font-weight:600}.rem-history__list{flex-direction:column;gap:4px;display:flex}.rem-history__item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .15s;overflow:hidden}.rem-history__item:hover{border-color:#cbd5e1}.rem-history__item-top{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;display:flex}.rem-history__item-icon{color:#059669;background:#ecfdf5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rem-history__item-info{flex:1;min-width:0}.rem-history__item-name{color:#0f172a;font-size:.84rem;font-weight:700}.rem-history__item-meta{color:#94a3b8;font-size:.75rem}.rem-history__item-date{color:#94a3b8;white-space:nowrap;font-size:.75rem}.rem-history__item-message{color:#475569;white-space:pre-wrap;background:#fafbfc;border-top:1px solid #f1f5f9;padding:12px 16px 14px 60px;font-size:.82rem;line-height:1.5}@media (width<=900px){.rem-templates{grid-template-columns:1fr}.rem-queue__controls{flex-direction:column}.rem-queue__search{max-width:none}.rem-queue__item{flex-direction:column;align-items:stretch}.rem-queue__item-actions{justify-content:flex-end;margin-top:8px}}.invoices-page{padding:0}.inv__toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px;display:flex}.inv__search{flex:1;min-width:180px;position:relative}.inv__search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.inv__search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px 8px 34px;font-size:.85rem;transition:border-color .2s}.inv__search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.inv__filter-select,.inv__date-input{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.82rem}.inv__filter-select:focus,.inv__date-input:focus{border-color:#6366f1;outline:none}.inv__icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.inv__icon-btn:hover{color:#334155;background:#f1f5f9}#btn-add-invoice{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;padding:8px 16px;font-size:.85rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}#btn-add-invoice:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.inv__number-link{color:#6366f1;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.inv__number-link:hover{color:#4f46e5}.inv__status{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.inv__status--draft{color:#64748b;background:#f1f5f9}.inv__status--issued{color:#2563eb;background:#dbeafe}.inv__status--paid{color:#16a34a;background:#dcfce7}.inv__status--partial{color:#d97706;background:#fef3c7}.inv__status--overdue{color:#dc2626;background:#fee2e2}.inv__status--cancelled{color:#94a3b8;background:#f1f5f9;text-decoration:line-through}.inv__status--refunded{color:#db2777;background:#fce7f3}.inv__source-tag{color:#64748b;background:#f1f5f9;border-radius:8px;padding:2px 8px;font-size:.7rem;display:inline-block}.inv__actions{gap:4px;display:flex}.inv__act-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.inv__act-btn:hover{color:#334155;background:#f1f5f9}.inv__act-btn--issue{color:#2563eb;border-color:#bfdbfe}.inv__act-btn--issue:hover{background:#dbeafe}.inv__act-btn--pay{color:#059669;border-color:#bbf7d0}.inv__act-btn--pay:hover{background:#dcfce7}.inv__act-btn--cancel{color:#d97706;border-color:#fde68a}.inv__act-btn--cancel:hover{background:#fef3c7}.inv__act-btn--del{color:#dc2626;border-color:#fecaca}.inv__act-btn--del:hover{background:#fee2e2}.inv__overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inv__modal{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:28px;box-shadow:0 20px 60px #00000026}.inv__modal-title{color:#1e293b;margin:0 0 12px;font-size:1.1rem}.inv__modal-text{color:#64748b;margin:0 0 20px;font-size:.9rem;line-height:1.5}.inv__modal-actions{justify-content:flex-end;gap:10px;display:flex}.inv__pay-fields{gap:12px;margin-bottom:20px;display:flex}.inv__pay-label{color:#475569;flex-direction:column;flex:1;gap:6px;font-size:.82rem;font-weight:500;display:flex}.inv__pay-input{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.85rem}.inv__pay-input:focus{border-color:#6366f1;outline:none}.inv__form-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000026}.inv__form-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inv__form-header h2{color:#1e293b;margin:0;font-size:1.15rem}.inv__form-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.inv__form-close:hover{color:#475569;background:#f1f5f9}.inv__form-body{flex:1;padding:20px 24px;overflow-y:auto}.inv__form-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.inv__form-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.inv__mode-tabs{background:#f1f5f9;border-radius:10px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.inv__mode-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.inv__mode-tab:hover{color:#334155}.inv__mode-tab--active{color:#6366f1;background:#fff;font-weight:600;box-shadow:0 1px 4px #00000014}.inv__customer-card{background:linear-gradient(135deg,#eef2ff,#f0f9ff);border:1px solid #c7d2fe;border-radius:10px;margin-bottom:16px;padding:12px 16px}.inv__customer-name{color:#1e293b;margin-bottom:4px;font-size:.95rem;font-weight:600}.inv__customer-detail{color:#475569;margin-top:2px;font-size:.8rem}.inv__subs-loading,.inv__subs-empty{color:#a16207;text-align:center;background:#fefce8;border-radius:8px;padding:10px 14px;font-size:.82rem}.inv__sub-preview{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:16px}.inv__sub-preview h4{text-transform:uppercase;letter-spacing:.5px;color:#16a34a;margin:0 0 10px;font-size:.82rem}.inv__sub-grid{color:#334155;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:.82rem;line-height:1.6;display:grid}.inv__sub-hint{color:#64748b;background:#ffffffb3;border-radius:8px;margin:12px 0 0;padding:8px 12px;font-size:.78rem;line-height:1.5}.inv__sub-status{text-transform:uppercase;border-radius:8px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.inv__sub-status--active{color:#16a34a;background:#dcfce7}.inv__sub-status--expired{color:#dc2626;background:#fee2e2}.inv__sub-status--cancelled{color:#94a3b8;background:#f1f5f9}.inv__form-row{margin-bottom:14px}.inv__form-row--2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.inv__form-label{color:#475569;flex-direction:column;gap:6px;font-size:.82rem;font-weight:500;display:flex}.inv__form-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:.85rem;transition:border-color .2s}.inv__form-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.inv__form-textarea{resize:vertical;min-height:60px;font-family:inherit}.inv__form-items-header{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.inv__form-items-header h3{color:#1e293b;margin:0;font-size:.95rem}.inv__form-add-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;transition:all .15s;display:inline-flex}.inv__form-add-btn:hover{background:#e2e8f0}.inv__form-items{flex-direction:column;gap:8px;display:flex}.inv__form-item-row{align-items:center;gap:8px;display:flex}.inv__form-item-desc{flex:3}.inv__form-item-cat{flex:2}.inv__form-item-qty{text-align:center;flex:none;width:60px}.inv__form-item-price{flex:none;width:90px}.inv__form-item-total{text-align:right;color:#059669;flex:none;width:80px;font-size:.82rem;font-weight:600}.inv__form-item-remove{color:#dc2626;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s;display:inline-flex}.inv__form-item-remove:hover{opacity:1;background:#fee2e2}.inv__form-totals{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:16px;padding:12px 16px}.inv__form-total-row{color:#475569;justify-content:space-between;align-items:center;padding:4px 0;font-size:.85rem;display:flex}.inv__form-total-row--grand{color:#1e293b;border-top:1px solid #e2e8f0;margin-top:6px;padding-top:8px;font-size:1rem;font-weight:700}.inv__form-discount-input{text-align:right;width:90px;padding:4px 8px}.inv__settings-panel{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000026}.inv__settings-section-title{text-transform:uppercase;letter-spacing:.6px;color:#6366f1;border-bottom:1px solid #eef2ff;margin-bottom:12px;padding-bottom:6px;font-size:.78rem;font-weight:700}.inv__settings-tc-textarea{resize:vertical;white-space:pre-wrap;font-family:inherit;min-height:260px!important;font-size:.82rem!important;line-height:1.6!important}.inv-print-wrapper{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:880px;max-height:96vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000038}.inv-print__topbar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.inv-print__print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#3b5bdb);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.inv-print__print-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a59}.inv-print__print-btn:disabled{opacity:.65;cursor:not-allowed}.inv-print__spinner{animation:1s linear infinite inv-spin}@keyframes inv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inv-print__toggle{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.inv-print__toggle:hover{background:#f1f5f9}.inv-print__toggle input[type=checkbox]{accent-color:#3b5bdb;cursor:pointer;width:16px;height:16px}.inv-print{color:#0f172a;background:linear-gradient(135deg,#d1f9e3 0%,#a9e2f3 50%,#7fa4ff 100%);flex:1;width:100%;min-width:0;font-family:Inter,-apple-system,Helvetica,sans-serif;position:relative;overflow-y:auto}.inv-doc__diamonds{pointer-events:none;width:160px;height:280px;position:absolute;top:0;left:0;overflow:hidden}.inv-doc__diamond{background:#bcebd28c;position:absolute;transform:rotate(45deg)}.inv-doc__diamond--1{width:90px;height:90px;top:-20px;left:-20px}.inv-doc__diamond--2{opacity:.7;width:70px;height:70px;top:50px;left:20px}.inv-doc__diamond--3{opacity:.5;width:80px;height:80px;top:110px;left:-10px}.inv-doc__layout{z-index:1;align-items:flex-start;width:100%;display:flex;position:relative}.inv-doc__sidebar{background:#e6f5ffbf;border-radius:0 28px 28px 0;flex-direction:column;flex-shrink:0;align-self:stretch;gap:0;width:175px;padding:28px 18px 24px 22px;display:flex}.inv-doc__sb-group{margin-bottom:14px}.inv-doc__sb-divider{border:none;border-top:1px solid #0f172a1f;margin:10px 0 14px}.inv-doc__sb-label{letter-spacing:.6px;text-transform:uppercase;color:#0f172a;margin-bottom:2px;font-size:.6rem;font-weight:800}.inv-doc__sb-customer{color:#0f172a;font-size:.78rem;font-weight:700;line-height:1.3}.inv-doc__sb-detail{color:#475569;word-break:break-all;font-size:.65rem;line-height:1.55}.inv-doc__sb-value{color:#334155;font-size:.68rem;line-height:1.4}.inv-doc__main{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;padding:20px 20px 16px;display:flex}.inv-doc__top-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.inv-doc__title{color:#0f172a;letter-spacing:-.5px;flex-shrink:0;margin:0;font-size:2.2rem;font-weight:800;line-height:1}.inv-doc__company{flex-shrink:1;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.inv-doc__company-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:80px;height:48px}.inv-doc__company-info{text-align:right}.inv-doc__company-name{color:#0f172a;font-size:.88rem;font-weight:700}.inv-doc__company-detail{color:#475569;font-size:.65rem;line-height:1.5}.inv-doc__table{border-collapse:collapse;table-layout:fixed;width:100%;margin-bottom:12px;font-size:.75rem}.inv-doc__table td,.inv-doc__table th{text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden}.inv-doc__table thead tr{border-bottom:1.5px solid #64748b}.inv-doc__table th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:#0f172a;padding:6px 8px 8px;font-size:.65rem;font-weight:700}.inv-doc__th-r{text-align:right!important}.inv-doc__table tbody tr{border-bottom:1px solid #64748b33}.inv-doc__td-item,.inv-doc__td-desc,.inv-doc__td-r{vertical-align:top;color:#334155;padding:9px 8px}.inv-doc__td-r{text-align:right;font-variant-numeric:tabular-nums}.inv-doc__item-num{color:#475569;margin-right:4px}.inv-doc__item-name{color:#0f172a;font-weight:600}.inv-doc__item-cat{color:#64748b;font-size:.62rem}.inv-doc__td-desc{flex-direction:column;justify-content:flex-start;gap:2px;display:flex}.inv-doc__item-service-desc{color:#334155;font-size:.72rem;font-weight:500;line-height:1.3}.inv-doc__item-period{color:#64748b;font-size:.65rem}.inv-doc__bottom-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.inv-doc__terms-col{flex:1}.inv-doc__terms-label{text-transform:uppercase;letter-spacing:.4px;color:#0f172a;margin-bottom:4px;font-size:.62rem;font-weight:800}.inv-doc__terms-text{color:#475569;font-size:.68rem;font-style:italic;line-height:1.5}.inv-doc__totals-col{flex-shrink:0;min-width:180px}.inv-doc__total-row{justify-content:space-between;padding:3px 0;display:flex}.inv-doc__total-label{color:#334155;font-size:.78rem;font-weight:600}.inv-doc__total-val{color:#475569;font-variant-numeric:tabular-nums;font-size:.78rem}.inv-doc__total-divider{border-top:1.5px solid #64748b;margin:6px 0}.inv-doc__total-grand-row{justify-content:space-between;align-items:center;display:flex}.inv-doc__total-grand-label{color:#0f172a;letter-spacing:.5px;font-size:.88rem;font-weight:800}.inv-doc__total-grand-val{color:#0f172a;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.inv-doc__sig-row{margin-bottom:8px}.inv-doc__sig-line{border-top:1px solid #64748b4d;width:100%}.inv-doc__contact-row{color:#475569;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;font-size:.72rem;display:flex}.inv-doc__contact-logo{opacity:.85;width:32px;height:auto}.inv-doc__tc-block{border-top:1px solid #64748b40;padding-top:10px}.inv-doc__tc-title{text-transform:uppercase;letter-spacing:.4px;color:#0f172a;margin-bottom:5px;font-size:.62rem;font-weight:800}.inv-doc__tc-body{color:#475569;overflow-wrap:break-word;word-wrap:break-word;font-size:.54rem;line-height:1.55}.inv-doc__tc-heading{color:#0f172a;margin-top:5px;font-weight:700}.inv-doc__tc-bullet{padding-left:6px}.inv-doc__footer{color:#93c5fd;z-index:1;background:#0f172ad9;justify-content:space-between;align-items:center;gap:16px;padding:10px 32px;font-size:.62rem;display:flex;position:relative}.inv__toast{z-index:2000;border-radius:10px;padding:12px 20px;font-size:.85rem;font-weight:500;animation:.3s inv-toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #00000026}.inv__toast--success{color:#166534;background:#dcfce7}.inv__toast--error{color:#991b1b;background:#fee2e2}@keyframes inv-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cf-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .15s}.cf-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.cf-btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.cf-btn--primary:disabled{opacity:.6;box-shadow:none;cursor:not-allowed;transform:none}.cf-btn--secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.cf-btn--secondary:hover{background:#e2e8f0}.inv__tc-tabs{gap:8px;margin-bottom:10px;display:flex}.inv__tc-tab{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:7px 16px;font-size:.8rem;font-weight:600;transition:all .15s}.inv__tc-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.inv__tc-tab--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.inv__tc-hint{color:#94a3b8;margin-bottom:6px;font-size:.7rem;font-weight:400;display:block}.inv-doc__tc-title{align-items:center;gap:8px;display:flex}.inv-doc__tc-badge{color:#475569;letter-spacing:.3px;background:#0f172a14;border-radius:4px;padding:2px 6px;font-size:.5rem;font-weight:600}.inv__sub-checklist{flex-direction:column;gap:8px;margin-top:6px;display:flex}.inv__sub-check-row{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.inv__sub-check-row:hover{background:#f5f3ff;border-color:#a5b4fc}.inv__sub-check-row--selected{background:#eef2ff;border-color:#6366f1}.inv__sub-check-box{background:#fff;border:2px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.inv__sub-check-row--selected .inv__sub-check-box{background:#6366f1;border-color:#6366f1}.inv__sub-check-tick{color:#fff;font-size:.75rem;font-weight:700;line-height:1}.inv__sub-check-info{flex:1;min-width:0}.inv__sub-check-name{color:#1e293b;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.inv__sub-check-period{color:#64748b;margin-top:2px;font-size:.7rem}.inv__sub-check-price{color:#0f172a;text-align:right;min-width:56px;font-size:.82rem;font-weight:700}.inv__sub-check-qty{color:#64748b;align-items:center;gap:5px;font-size:.72rem;display:flex}.inv__sub-check-qty input{text-align:center;width:52px!important;padding:4px 6px!important;font-size:.78rem!important}.inv__sub-total-preview{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:4px;padding:8px 12px;font-size:.8rem;display:flex}.inv__sub-total-amt{font-weight:700}.inv__form-item-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:5px;margin-bottom:8px;padding:10px;display:flex}.inv__form-item-name{flex:1;min-width:0}.inv__form-item-desc-sub{color:#64748b;background:#fff!important;border-color:#e2e8f0!important;font-size:.78rem!important}.sqa{max-width:1400px;padding:1.5rem 2rem}.sqa__header{margin-bottom:1.5rem}.sqa__title{color:#e2e8f0;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex}.sqa__badge{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:10px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.sqa__subtitle{color:#64748b;margin-top:.3rem;font-size:.8rem}.sqa__filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.sqa__filter-group{flex-direction:column;gap:.3rem;display:flex}.sqa__filter-group--search{flex:1;min-width:200px}.sqa__filter-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:600}.sqa__filter-select,.sqa__filter-input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;padding:.45rem .75rem;font-size:.82rem;transition:border-color .2s}.sqa__filter-select:focus,.sqa__filter-input:focus{border-color:#00e5ff}.sqa__table-wrap{border:1px solid #1e293b;border-radius:10px;overflow-x:auto}.sqa__table{border-collapse:collapse;width:100%;font-size:.82rem}.sqa__th{text-align:left;color:#64748b;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#0f172a;border-bottom:1px solid #1e293b;padding:.75rem .8rem;font-size:.7rem;font-weight:600}.sqa__th--wide{min-width:200px}.sqa__row{border-bottom:1px solid #1e293b;transition:background .15s}.sqa__row:hover{background:#00e5ff05}.sqa__row--pending{border-left:3px solid #f59e0b80}.sqa__td{color:#cbd5e1;vertical-align:top;padding:.7rem .8rem}.sqa__td--service{color:#00e5ff;white-space:nowrap;font-size:.78rem;font-weight:600}.sqa__td--question{color:#e2e8f0;max-width:280px;line-height:1.5}.sqa__td--answer{max-width:320px;line-height:1.5}.sqa__answer-text{color:#94a3b8;font-size:.8rem;display:block}.sqa__td--date{white-space:nowrap;color:#64748b;font-size:.75rem}.sqa__td--actions{white-space:nowrap;align-items:center;gap:.35rem;display:flex}.sqa__status{white-space:nowrap;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;font-weight:600}.sqa__status--approved{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.sqa__status--pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40}.sqa__btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:5px;padding:.3rem .5rem;font-size:.78rem;transition:all .15s}.sqa__btn:hover{color:#e2e8f0;background:#334155}.sqa__btn--approve{color:#22c55e;border-color:#22c55e4d}.sqa__btn--approve:hover{background:#22c55e26}.sqa__btn--unapprove{color:#f59e0b;border-color:#f59e0b4d}.sqa__btn--unapprove:hover{background:#f59e0b1a}.sqa__btn--edit{color:#00e5ff;border-color:#00e5ff33}.sqa__btn--edit:hover{background:#00e5ff1a}.sqa__btn--delete{color:#ef4444;border-color:#ef444433}.sqa__btn--delete:hover{background:#ef44441a}.sqa__btn--delete-yes{color:#fff;background:#ef4444cc;border-color:#ef4444;font-weight:600}.sqa__btn--save{color:#22c55e;border-color:#22c55e66;font-weight:600}.sqa__btn--cancel{color:#94a3b8}.sqa__edit-wrap{flex-direction:column;gap:.4rem;display:flex}.sqa__edit-textarea{color:#e2e8f0;resize:vertical;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:100%;padding:.5rem;font-family:inherit;font-size:.8rem}.sqa__edit-textarea:focus{border-color:#00e5ff}.sqa__edit-actions{gap:.4rem;display:flex}.sqa__loading,.sqa__empty{text-align:center;color:#64748b;padding:3rem;font-size:.9rem}.sqa__toast{z-index:9999;border-radius:8px;padding:.75rem 1.25rem;font-size:.82rem;font-weight:600;animation:.3s ease-out sqaToastIn;position:fixed;bottom:1.5rem;right:1.5rem}.sqa__toast--success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.sqa__toast--error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}@keyframes sqaToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.eq{max-width:1400px;padding:0 2rem 2rem}.eq__header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.eq__header-left{flex-direction:column;gap:.3rem;display:flex}.eq__header-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.eq__bulk-btn{color:#818cf8;cursor:pointer;background:#6366f11a;border:1px solid #6366f159;border-radius:10px;align-items:center;gap:7px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.eq__bulk-btn:hover{background:#6366f133;border-color:#6366f199;box-shadow:0 0 16px #6366f126}.eq__bulk-panel{margin-bottom:1.25rem;animation:.2s eqToastIn}.eq__bulk-panel-inner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#111827e6 0%,#1e293bb3 100%);border:1px solid #6366f14d;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex}.eq__bulk-label{color:#e2e8f0;white-space:nowrap;font-size:.85rem}.eq__bulk-hint{color:#94a3b8;white-space:nowrap;font-size:.75rem}.eq__bulk-input-wrap{background:#0f172a99;border:1px solid #6366f166;border-radius:8px;align-items:center;gap:4px;padding:.3rem .65rem;display:flex}.eq__bulk-symbol{color:#4ade80;font-size:.9rem;font-weight:700}.eq__bulk-input{color:#e2e8f0;text-align:center;background:0 0;border:none;outline:none;width:70px;font-family:monospace;font-size:.9rem;font-weight:600}.eq__bulk-input::-webkit-outer-spin-button{-webkit-appearance:none}.eq__bulk-input::-webkit-inner-spin-button{-webkit-appearance:none}.eq__bulk-apply{color:#818cf8;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f166;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:.45rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.eq__bulk-apply:hover:not(:disabled){background:#6366f147;border-color:#6366f199}.eq__bulk-apply--confirm{color:#4ade80;background:#22c55e26;border-color:#22c55e66}.eq__bulk-apply--confirm:hover:not(:disabled){background:#22c55e47}.eq__bulk-apply:disabled{opacity:.5;cursor:not-allowed}.eq__bulk-close{color:#475569;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;padding:0;transition:all .15s;display:inline-flex}.eq__bulk-close:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}.eq__bulk-note-input{color:#cbd5e1;background:#0f172a80;border:1px solid #2d3f5e;border-radius:8px;outline:none;flex:1;min-width:160px;padding:.3rem .75rem;font-size:.8rem;transition:border-color .2s}.eq__bulk-note-input::placeholder{color:#334155}.eq__bulk-note-input:focus{border-color:#6366f180}.eq__log{background:linear-gradient(135deg,#111827cc 0%,#0f172a99 100%);border:1px solid #1a2744;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.eq__log-toggle{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.8rem 1.25rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;display:flex}.eq__log-toggle:hover{color:#c7d2fe;background:#6366f10d}.eq__log-count{color:#818cf8;background:#6366f126;border:1px solid #6366f133;border-radius:20px;padding:.1rem .5rem;font-size:.7rem}.eq__log-chevron{color:#475569;margin-left:auto;transition:transform .2s}.eq__log-chevron--open{transform:rotate(180deg)}.eq__log-body{border-top:1px solid #1a2744;overflow-x:auto}.eq__log-table{border-collapse:collapse;width:100%}.eq__log-th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;background:#0f172a66;border-bottom:1px solid #1a2744;padding:.5rem 1rem;font-size:.65rem;font-weight:700}.eq__log-row{transition:background .1s}.eq__log-row:hover{background:#6366f10a}.eq__log-row:last-child .eq__log-td{border-bottom:none}.eq__log-td{color:#e2e8f0;vertical-align:middle;border-bottom:1px solid #1a274480;padding:.6rem 1rem;font-size:.8rem}.eq__log-td--date{color:#cbd5e1;white-space:nowrap;font-family:monospace;font-size:.75rem}.eq__log-td--count{color:#cbd5e1;font-size:.75rem}.eq__log-td--note{color:#f1f5f9;font-size:.8rem}.eq__log-amount{border-radius:5px;padding:.15rem .5rem;font-family:monospace;font-size:.85rem;font-weight:700}.eq__log-amount--pos{color:#4ade80;background:#22c55e14}.eq__log-amount--neg{color:#f87171;background:#ef444414}.eq__log-empty{color:#475569}.eq__log-type{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:.15rem .55rem;font-size:.65rem;font-weight:700}.eq__log-type--bulk{color:#818cf8;background:#6366f126;border:1px solid #6366f140}.eq__log-type--single{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.eq__log-change{align-items:center;gap:4px;font-family:monospace;font-size:.82rem;display:inline-flex}.eq__log-old{color:#64748b;-webkit-text-decoration:line-through #475569;text-decoration:line-through #475569}.eq__log-arrow{color:#475569;font-size:.75rem}.eq__title{color:#f1f5f9;letter-spacing:-.5px;margin:0;font-size:1.8rem;font-weight:800}.eq__subtitle{color:#64748b;margin:0;font-size:.875rem}.eq__upload{text-align:center;cursor:pointer;background:linear-gradient(135deg,#0f172a99 0%,#1e293b66 100%);border:2px dashed #2d3f55;border-radius:16px;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.1rem 2rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.eq__upload:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#6366f10f 0%,#0000 70%);position:absolute;inset:0}.eq__upload:hover{background:linear-gradient(135deg,#0f172ab3 0%,#1e293b80 100%);border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f114,0 8px 32px #0003}.eq__upload--busy{pointer-events:none;background:#6366f10f;border-style:solid;border-color:#6366f1}.eq__upload-icon{filter:drop-shadow(0 0 10px #6366f159);flex-shrink:0;align-items:center;display:flex}.eq__upload-content{text-align:left}.eq__upload-text{color:#cbd5e1;margin:0 0 .2rem;font-size:.9rem;font-weight:500}.eq__upload-hint{color:#475569;margin:0;font-size:.78rem}.eq__upload-spinner{border:3px solid #6366f126;border-top-color:#6366f1;border-radius:50%;width:44px;height:44px;margin:0 auto 1rem;animation:.75s linear infinite eqSpin}@keyframes eqSpin{to{transform:rotate(360deg)}}.eq__supplier-prompt{background:linear-gradient(135deg,#0f172acc 0%,#1e293b99 100%);border:2px solid #6366f1;border-radius:16px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 0 0 4px #6366f11a,0 8px 32px #0000004d}.eq__supplier-prompt-inner{flex-direction:column;gap:.75rem;display:flex}.eq__supplier-prompt-title{color:#a5b4fc;letter-spacing:.01em;word-break:break-all;margin:0;font-size:.85rem;font-weight:600}.eq__supplier-prompt-label{color:#e2e8f0;margin:0;font-size:.95rem;font-weight:500}.eq__supplier-prompt-input{color:#f1f5f9;box-sizing:border-box;background:#0f172ab3;border:1.5px solid #334155;border-radius:8px;outline:none;width:100%;padding:.65rem 1rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.eq__supplier-prompt-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.eq__supplier-prompt-actions{justify-content:flex-end;gap:.75rem;margin-top:.25rem;display:flex}.eq__supplier-prompt-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px solid #334155;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .2s}.eq__supplier-prompt-cancel:hover{color:#cbd5e1;border-color:#475569}.eq__supplier-prompt-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.eq__supplier-prompt-confirm:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.eq__supplier-prompt-confirm:disabled{opacity:.45;cursor:not-allowed;transform:none}.eq__supplier-prompt-confirm--replace{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b4d}.eq__supplier-prompt-confirm--replace:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 16px #f59e0b73}.eq__supplier-prompt-modes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.eq__supplier-prompt-mode{color:#e2e8f0;cursor:pointer;text-align:left;background:#0f172a99;border:1.5px solid #334155;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.eq__supplier-prompt-mode:hover:not(:disabled){background:#6366f114;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 0 0 3px #6366f11a}.eq__supplier-prompt-mode:disabled{opacity:.35;cursor:not-allowed}.eq__supplier-prompt-mode-icon{flex-shrink:0;font-size:1.5rem}.eq__supplier-prompt-mode-text{flex-direction:column;gap:.15rem;display:flex}.eq__supplier-prompt-mode-text strong{font-size:.9rem;font-weight:600}.eq__supplier-prompt-mode-text small{color:#94a3b8;font-size:.78rem}.eq__supplier-prompt-list{flex-direction:column;gap:.4rem;max-height:200px;display:flex;overflow-y:auto}.eq__supplier-prompt-item{color:#cbd5e1;cursor:pointer;text-align:left;background:#0f172a80;border:1.5px solid #334155;border-radius:8px;padding:.6rem 1rem;font-size:.88rem;font-weight:500;transition:all .2s}.eq__supplier-prompt-item:hover{color:#f1f5f9;background:#f59e0b0f;border-color:#f59e0b}.eq__supplier-prompt-item--selected{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.eq__stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.eq__stat{text-align:center;cursor:default;border-radius:14px;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.eq__stat:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000040}.eq__stat:first-child{background:linear-gradient(135deg,#1e2d4a 0%,#162038 100%);border:1px solid #6366f140}.eq__stat:nth-child(2){background:linear-gradient(135deg,#1a2e26 0%,#112219 100%);border:1px solid #22c55e33}.eq__stat:nth-child(3){background:linear-gradient(135deg,#271e3f 0%,#1c1530 100%);border:1px solid #a855f733}.eq__stat:nth-child(4){background:linear-gradient(135deg,#2a2018 0%,#1e1610 100%);border:1px solid #f59e0b33}.eq__stat:after{content:"";opacity:.07;border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-20px}.eq__stat:first-child:after{background:#6366f1}.eq__stat:nth-child(2):after{background:#22c55e}.eq__stat:nth-child(3):after{background:#a855f7}.eq__stat:nth-child(4):after{background:#f59e0b}.eq__stat-value{letter-spacing:-.5px;margin-bottom:.3rem;font-size:2rem;font-weight:800;display:block}.eq__stat:first-child .eq__stat-value{color:#818cf8}.eq__stat:nth-child(2) .eq__stat-value{color:#4ade80}.eq__stat:nth-child(3) .eq__stat-value{color:#c084fc}.eq__stat:nth-child(4) .eq__stat-value{color:#fbbf24}.eq__stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.eq__stat-icon{opacity:.35;font-size:1.1rem;position:absolute;top:1rem;right:1rem}.eq__search{margin-bottom:1.5rem;position:relative}.eq__search-icon{color:#475569;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.eq__search-input{color:#e2e8f0;box-sizing:border-box;background:#0f172ab3;border:1px solid #1e293b;border-radius:10px;outline:none;width:100%;padding:.8rem 1rem .8rem 2.75rem;font-size:.875rem;transition:all .2s}.eq__search-input::placeholder{color:#475569}.eq__search-input:focus{background:#0f172ae6;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.eq__loading,.eq__empty{text-align:center;color:#475569;background:#0f172a4d;border:1px solid #1e293b;border-radius:14px;padding:4rem 2rem;font-size:.9375rem}.eq__supplier-section{flex-direction:column;gap:6px;margin-bottom:1.5rem;display:flex}.eq__supplier-header{align-items:center;gap:.6rem;margin-bottom:.25rem;padding:.5rem 0;display:flex}.eq__supplier-header-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #6366f199}.eq__supplier-header-name{letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;white-space:nowrap;font-size:.8rem;font-weight:700}.eq__supplier-header-count{color:#475569;white-space:nowrap;font-size:.72rem;font-weight:500}.eq__supplier-header-line{background:linear-gradient(90deg,#6366f140,#0000);flex:1;height:1px}.eq__categories{flex-direction:column;gap:6px;display:flex}.eq__cat{background:linear-gradient(135deg,#111827cc 0%,#0f172a99 100%);border:1px solid #1a2744;border-radius:12px;transition:all .2s;overflow:hidden}.eq__cat:hover{border-color:#2d3f5e}.eq__cat--inactive{opacity:.45}.eq__cat--expanded{border-color:#6366f14d;box-shadow:0 4px 20px #0003}.eq__cat-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.9rem 1.25rem;transition:background .15s;display:flex}.eq__cat-header:hover{background:#6366f10a}.eq__cat-arrow{color:#6366f1;background:#6366f114;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;transition:transform .2s,background .2s;display:flex}.eq__cat--expanded .eq__cat-arrow{background:#6366f12e;transform:rotate(90deg)}.eq__cat-name{color:#e2e8f0;letter-spacing:.01em;flex:1;font-size:.9rem;font-weight:600}.eq__cat-count{color:#e2e8f0;background:#0f172a99;border:1px solid #2d3f5e;border-radius:20px;padding:.2rem .6rem;font-size:.78rem}.eq__toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:20px;flex-shrink:0;padding:.28rem .8rem;font-size:.72rem;font-weight:700;transition:all .15s}.eq__toggle--on{color:#4ade80;background:#22c55e1a;border-color:#22c55e59}.eq__toggle--on:hover{background:#22c55e33;border-color:#22c55e80}.eq__toggle--off{color:#64748b;background:#64748b1a;border-color:#64748b40}.eq__toggle--off:hover{background:#64748b33}.eq__toggle--sm{padding:.2rem .55rem;font-size:.65rem}.eq__move-btn{color:#fbbf24;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:.25rem .7rem;font-size:.65rem;font-weight:700;transition:all .15s;display:inline-flex}.eq__move-btn:hover{background:#f59e0b2e;border-color:#f59e0b73;box-shadow:0 0 12px #f59e0b1a}.eq__cat-body{background:#090e1b66;border-top:1px solid #1a2744;padding:0}.eq__cat-empty{text-align:center;color:#334155;padding:2rem;font-size:.875rem}.eq__table{border-collapse:collapse;width:100%}.eq__th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.07em;background:#0f172a80;border-bottom:1px solid #1a2744;padding:.6rem .9rem;font-size:.65rem;font-weight:700}.eq__th--wide{width:40%}.eq__th--right{text-align:right}.eq__row{transition:background .1s,opacity .2s}.eq__row:hover{background:#6366f10a}.eq__row--inactive{opacity:.35}.eq__td{color:#94a3b8;vertical-align:middle;border-bottom:1px solid #1a274499;padding:.6rem .9rem;font-size:.8125rem}.eq__row:last-child .eq__td{border-bottom:none}.eq__td--img{width:52px;padding-right:.5rem}.eq__thumb{object-fit:cover;border:1px solid #1e293b;border-radius:8px;width:38px;height:38px;transition:transform .15s;display:block}.eq__thumb:hover{transform:scale(1.1)}.eq__no-img{color:#334155;background:#1e293b80;border:1px solid #1e293b;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;display:flex}.eq__img-wrap{width:38px;height:38px;position:relative}.eq__img-delete{color:#f87171;cursor:pointer;opacity:0;background:#0f172ae6;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:opacity .15s;display:flex;position:absolute;top:-5px;right:-5px}.eq__img-wrap:hover .eq__img-delete{opacity:1}.eq__img-delete:hover{background:#ef444433}.eq__img-upload{color:#475569;cursor:pointer;background:#0f172a66;border:1px dashed #2d3f5e;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.eq__img-upload:hover{color:#fbbf24;background:#f59e0b0f;border-color:#f59e0b}.eq__img-upload--busy{pointer-events:none;opacity:.5}.eq__td--code{color:#6366f1;white-space:nowrap;background:#6366f10f;border-radius:4px;padding:.25rem .6rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem}.eq__td--desc{text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;max-width:320px;overflow:hidden}.eq__td--price{text-align:right;color:#64748b;font-family:monospace;font-size:.8rem}.eq__td--sale3{color:#4ade80;font-weight:700}.eq__td--desc-cell{max-width:320px}.eq__code-display{cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:2px 4px;transition:background .15s;display:inline-flex}.eq__code-display:hover{background:#6366f11a}.eq__code-display:hover .eq__price-edit-icon{opacity:1}.eq__code-edit{align-items:center;gap:3px;display:inline-flex}.eq__code-input{color:#818cf8;background:#6366f11a;border:1px solid #6366f1;border-radius:5px;outline:none;width:100px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem}.eq__desc-display{cursor:pointer;border-radius:5px;align-items:center;gap:5px;max-width:100%;padding:2px 5px;transition:background .15s;display:inline-flex}.eq__desc-display:hover{background:#6366f114}.eq__desc-text{text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;overflow:hidden}.eq__desc-display:hover .eq__price-edit-icon{opacity:1}.eq__desc-edit{align-items:center;gap:4px;width:100%;display:flex}.eq__desc-input{color:#e2e8f0;background:#6366f11a;border:1px solid #6366f1;border-radius:5px;outline:none;flex:1;min-width:0;padding:3px 8px;font-size:.8rem}.eq__td--actions{text-align:center;width:36px;padding:.4rem .5rem}.eq__action-btn{color:#64748b;cursor:pointer;background:#1e293b80;border:1px solid #2d3f5e;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:inline-flex}.eq__action-btn:hover:not(:disabled){color:#818cf8;background:#6366f126;border-color:#6366f166}.eq__action-btn:disabled{opacity:.5;cursor:not-allowed}.eq__action-btn--copied{font-size:.8rem;font-weight:700;color:#4ade80!important;background:#22c55e26!important;border-color:#22c55e66!important}.eq__action-spinner{border:2px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite eqSpin;display:block}.eq__toast{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;max-width:480px;padding:.9rem 1.5rem;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) eqToastIn;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #0006}.eq__toast--success{color:#4ade80;background:#152b1cf2;border:1px solid #22c55e59}.eq__toast--error{color:#f87171;background:#2b1212f2;border:1px solid #ef444459}@keyframes eqToastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.eq__price-display{cursor:pointer;color:#4ade80;border-radius:5px;align-items:center;gap:5px;padding:2px 5px;font-weight:700;transition:background .15s;display:inline-flex}.eq__price-display:hover{background:#6366f11a}.eq__price-edit-icon{color:#6366f1;opacity:0;flex-shrink:0;transition:opacity .15s}.eq__price-display:hover .eq__price-edit-icon{opacity:1}.eq__price-edit{align-items:center;gap:3px;display:inline-flex}.eq__price-edit-symbol{color:#4ade80;font-size:.8rem;font-weight:700}.eq__price-input{color:#e2e8f0;text-align:right;background:#6366f11a;border:1px solid #6366f1;border-radius:5px;outline:none;width:70px;padding:3px 6px;font-family:monospace;font-size:.8rem}.eq__price-input::-webkit-outer-spin-button{-webkit-appearance:none}.eq__price-input::-webkit-inner-spin-button{-webkit-appearance:none}.eq__price-btn{cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:background .15s;display:flex}.eq__price-btn--save{color:#4ade80;background:#22c55e33}.eq__price-btn--save:hover{background:#22c55e59}.eq__price-btn--cancel{color:#94a3b8;background:#64748b33}.eq__price-btn--cancel:hover{background:#64748b59}.eq__lightbox{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;animation:.2s eqLightboxIn;display:flex;position:fixed;inset:0}@keyframes eqLightboxIn{0%{opacity:0}to{opacity:1}}.eq__lightbox-img{object-fit:contain;cursor:default;border-radius:12px;max-width:90vw;max-height:88vh;animation:.2s cubic-bezier(.34,1.4,.64,1) eqLightboxScale;box-shadow:0 24px 80px #000000b3}@keyframes eqLightboxScale{0%{transform:scale(.88)}to{transform:scale(1)}}.eq__lightbox-close{color:#f1f5f9;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.eq__lightbox-close:hover{background:#ffffff38}.eq__thumb{cursor:zoom-in}.eq__tabs{background:#0f172a80;border:1px solid #1a2744;border-radius:12px;gap:2px;width:fit-content;margin-bottom:1.5rem;padding:4px;display:flex}.eq__tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:.6rem 1.4rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.eq__tab:hover{color:#cbd5e1;background:#6366f10f}.eq__tab--active{color:#c7d2fe;background:linear-gradient(135deg,#6366f126 0%,#6366f114 100%);border-color:#6366f14d;box-shadow:0 2px 12px #6366f11a}.eq__tab-badge{color:#fbbf24;text-align:center;background:#fbbf2426;border:1px solid #fbbf2440;border-radius:20px;min-width:18px;padding:.1rem .5rem;font-size:.65rem;font-weight:700}.eq__order-stats{grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.eq__order-stat{text-align:center;cursor:default;border-radius:12px;padding:1rem 1.1rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.eq__order-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.eq__order-stat-value{letter-spacing:-.5px;margin-bottom:.2rem;font-size:1.6rem;font-weight:800;display:block}.eq__order-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:600}.eq__order-stat--total{background:linear-gradient(135deg,#1e2d4a 0%,#162038 100%);border:1px solid #6366f133}.eq__order-stat--total .eq__order-stat-value{color:#818cf8}.eq__order-stat--pending{background:linear-gradient(135deg,#2a2518 0%,#1e1a10 100%);border:1px solid #fbbf2433}.eq__order-stat--pending .eq__order-stat-value{color:#fbbf24}.eq__order-stat--confirmed{background:linear-gradient(135deg,#172d4a 0%,#0f1f38 100%);border:1px solid #38bdf833}.eq__order-stat--confirmed .eq__order-stat-value{color:#38bdf8}.eq__order-stat--payment{background:linear-gradient(135deg,#271e3f 0%,#1c1530 100%);border:1px solid #a855f733}.eq__order-stat--payment .eq__order-stat-value{color:#c084fc}.eq__order-stat--delivered{background:linear-gradient(135deg,#1a2e26 0%,#112219 100%);border:1px solid #22c55e33}.eq__order-stat--delivered .eq__order-stat-value{color:#4ade80}.eq__order-stat--cancelled{background:linear-gradient(135deg,#2d1a1a 0%,#1e1010 100%);border:1px solid #ef444433}.eq__order-stat--cancelled .eq__order-stat-value{color:#f87171}.eq__order-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.eq__order-filter{color:#64748b;cursor:pointer;background:#0f172a80;border:1px solid #1e293b;border-radius:20px;padding:.4rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s}.eq__order-filter:hover{color:#cbd5e1;background:#6366f10f;border-color:#6366f14d}.eq__order-filter--active{color:#c7d2fe;background:#6366f126;border-color:#6366f166}.eq__orders-wrap{background:linear-gradient(135deg,#111827cc 0%,#0f172a99 100%);border:1px solid #1a2744;border-radius:12px;overflow:hidden}.eq__orders-table{border-collapse:collapse;width:100%}.eq__orders-th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#0f172a80;border-bottom:1px solid #1a2744;padding:.65rem .9rem;font-size:.65rem;font-weight:700}.eq__orders-th--right{text-align:right}.eq__orders-th--center{text-align:center}.eq__orders-row{transition:background .1s}.eq__orders-row:hover{background:#6366f10a}.eq__orders-row:last-child .eq__orders-td{border-bottom:none}.eq__orders-td{color:#94a3b8;vertical-align:middle;border-bottom:1px solid #1a274480;padding:.7rem .9rem;font-size:.8rem}.eq__orders-td--id{color:#818cf8;font-family:monospace;font-size:.75rem;font-weight:700}.eq__orders-td--customer-name{color:#e2e8f0;font-size:.82rem;font-weight:600}.eq__orders-td--customer-phone{color:#64748b;font-size:.72rem}.eq__orders-td--product-code{color:#6366f1;background:#6366f10f;border-radius:4px;margin-bottom:2px;padding:.15rem .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;display:inline-block}.eq__orders-td--product-desc{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.72rem;display:block;overflow:hidden}.eq__orders-td--right{text-align:right;font-family:monospace}.eq__orders-td--center{text-align:center}.eq__orders-td--total{color:#4ade80;font-family:monospace;font-weight:700}.eq__orders-td--date{color:#64748b;white-space:nowrap;font-family:monospace;font-size:.72rem}.eq__orders-td--payment{color:#cbd5e1;font-size:.72rem}.eq__status-badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:.2rem .65rem;font-size:.62rem;font-weight:700;display:inline-block}.eq__status-badge--pending{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.eq__status-badge--confirmed{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840}.eq__status-badge--payment_selected{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.eq__status-badge--delivered{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e40}.eq__status-badge--cancelled{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.eq__order-actions{align-items:center;gap:5px;display:flex}.eq__order-action{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:.3rem .7rem;font-size:.68rem;font-weight:700;transition:all .15s;display:inline-flex}.eq__order-action:disabled{opacity:.5;cursor:not-allowed}.eq__order-action--confirm{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.eq__order-action--confirm:hover:not(:disabled){background:#22c55e33;border-color:#22c55e80}.eq__order-action--deliver{color:#38bdf8;background:#38bdf81a;border-color:#38bdf84d}.eq__order-action--deliver:hover:not(:disabled){background:#38bdf833;border-color:#38bdf880}.eq__order-action--cancel{color:#f87171;background:#ef444414;border-color:#ef444440}.eq__order-action--cancel:hover:not(:disabled){background:#ef44442e;border-color:#ef444480}.eq__modal-overlay{z-index:1500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;animation:.2s eqLightboxIn;display:flex;position:fixed;inset:0}.eq__modal{background:linear-gradient(135deg,#111827 0%,#0f172a 100%);border:1px solid #6366f14d;border-radius:16px;width:100%;max-width:460px;padding:2rem;animation:.2s cubic-bezier(.34,1.4,.64,1) eqLightboxScale;box-shadow:0 24px 80px #0009}.eq__modal h3{color:#f1f5f9;margin:0 0 1rem;font-size:1.1rem;font-weight:700}.eq__modal-textarea{color:#e2e8f0;resize:vertical;box-sizing:border-box;background:#0f172a99;border:1px solid #2d3f5e;border-radius:10px;outline:none;width:100%;min-height:80px;padding:.75rem 1rem;font-family:inherit;font-size:.85rem;transition:border-color .2s}.eq__modal-textarea::placeholder{color:#334155}.eq__modal-textarea:focus{border-color:#6366f180}.eq__modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.eq__modal-btn{cursor:pointer;border:1px solid;border-radius:10px;padding:.55rem 1.4rem;font-size:.82rem;font-weight:600;transition:all .2s}.eq__modal-btn:disabled{opacity:.5;cursor:not-allowed}.eq__modal-btn--cancel{color:#94a3b8;background:#64748b1a;border-color:#2d3f5e}.eq__modal-btn--cancel:hover:not(:disabled){background:#64748b33}.eq__modal-btn--confirm{color:#4ade80;background:#22c55e26;border-color:#22c55e66}.eq__modal-btn--confirm:hover:not(:disabled){background:#22c55e47}.eq__modal-btn--deliver{color:#38bdf8;background:#38bdf826;border-color:#38bdf866}.eq__modal-btn--deliver:hover:not(:disabled){background:#38bdf847}.eq__modal-btn--danger{color:#f87171;background:#ef44441f;border-color:#ef444459}.eq__modal-btn--danger:hover:not(:disabled){background:#ef444440}.eq__orders-empty{text-align:center;color:#475569;padding:3rem 2rem;font-size:.9rem}@media (width<=1100px){.eq__order-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.eq__stats,.eq__order-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.eq{padding:1rem}.eq__stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.eq__order-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}}.eq__supplier-group{margin-bottom:2px}.eq__prod-supplier-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#7c5cfc0f;border-left:3px solid #7c5cfc;border-radius:4px;align-items:center;gap:6px;margin-bottom:2px;padding:6px 14px;transition:background .15s;display:flex}.eq__prod-supplier-header:hover{background:#7c5cfc1f}.eq__supplier-arrow{color:#7c5cfc;transition:transform .2s;display:flex}.eq__supplier-arrow--open{transform:rotate(90deg)}.eq__supplier-name{color:#e2e8f0;letter-spacing:.02em;font-size:.82rem;font-weight:600}.eq__supplier-count{color:#94a3b8;margin-left:auto;font-size:.72rem}.gu{max-width:1400px;padding:0 2rem 2rem}.gu__header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.gu__header-left{flex-direction:column;gap:.3rem;display:flex}.gu__title{color:#f1f5f9;letter-spacing:-.5px;margin:0;font-size:1.8rem;font-weight:800}.gu__subtitle{color:#64748b;margin:0;font-size:.875rem}.gu__auto-fetch-btn{color:#c084fc;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#a855f71a 0%,#8b5cf614 100%);border:1px solid #a855f759;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:.55rem 1.2rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.gu__auto-fetch-btn:hover:not(:disabled){background:linear-gradient(135deg,#a855f733 0%,#8b5cf626 100%);border-color:#a855f780;transform:translateY(-1px);box-shadow:0 0 20px #a855f71f}.gu__auto-fetch-btn--busy{pointer-events:none;opacity:.85}.gu__auto-fetch-btn--busy svg{animation:1s linear infinite guSpin}.gu__auto-fetch-btn:disabled{cursor:not-allowed}.gu__section-tabs{gap:6px;margin-bottom:1.25rem;display:flex}.gu__section-tab{color:#94a3b8;cursor:pointer;background:#0f172a80;border:1px solid #1e293b;border-radius:10px;padding:.45rem 1.1rem;font-size:.78rem;font-weight:600;transition:all .2s}.gu__section-tab:hover{color:#e2e8f0;border-color:#2d3f5e}.gu__section-tab--active,.gu__section-tab--gearup.gu__section-tab--active{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.gu__section-tab--used.gu__section-tab--active{color:#c084fc;background:#a855f71f;border-color:#a855f759}.gu__upload{text-align:center;cursor:pointer;background:linear-gradient(135deg,#0f172a99 0%,#1e293b66 100%);border:2px dashed #2d3f55;border-radius:16px;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.1rem 2rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.gu__upload:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#f59e0b0f 0%,#0000 70%);position:absolute;inset:0}.gu__upload:hover{background:linear-gradient(135deg,#0f172ab3 0%,#1e293b80 100%);border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 0 0 4px #f59e0b14,0 8px 32px #0003}.gu__upload--busy{pointer-events:none;background:#f59e0b0f;border-style:solid;border-color:#f59e0b}.gu__upload-icon{filter:drop-shadow(0 0 10px #f59e0b59);flex-shrink:0;align-items:center;display:flex}.gu__upload-content{text-align:left}.gu__upload-text{color:#cbd5e1;margin:0 0 .2rem;font-size:.9rem;font-weight:500}.gu__upload-hint{color:#475569;margin:0;font-size:.78rem}.gu__upload-mode{color:#cbd5e1;cursor:pointer;background:#0f172acc;border:1px solid #2d3f5e;border-radius:8px;outline:none;flex-shrink:0;padding:.4rem .75rem;font-size:.78rem}.gu__upload-mode:focus{border-color:#f59e0b}.gu__upload-spinner{border:3px solid #f59e0b26;border-top-color:#f59e0b;border-radius:50%;width:44px;height:44px;margin:0 auto 1rem;animation:.75s linear infinite guSpin}@keyframes guSpin{to{transform:rotate(360deg)}}.gu__stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.gu__stat{text-align:center;cursor:default;border-radius:14px;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.gu__stat:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000040}.gu__stat:first-child{background:linear-gradient(135deg,#2a2018 0%,#1e1610 100%);border:1px solid #f59e0b40}.gu__stat:nth-child(2){background:linear-gradient(135deg,#1a2e26 0%,#112219 100%);border:1px solid #22c55e33}.gu__stat:nth-child(3){background:linear-gradient(135deg,#271e3f 0%,#1c1530 100%);border:1px solid #a855f733}.gu__stat:nth-child(4){background:linear-gradient(135deg,#1e2d4a 0%,#162038 100%);border:1px solid #6366f140}.gu__stat:after{content:"";opacity:.07;border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-20px}.gu__stat:first-child:after{background:#f59e0b}.gu__stat:nth-child(2):after{background:#22c55e}.gu__stat:nth-child(3):after{background:#a855f7}.gu__stat:nth-child(4):after{background:#6366f1}.gu__stat-value{letter-spacing:-.5px;margin-bottom:.3rem;font-size:2rem;font-weight:800;display:block}.gu__stat:first-child .gu__stat-value{color:#fbbf24}.gu__stat:nth-child(2) .gu__stat-value{color:#4ade80}.gu__stat:nth-child(3) .gu__stat-value{color:#c084fc}.gu__stat:nth-child(4) .gu__stat-value{color:#818cf8}.gu__stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:600}.gu__stat-icon{opacity:.35;font-size:1.1rem;position:absolute;top:1rem;right:1rem}.gu__filters-row{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.gu__search{flex:1;position:relative}.gu__search-icon{color:#475569;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.gu__search-input{color:#e2e8f0;box-sizing:border-box;background:#0f172ab3;border:1px solid #1e293b;border-radius:10px;outline:none;width:100%;padding:.8rem 2.2rem .8rem 2.75rem;font-size:.875rem;transition:all .2s}.gu__search-input::placeholder{color:#475569}.gu__search-input:focus{background:#0f172ae6;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.gu__search-clear{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.gu__search-clear:hover{color:#f59e0b}.gu__price-filter{background:#0f172ab3;border:1px solid #1e293b;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;height:42px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.gu__price-filter:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.gu__price-filter-icon{color:#f59e0b;flex-shrink:0}.gu__price-input{color:#e2e8f0;text-align:center;background:0 0;border:none;outline:none;width:72px;font-size:.875rem}.gu__price-input::placeholder{color:#475569}.gu__price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.gu__price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gu__price-input[type=number]{-moz-appearance:textfield}.gu__price-sep{color:#475569;flex-shrink:0;font-size:.9rem}.gu__price-clear{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;margin-left:2px;padding:3px;transition:color .15s;display:flex}.gu__price-clear:hover{color:#f59e0b}.gu__sort-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#0f172ab3;border:1px solid #1e293b;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.gu__sort-btn:hover{color:#f59e0b;border-color:#f59e0b}.gu__sort-btn--asc,.gu__sort-btn--desc{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b14}.gu__spec-filter-wrap{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:1rem;display:flex}.gu__spec-filter-toggle{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172ab3;border:1px solid #1e293b;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.gu__spec-filter-toggle:hover,.gu__spec-filter-toggle--open{color:#a5b4fc;background:#6366f114;border-color:#6366f1}.gu__spec-filter-toggle--active{box-shadow:0 0 0 3px #6366f11a;color:#a5b4fc!important;background:#6366f124!important;border-color:#6366f199!important}.gu__spec-filter-badge{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;line-height:1;display:inline-flex}.gu__spec-filter-chevron{color:#64748b;transition:transform .2s}.gu__spec-filter-chevron--open{transform:rotate(180deg)}.gu__spec-filter-clear-all{color:#f87171;cursor:pointer;background:#ef444412;border:1px dashed #ef444459;border-radius:10px;align-items:center;gap:5px;height:38px;padding:0 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.gu__spec-filter-clear-all:hover{background:#ef444426;border-color:#ef444499}.gu__spec-filter-panel{background:#0f172ab3;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:.75rem;width:100%;padding:1rem 1.25rem;animation:.18s guSpecPanelIn;display:flex}@keyframes guSpecPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.gu__spec-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gu__spec-row-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:90px;font-size:.78rem;font-weight:700}.gu__spec-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.gu__spec-chip-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b80;border:1px solid #1e293b;border-radius:100px;padding:4px 12px;font-size:.78rem;font-weight:500;line-height:1.5;transition:all .15s}.gu__spec-chip-btn:hover{color:#a5b4fc;background:#6366f11a;border-color:#6366f1}.gu__spec-chip-btn--active{color:#c7d2fe;background:#6366f133;border-color:#6366f1;font-weight:700;box-shadow:0 0 0 2px #6366f133}.gu__toast{z-index:999;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem 1.2rem;font-size:.82rem;font-weight:600;animation:.3s guToastIn;display:flex;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 10px 40px #0006}.gu__toast--success{color:#4ade80;background:linear-gradient(135deg,#052e16 0%,#0a3e20 100%);border:1px solid #22c55e66}.gu__toast--error{color:#f87171;background:linear-gradient(135deg,#450a0a 0%,#5c1010 100%);border:1px solid #ef444466}.gu__toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:2px}@keyframes guToastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gu__loading,.gu__empty{text-align:center;color:#475569;background:#0f172a4d;border:1px solid #1e293b;border-radius:14px;padding:4rem 2rem;font-size:.9375rem}.gu__categories{flex-direction:column;gap:6px;display:flex}.gu__supplier-section{flex-direction:column;gap:6px;margin-bottom:1.5rem;display:flex}.gu__supplier-header{align-items:center;gap:.6rem;margin-bottom:.25rem;padding:.5rem 0;display:flex}.gu__supplier-header-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px #6366f199}.gu__supplier-header-name{letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;white-space:nowrap;font-size:.8rem;font-weight:700}.gu__supplier-header-count{color:#475569;white-space:nowrap;font-size:.72rem;font-weight:500}.gu__supplier-header-line{background:linear-gradient(90deg,#6366f140,#0000);flex:1;height:1px}.gu__cat{background:linear-gradient(135deg,#111827cc 0%,#0f172a99 100%);border:1px solid #1a2744;border-radius:12px;transition:all .2s;overflow:hidden}.gu__cat:hover{border-color:#2d3f5e}.gu__cat--inactive{opacity:.45}.gu__cat--expanded{border-color:#f59e0b4d;box-shadow:0 4px 20px #0003}.gu__cat-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.9rem 1.25rem;transition:background .15s;display:flex}.gu__cat-header:hover{background:#f59e0b0a}.gu__cat-arrow{color:#f59e0b;background:#f59e0b14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;transition:transform .2s,background .2s;display:flex}.gu__cat--expanded .gu__cat-arrow{background:#f59e0b2e;transform:rotate(90deg)}.gu__cat-section-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gu__cat-section-dot--gearup{background:#f59e0b}.gu__cat-section-dot--used{background:#a855f7}.gu__cat-name{color:#e2e8f0;letter-spacing:.01em;cursor:pointer;flex:1;font-size:.9rem;font-weight:600}.gu__cat-name:hover{color:#fbbf24}.gu__cat-rename{flex:1;align-items:center;gap:4px;display:flex}.gu__cat-rename-input{color:#e2e8f0;background:#0f172ae6;border:1px solid #f59e0b66;border-radius:7px;outline:none;flex:1;min-width:120px;padding:.3rem .6rem;font-size:.88rem;font-weight:600}.gu__cat-rename-input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.gu__cat-section-select{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:#0f172acc;border:1px solid #2d3f5e;border-radius:6px;outline:none;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.gu__cat-section-select--gearup{color:#fbbf24;border-color:#f59e0b4d}.gu__cat-section-select--used{color:#c084fc;border-color:#a855f74d}.gu__cat-count{color:#e2e8f0;background:#0f172a99;border:1px solid #2d3f5e;border-radius:20px;padding:.2rem .6rem;font-size:.78rem}.gu__toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:20px;flex-shrink:0;padding:.28rem .8rem;font-size:.65rem;font-weight:700;transition:all .15s}.gu__toggle--on{color:#4ade80;background:#22c55e1a;border-color:#22c55e59}.gu__toggle--on:hover{background:#22c55e33;border-color:#22c55e80}.gu__toggle--off{color:#64748b;background:#64748b1a;border-color:#64748b40}.gu__toggle--off:hover{background:#64748b33}.gu__cat-fetch-btn{color:#c084fc;cursor:pointer;background:#a855f714;border:1px solid #a855f74d;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:inline-flex}.gu__cat-fetch-btn:hover:not(:disabled){color:#e879f9;background:#a855f72e;border-color:#a855f780;box-shadow:0 0 10px #a855f726}.gu__cat-fetch-btn--busy{opacity:.7;cursor:not-allowed}.gu__cat-fetch-btn--busy svg{animation:1s linear infinite guSpin}.gu__cat-reorder{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.gu__reorder-btn{color:#64748b;cursor:pointer;background:#0f172a99;border:1px solid #2d3f5e;border-radius:4px;justify-content:center;align-items:center;width:22px;height:14px;padding:0;transition:all .15s;display:flex}.gu__reorder-btn:hover:not(:disabled){color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.gu__reorder-btn:disabled{opacity:.2;cursor:not-allowed}.gu__cat-body{background:#090e1b66;border-top:1px solid #1a2744;padding:0}.gu__cat-empty{text-align:center;color:#334155;padding:2rem;font-size:.875rem}.gu__table{border-collapse:collapse;width:100%}.gu__th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.07em;background:#0f172a80;border-bottom:1px solid #1a2744;padding:.6rem .9rem;font-size:.65rem;font-weight:700}.gu__th--wide{width:32%}.gu__th--right{text-align:right}.gu__row{transition:background .1s,opacity .2s}.gu__row:hover{background:#f59e0b0a}.gu__row--inactive{opacity:.35}.gu__td{color:#94a3b8;vertical-align:middle;border-bottom:1px solid #1a274499;padding:.6rem .9rem;font-size:.8125rem}.gu__row:last-child .gu__td{border-bottom:none}.gu__td--code{color:#f59e0b;white-space:nowrap;background:#f59e0b0f;border-radius:5px;padding:.15rem .45rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem}.gu__td--brand{color:#cbd5e1;font-size:.78rem;font-weight:500}.gu__td--desc-cell{max-width:0}.gu__td--price{text-align:right;color:#4ade80;font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.gu__td--specs{white-space:nowrap}.gu__td--actions{text-align:center;width:40px}.gu__td--img{width:380px;padding-top:.75rem;padding-bottom:.75rem;padding-right:.75rem}.gu__img-wrap{width:360px;height:360px;position:relative}.gu__thumb{object-fit:contain;cursor:zoom-in;background:#0f172a99;border:1px solid #1e293b;border-radius:12px;width:360px;height:360px;transition:transform .15s,box-shadow .15s;display:block}.gu__thumb:hover{transform:scale(1.04);box-shadow:0 4px 24px #00000080}.gu__img-delete{color:#f87171;cursor:pointer;opacity:0;background:#0f172af2;border:1px solid #ef444480;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .15s;display:flex;position:absolute;top:-6px;right:-6px}.gu__img-wrap:hover .gu__img-delete{opacity:1}.gu__img-delete:hover{background:#ef444433}.gu__img-upload{color:#475569;cursor:pointer;background:#0f172a66;border:2px dashed #2d3f5e;border-radius:12px;justify-content:center;align-items:center;width:360px;height:360px;transition:all .15s;display:flex}.gu__img-upload:hover{color:#fbbf24;background:#f59e0b0f;border-color:#f59e0b}.gu__img-upload--busy{pointer-events:none;opacity:.5;animation:.75s linear infinite guSpin}.gu__condition{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.gu__condition--new{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.gu__condition--used{color:#c084fc;background:#a855f71a;border:1px solid #a855f740}.gu__condition--refurbished{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.gu__condition--certified-refurbished{color:#22d3ee;background:#06b6d41a;border:1px solid #06b6d440}.gu__td--specs{min-width:180px;max-width:260px}.gu__specs-list{flex-wrap:wrap;align-items:flex-start;gap:4px;display:flex}.gu__spec-chip{white-space:nowrap;color:#94a3b8;background:#94a3b814;border:1px solid #94a3b82e;border-radius:5px;padding:.18rem .5rem;font-size:.68rem;font-weight:600;display:inline-block}.gu__spec-chip--screen{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b4d;width:100%;font-size:.72rem}.gu__spec-chip--processor{color:#67e8f9;background:#06b6d414;border-color:#06b6d433}.gu__spec-chip--graphics{color:#c084fc;background:#a855f714;border-color:#a855f733}.gu__spec-chip--ram{color:#7dd3fc;background:#0ea5e914;border-color:#0ea5e933}.gu__spec-chip--storage{color:#86efac;background:#22c55e14;border-color:#22c55e33}.gu__spec-chip--color{color:#fdba74;background:#f9731614;border-color:#f9731633}.gu__status{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.gu__status--on{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.gu__status--off{color:#64748b;background:#64748b1a;border:1px solid #64748b33}.gu__desc-display,.gu__price-display{cursor:pointer;align-items:center;gap:6px;transition:color .15s;display:flex}.gu__desc-display:hover,.gu__price-display:hover{color:#e2e8f0}.gu__desc-text{text-overflow:ellipsis;white-space:nowrap;max-width:350px;overflow:hidden}.gu__edit-icon{opacity:0;color:#475569;flex-shrink:0;transition:opacity .15s}.gu__desc-display:hover .gu__edit-icon,.gu__price-display:hover .gu__edit-icon{opacity:1}.gu__desc-edit,.gu__price-edit{align-items:center;gap:4px;display:flex}.gu__desc-input,.gu__price-input{color:#e2e8f0;background:#0f172ae6;border:1px solid #f59e0b66;border-radius:6px;outline:none;flex:1;min-width:100px;padding:.3rem .5rem;font-size:.8rem}.gu__desc-input:focus,.gu__price-input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.gu__price-symbol{color:#4ade80;font-size:.85rem;font-weight:700}.gu__price-input{text-align:right;width:80px;font-family:monospace}.gu__price-input::-webkit-outer-spin-button{-webkit-appearance:none}.gu__price-input::-webkit-inner-spin-button{-webkit-appearance:none}.gu__edit-btn{cursor:pointer;border:1px solid;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.gu__edit-btn--save{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.gu__edit-btn--save:hover:not(:disabled){background:#22c55e33}.gu__edit-btn--cancel{color:#f87171;background:#ef44441a;border-color:#ef44444d}.gu__edit-btn--cancel:hover{background:#ef444433}.gu__action-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #1e293b;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex}.gu__action-btn:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}.gu__action-btn--copy:hover{color:#818cf8;background:#6366f11f;border-color:#6366f159}.gu__action-btn--copied{font-size:.8rem;font-weight:700;color:#4ade80!important;background:#22c55e26!important;border-color:#22c55e66!important}.gu__header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.gu__new-cat-btn{color:#fbbf24;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b1a 0%,#d9770614 100%);border:1px solid #f59e0b59;border-radius:10px;align-items:center;gap:8px;padding:.55rem 1.2rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.gu__new-cat-btn:hover{background:linear-gradient(135deg,#f59e0b33 0%,#d9770626 100%);border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 0 20px #f59e0b1f}.gu__add-product-btn{color:#f59e0b;cursor:pointer;background:#f59e0b0a;border:1px dashed #f59e0b4d;border-radius:8px;align-items:center;gap:6px;margin:.75rem .9rem;padding:.4rem 1rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.gu__add-product-btn:hover{color:#fbbf24;background:#f59e0b1a;border-style:solid;border-color:#f59e0b80}.gu__cat-empty .gu__add-product-btn{margin-top:1rem}.gu__th--check,.gu__td--check{text-align:center;width:36px;padding-left:.6rem;padding-right:.3rem}.gu__checkbox{cursor:pointer;accent-color:#f59e0b;border-radius:3px;width:15px;height:15px}.gu__row--selected{background:#f59e0b0f!important}.gu__row--selected .gu__td{color:#e2e8f0}.gu__bulk-bar{z-index:900;pointer-events:none;padding:0 2rem 1.25rem;animation:.3s guBulkSlideUp;position:fixed;bottom:0;left:0;right:0}.gu__bulk-bar-inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:linear-gradient(135deg,#1e293bf7 0%,#0f172af7 100%);border:1px solid #f59e0b59;border-radius:14px;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.85rem 1.5rem;display:flex;box-shadow:0 -4px 40px #00000080,0 0 0 1px #f59e0b1a}.gu__bulk-count{color:#fbbf24;white-space:nowrap;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.gu__bulk-from{color:#64748b;font-weight:500}.gu__bulk-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.gu__bulk-label{color:#94a3b8;white-space:nowrap;font-size:.78rem;font-weight:600}.gu__bulk-select{color:#e2e8f0;cursor:pointer;background:#0f172ae6;border:1px solid #f59e0b4d;border-radius:8px;outline:none;min-width:180px;padding:.4rem .75rem;font-size:.8rem}.gu__bulk-select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.gu__bulk-deselect{color:#94a3b8;cursor:pointer;background:#64748b14;border:1px solid #64748b4d;border-radius:8px;align-items:center;gap:4px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.gu__bulk-deselect:hover{color:#e2e8f0;background:#64748b26;border-color:#64748b80}.gu__bulk-spinner{border:2px solid #f59e0b33;border-top-color:#f59e0b;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.75s linear infinite guSpin}@keyframes guBulkSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gu__modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s guFadeIn;display:flex;position:fixed;inset:0}.gu__modal{background:linear-gradient(160deg,#1e293b 0%,#0f172a 100%);border:1px solid #f59e0b33;border-radius:16px;width:100%;max-width:480px;animation:.25s guModalIn;overflow:hidden;box-shadow:0 25px 80px #0009}.gu__modal-header{border-bottom:1px solid #f59e0b1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.gu__modal-header h3{color:#f1f5f9;align-items:center;gap:10px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.gu__modal-header h3 svg{color:#f59e0b}.gu__modal-close{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.gu__modal-close:hover{color:#e2e8f0;background:#ffffff0d}.gu__modal-body{flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem;display:flex}.gu__modal-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem;font-size:.75rem;font-weight:600}.gu__modal-hint{text-transform:none;letter-spacing:0;color:#475569;font-size:.7rem;font-weight:400}.gu__modal-input{color:#e2e8f0;box-sizing:border-box;background:#0f172acc;border:1px solid #2d3f5e;border-radius:9px;outline:none;width:100%;padding:.65rem .85rem;font-size:.85rem;transition:all .2s}.gu__modal-input::placeholder{color:#475569}.gu__modal-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.gu__modal-select{color:#e2e8f0;cursor:pointer;box-sizing:border-box;background:#0f172acc;border:1px solid #2d3f5e;border-radius:9px;outline:none;width:100%;padding:.65rem .85rem;font-size:.85rem}.gu__modal-select:focus{border-color:#f59e0b}.gu__modal-row{gap:1rem;display:flex}.gu__modal-field{flex-direction:column;flex:1;gap:.4rem;display:flex}.gu__modal-footer{border-top:1px solid #f59e0b14;justify-content:flex-end;gap:10px;padding:1rem 1.5rem 1.25rem;display:flex}.gu__modal-btn{cursor:pointer;border:1px solid;border-radius:9px;padding:.55rem 1.3rem;font-size:.82rem;font-weight:700;transition:all .2s}.gu__modal-btn--cancel{color:#94a3b8;background:0 0;border-color:#2d3f5e}.gu__modal-btn--cancel:hover{color:#e2e8f0;background:#64748b1a;border-color:#475569}.gu__modal-btn--save{color:#fbbf24;background:linear-gradient(135deg,#f59e0b26 0%,#d977061f 100%);border-color:#f59e0b66}.gu__modal-btn--save:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b40 0%,#d9770633 100%);border-color:#f59e0b99;transform:translateY(-1px);box-shadow:0 0 20px #f59e0b1a}.gu__modal-btn--save:disabled{opacity:.5;cursor:not-allowed}@keyframes guFadeIn{0%{opacity:0}to{opacity:1}}@keyframes guModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.gu__condition--certified-ref{color:#22d3ee;background:#06b6d41a;border:1px solid #06b6d440}.gu__supplier-group{margin-bottom:2px}.gu__supplier-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#7c5cfc0f;border-left:3px solid #7c5cfc;border-radius:4px;align-items:center;gap:6px;margin-bottom:2px;padding:6px 14px;transition:background .15s;display:flex}.gu__supplier-header:hover{background:#7c5cfc1f}.gu__supplier-arrow{color:#7c5cfc;transition:transform .2s;display:flex}.gu__supplier-arrow--open{transform:rotate(90deg)}.gu__supplier-name{color:#e2e8f0;letter-spacing:.02em;font-size:.82rem;font-weight:600}.gu__supplier-count{color:#94a3b8;margin-left:auto;font-size:.72rem}.gu__lightbox{z-index:9000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;animation:.15s guFadeIn;display:flex;position:fixed;inset:0}.gu__lightbox-img{object-fit:contain;cursor:default;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 25px 80px #000000b3}.gu__lightbox-close{color:#e2e8f0;cursor:pointer;z-index:9001;background:#0f172acc;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:fixed;top:20px;right:24px}.gu__lightbox-close:hover{color:#fca5a5;background:#ef44444d}.po{max-width:1400px;min-height:100%;padding:2rem;position:relative}.po__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.po__title{color:#f1f5f9;letter-spacing:-.3px;margin:0 0 .3rem;font-size:1.6rem;font-weight:700}.po__subtitle{color:#475569;margin:0;font-size:.875rem}.po__refresh-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172ab3;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:6px;padding:.55rem 1rem;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.po__refresh-btn:hover{color:#a5b4fc;background:#6366f114;border-color:#6366f1}.po__stats{grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width<=1100px){.po__stats{grid-template-columns:repeat(3,1fr)}}.po__stat{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:4px;padding:1rem 1.2rem;display:flex}.po__stat-value{font-size:1.6rem;font-weight:700;line-height:1}.po__stat-label{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:.72rem;font-weight:600}.po__stat--total{background:linear-gradient(135deg,#1e2d4a,#162038);border-color:#6366f133}.po__stat--total .po__stat-value{color:#a5b4fc}.po__stat--total .po__stat-label{color:#818cf8}.po__stat--pending{background:linear-gradient(135deg,#2d1f0a,#271a07);border-color:#f59e0b33}.po__stat--pending .po__stat-value{color:#fbbf24}.po__stat--pending .po__stat-label{color:#f59e0b}.po__stat--confirmed{background:linear-gradient(135deg,#0f2a1a,#0c2416);border-color:#22c55e26}.po__stat--confirmed .po__stat-value{color:#4ade80}.po__stat--confirmed .po__stat-label{color:#22c55e}.po__stat--payment{background:linear-gradient(135deg,#1a1f2e,#131827);border-color:#8b5cf633}.po__stat--payment .po__stat-value{color:#c4b5fd}.po__stat--payment .po__stat-label{color:#8b5cf6}.po__stat--delivered{background:linear-gradient(135deg,#0c2030,#091b28);border-color:#0ea5e933}.po__stat--delivered .po__stat-value{color:#38bdf8}.po__stat--delivered .po__stat-label{color:#0ea5e9}.po__stat--cancelled{background:linear-gradient(135deg,#2a1010,#200c0c);border-color:#ef444426}.po__stat--cancelled .po__stat-value{color:#f87171}.po__stat--cancelled .po__stat-label{color:#ef4444}.po__filters{flex-wrap:wrap;gap:6px;margin-bottom:1.25rem;display:flex}.po__filter{color:#64748b;cursor:pointer;white-space:nowrap;background:#0f172a80;border:1px solid #1e293b;border-radius:20px;align-items:center;gap:5px;padding:.4rem .9rem;font-size:.8rem;font-weight:500;transition:all .18s;display:flex}.po__filter:hover{color:#94a3b8;border-color:#334155}.po__filter--active{color:#a5b4fc;background:#6366f11a;border-color:#6366f166}.po__filter-badge{color:#0f172a;background:#f59e0b;border-radius:8px;padding:1px 5px;font-size:.62rem;font-weight:700}.po__loading{color:#475569;flex-direction:column;align-items:center;gap:1rem;padding:5rem 2rem;font-size:.9rem;display:flex}.po__loading-icon{opacity:.3;animation:1.2s linear infinite po-spin}@keyframes po-spin{to{transform:rotate(360deg)}}.po__empty{color:#334155;background:#0f172a4d;border:1px solid #1e293b;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;padding:5rem 2rem;font-size:.9rem;display:flex}.po__empty p{margin:0}.po__table-wrap{background:#0f172a80;border:1px solid #1e293b;border-radius:14px;overflow-x:auto}.po__table{border-collapse:collapse;width:100%;font-size:.845rem}.po__th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:#475569;white-space:nowrap;border-bottom:1px solid #1e293b;padding:.8rem 1rem;font-size:.72rem;font-weight:700}.po__th--center{text-align:center}.po__th--right{text-align:right}.po__row{transition:background .15s}.po__row:hover{background:#ffffff06}.po__row:not(:last-child) td{border-bottom:1px solid #1e293b99}.po__td{color:#cbd5e1;vertical-align:middle;padding:.75rem 1rem}.po__td--center{text-align:center}.po__td--right{text-align:right}.po__td--id{color:#64748b;font-size:.8rem;font-weight:700}.po__td--total{color:#a5b4fc;font-weight:700}.po__td--date{color:#475569;white-space:nowrap;font-size:.78rem}.po__td--payment{color:#64748b;font-size:.8rem}.po__customer-name{color:#e2e8f0;font-size:.845rem;font-weight:600;display:block}.po__customer-phone{color:#475569;margin-top:1px;font-size:.75rem;display:block}.po__product-code{color:#64748b;margin-top:2px;font-family:Courier New,monospace;font-size:.7rem;display:block}.po__product-desc{color:#f59e0b;font-size:.82rem;font-weight:600;display:block}.po__empty-cell{color:#334155}.po__status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:.22rem .65rem;font-size:.7rem;font-weight:700;display:inline-block}.po__status--pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.po__status--confirmed{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40}.po__status--payment_selected{color:#c4b5fd;background:#8b5cf61f;border:1px solid #8b5cf64d}.po__status--delivered{color:#38bdf8;background:#0ea5e91a;border:1px solid #0ea5e940}.po__status--cancelled{color:#f87171;background:#ef444414;border:1px solid #ef444433}.po__actions{flex-wrap:wrap;gap:4px;display:flex}.po__action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:.28rem .65rem;font-size:.72rem;font-weight:600;transition:all .15s}.po__action--confirm{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.po__action--confirm:hover{background:#22c55e33}.po__action--deliver{color:#38bdf8;background:#0ea5e91a;border-color:#0ea5e94d}.po__action--deliver:hover{background:#0ea5e933}.po__action--cancel{color:#f87171;background:#ef444414;border-color:#ef444440}.po__action--cancel:hover{background:#ef444426}.po__action--delete{color:#94a3b8;background:#ef44440f;border-color:#ef444433}.po__action--delete:hover{color:#f87171;background:#ef444426;border-color:#ef444459}.po__modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.po__modal{background:#1e293b;border:1px solid #334155;border-radius:16px;width:100%;max-width:440px;padding:1.75rem;box-shadow:0 24px 64px #00000080}.po__modal h3{color:#f1f5f9;margin:0 0 .4rem;font-size:1.05rem;font-weight:700}.po__modal-sub{color:#475569;margin:0 0 1rem;font-size:.8rem}.po__modal-textarea{resize:vertical;color:#e2e8f0;box-sizing:border-box;background:#0f172ab3;border:1px solid #334155;border-radius:8px;outline:none;width:100%;min-height:80px;margin-bottom:1rem;padding:.65rem .85rem;font-family:inherit;font-size:.855rem;transition:border-color .2s}.po__modal-textarea:focus{border-color:#6366f1}.po__modal-actions{justify-content:flex-end;gap:8px;display:flex}.po__modal-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.55rem 1.2rem;font-size:.855rem;font-weight:600;transition:all .18s}.po__modal-btn:disabled{opacity:.6;cursor:wait}.po__modal-btn--ghost{color:#64748b;background:0 0;border-color:#334155}.po__modal-btn--ghost:hover{color:#94a3b8;background:#ffffff0a}.po__modal-btn--confirm{color:#4ade80;background:#22c55e26;border-color:#22c55e59}.po__modal-btn--confirm:hover:not(:disabled){background:#22c55e40}.po__modal-btn--deliver{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e959}.po__modal-btn--deliver:hover:not(:disabled){background:#0ea5e938}.po__modal-btn--danger{color:#f87171;background:#ef44441f;border-color:#ef444459}.po__modal-btn--danger:hover:not(:disabled){background:#ef444438}.po__toast{z-index:2000;border-radius:10px;padding:.8rem 1.4rem;font-size:.875rem;font-weight:500;animation:.25s po-toast-in;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #0000004d}@keyframes po-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.po__toast--success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.po__toast--error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.po__history{margin-top:2rem}.po__history-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:.65rem 0;transition:opacity .15s;display:flex}.po__history-header:hover{opacity:.85}.po__history-arrow{color:#475569;text-align:center;width:14px;font-size:.85rem}.po__history-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.po__history-count{color:#475569;background:#1e293b99;border:1px solid #1e293b;border-radius:10px;padding:2px 8px;font-size:.72rem}.po__history-line{background:linear-gradient(90deg,#1e293b,#0000);flex:1;height:1px}.po__table-wrap--history{opacity:.7;transition:opacity .2s}.po__table-wrap--history:hover{opacity:.9}.po__row--history{opacity:.65}.po__row--history:hover{opacity:1}.ds{max-width:1400px;padding:1.5rem 2rem}.ds__header{margin-bottom:1.5rem}.ds__title{color:#e2e8f0;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex}.ds__subtitle{color:#64748b;margin-top:.3rem;font-size:.8rem}.ds__filters{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.ds__search-wrap{flex:1;min-width:240px;max-width:400px;position:relative}.ds__search-icon{color:#475569;pointer-events:none;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.ds__search-input{color:#e2e8f0;background:#1e293b;border:1px solid #334155;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.1rem;font-size:.82rem;transition:border-color .2s}.ds__search-input:focus{border-color:#00e5ff}.ds__table-wrap{border:1px solid #1e293b;border-radius:10px;overflow-x:auto}.ds__table{border-collapse:collapse;width:100%;font-size:.82rem}.ds__th{text-align:left;color:#64748b;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#0f172a;border-bottom:1px solid #1e293b;padding:.75rem .8rem;font-size:.7rem;font-weight:600}.ds__row{cursor:pointer;border-bottom:1px solid #1e293b;transition:background .15s}.ds__row:hover{background:#00e5ff08}.ds__row--active{background:#00e5ff0f;border-left:3px solid #00e5ff}.ds__td{color:#cbd5e1;vertical-align:middle;padding:.7rem .8rem}.ds__td--name{color:#e2e8f0;font-weight:600}.ds__td--plans{color:#94a3b8}.ds__kb-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.ds__kb-badge--yes{color:#22c55e;background:#22c55e1f;border:1px solid #22c55e40}.ds__kb-badge--no{color:#64748b;background:#64748b1a;border:1px solid #64748b33}.ds__kb-chars{color:#475569;margin-left:.25rem;font-size:.65rem}.ds__overlay{z-index:1000;background:#00000080;animation:.2s ease-out dsFadeIn;position:fixed;inset:0}.ds__panel{z-index:1001;background:#0f172a;border-left:1px solid #1e293b;flex-direction:column;width:min(680px,90vw);animation:.25s ease-out dsSlideIn;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes dsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dsSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ds__panel-header{border-bottom:1px solid #1e293b;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ds__panel-title{color:#e2e8f0;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.ds__panel-title svg{color:#00e5ff}.ds__panel-close{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #334155;border-radius:6px;padding:.3rem;transition:all .15s}.ds__panel-close:hover{color:#e2e8f0;background:#1e293b}.ds__panel-body{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.ds__panel-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.3rem;font-size:.7rem;font-weight:600}.ds__panel-service-name{color:#00e5ff;background:#00e5ff0d;border:1px solid #00e5ff26;border-radius:6px;padding:.5rem .75rem;font-size:1rem;font-weight:600}.ds__toolbar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ds__toolbar-left{align-items:center;gap:.5rem;display:flex}.ds__toolbar-btn{color:#94a3b8;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:5px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.ds__toolbar-btn:hover{color:#e2e8f0;background:#334155}.ds__toolbar-btn--active{color:#00e5ff;background:#00e5ff1a;border-color:#00e5ff4d}.ds__char-count{color:#475569;font-variant-numeric:tabular-nums;font-size:.7rem}.ds__textarea{color:#e2e8f0;resize:vertical;background:#1e293b;border:1px solid #334155;border-radius:8px;outline:none;width:100%;min-height:340px;padding:.75rem 1rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6;transition:border-color .2s}.ds__textarea:focus{border-color:#00e5ff}.ds__textarea::placeholder{color:#475569;font-style:italic}.ds__preview{white-space:pre-wrap;word-wrap:break-word;color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:8px;min-height:340px;padding:1rem 1.25rem;font-family:Inter,-apple-system,sans-serif;font-size:.8rem;line-height:1.7;overflow-y:auto}.ds__panel-footer{border-top:1px solid #1e293b;flex-shrink:0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.ds__btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.ds__btn--cancel{color:#94a3b8;background:#1e293b;border-color:#334155}.ds__btn--cancel:hover{color:#e2e8f0;background:#334155}.ds__btn--save{color:#22c55e;background:#22c55e26;border-color:#22c55e59}.ds__btn--save:hover{background:#22c55e40}.ds__btn--save:disabled{opacity:.5;cursor:not-allowed}.ds__loading,.ds__empty{text-align:center;color:#64748b;padding:3rem;font-size:.9rem}.ds__toast{z-index:9999;border-radius:8px;padding:.75rem 1.25rem;font-size:.82rem;font-weight:600;animation:.3s ease-out dsToastIn;position:fixed;bottom:1.5rem;right:1.5rem}.ds__toast--success{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.ds__toast--error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}@keyframes dsToastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ds__th--img,.ds__td--img{text-align:center;width:56px}.ds__thumb{object-fit:cover;border:1px solid #6366f126;border-radius:8px;width:40px;height:40px}.ds__thumb-empty{color:#475569;background:#1e293b80;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ds__image-section{margin-top:.5rem}.ds__image-area{margin-top:.4rem}.ds__image-dropzone{color:#64748b;cursor:pointer;background:#0f172a66;border:2px dashed #334155;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem;font-size:.8rem;transition:all .2s;display:flex}.ds__image-dropzone:hover{color:#94a3b8;background:#6366f10d;border-color:#6366f1}.ds__image-hint{color:#475569;font-size:.68rem}.ds__image-preview-wrap{align-items:flex-start;gap:.75rem;display:flex}.ds__image-preview{object-fit:cover;border:1px solid #6366f133;border-radius:10px;flex-shrink:0;width:100px;height:100px}.ds__image-actions{flex-direction:column;gap:.4rem;padding-top:.25rem;display:flex}.ds__image-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b99;border:1px solid #334155;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.72rem;transition:all .15s;display:flex}.ds__image-btn:hover:not(:disabled){color:#e2e8f0;background:#1e293be6}.ds__image-btn--replace{border-color:#6366f14d}.ds__image-btn--replace:hover{border-color:#6366f1;color:#c7d2fe!important}.ds__image-btn--delete:hover{border-color:#ef444466;color:#fca5a5!important}.ds__image-btn:disabled{opacity:.5;cursor:not-allowed}.mktg-studio{flex-direction:column;gap:20px;padding-bottom:40px;display:flex}.mktg-studio__panels{grid-template-columns:240px 1fr 260px 310px;align-items:start;gap:14px;display:grid}.mktg-panel{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#0f172aeb,#1e293be0);border:1px solid #6366f11f;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.mktg-panel::-webkit-scrollbar{width:4px}.mktg-panel::-webkit-scrollbar-track{background:0 0}.mktg-panel::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:2px}.mktg-panel__title{text-transform:uppercase;letter-spacing:1.5px;color:#94a3b8;margin:0;font-size:.7rem;font-weight:700}.mktg-suggest{cursor:pointer;background:linear-gradient(135deg,#6366f114,#8b5cf60f);border:1px solid #6366f140;border-radius:12px;padding:14px;transition:all .3s;position:relative;overflow:hidden}.mktg-suggest:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#6366f166,#8b5cf666);border-radius:12px;transition:opacity .3s;position:absolute;inset:-1px}.mktg-suggest:hover:before{opacity:1}.mktg-suggest:hover{border-color:#6366f180;transform:translateY(-1px)}.mktg-suggest__badge{text-transform:uppercase;letter-spacing:1px;color:#a78bfa;align-items:center;gap:4px;margin-bottom:8px;font-size:.65rem;font-weight:700;display:inline-flex}.mktg-suggest__name{color:#e2e8f0;margin:0 0 4px;font-size:.85rem;font-weight:600;line-height:1.3}.mktg-suggest__price{color:#818cf8;font-size:.8rem;font-weight:700}.mktg-suggest__action{color:#64748b;margin-top:6px;font-size:.65rem}.mktg-tabs{background:#0f172a99;border-radius:8px;gap:4px;padding:3px;display:flex}.mktg-tabs__btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:6px 4px;font-size:.68rem;font-weight:600;transition:all .2s}.mktg-tabs__btn--active{color:#a78bfa;background:#6366f133}.mktg-tabs__btn:hover:not(.mktg-tabs__btn--active){color:#94a3b8}.mktg-search{position:relative}.mktg-search__icon{color:#475569;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.mktg-search__input{color:#e2e8f0;background:#0f172ab3;border:1px solid #4755694d;border-radius:8px;outline:none;width:100%;padding:8px 10px 8px 34px;font-family:inherit;font-size:.8rem;transition:border-color .2s}.mktg-search__input:focus{border-color:#6366f180}.mktg-search__input::placeholder{color:#475569}.mktg-product-list{flex-direction:column;gap:4px;max-height:280px;display:flex;overflow-y:auto}.mktg-product-item{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.mktg-product-item:hover{background:#6366f10f;border-color:#6366f126}.mktg-product-item--selected{background:#6366f11a;border-color:#6366f14d}.mktg-product-item__thumb{object-fit:cover;background:#1e293b99;border-radius:6px;flex-shrink:0;width:36px;height:36px}.mktg-product-item__thumb--placeholder{color:#475569;justify-content:center;align-items:center;display:flex}.mktg-product-item__info{flex:1;min-width:0}.mktg-product-item__name{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;overflow:hidden}.mktg-product-item__price{color:#818cf8;font-size:.7rem;font-weight:600}.mktg-selected{background:#0f172a80;border:1px solid #47556933;border-radius:10px;padding:12px}.mktg-selected__label{text-transform:uppercase;letter-spacing:1px;color:#64748b;margin:0 0 8px;font-size:.65rem;font-weight:700}.mktg-selected__name{color:#f1f5f9;margin:0 0 4px;font-size:.9rem;font-weight:600}.mktg-selected__meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.mktg-selected__tag{color:#a78bfa;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;padding:2px 8px;font-size:.65rem}.mktg-canvas-panel{position:relative}.mktg-canvas-wrapper{background:#0f172a;border:1px solid #6366f126;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:58vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #6366f10f,inset 0 0 60px #0003}.mktg-canvas-wrapper--portrait{max-width:42%;margin:0 auto}.mktg-canvas-wrapper canvas{object-fit:contain;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:58vh;display:block}.mktg-canvas__empty{color:#475569;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:400px;display:flex}.mktg-canvas__empty-icon{opacity:.4}.mktg-canvas__empty-text{font-size:.85rem;font-weight:500}.mktg-layers{flex-direction:column;gap:8px;display:flex}.mktg-layer{background:#0f172a80;border:1px solid #47556933;border-radius:8px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.mktg-layer__top-row{align-items:center;gap:10px;display:flex}.mktg-layer__toggle{cursor:pointer;background:#47556966;border:none;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.mktg-layer__toggle--on{background:#6366f199}.mktg-layer__toggle:after{content:"";background:#e2e8f0;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.mktg-layer__toggle--on:after{transform:translate(16px)}.mktg-layer__toggle--small{flex-shrink:0;width:28px;height:16px}.mktg-layer__toggle--small:after{width:12px;height:12px}.mktg-layer__toggle--small.mktg-layer__toggle--on:after{transform:translate(12px)}.mktg-layer__label{color:#cbd5e1;flex:1;font-size:.78rem;font-weight:500}.mktg-layer__hint{color:#475569;font-size:.65rem;font-style:italic}.mktg-logo-size-row{align-items:center;gap:8px;display:flex}.mktg-logo-size-label{color:#64748b;flex-shrink:0;width:28px;font-size:.68rem}.mktg-logo-size-slider{accent-color:#6366f1;cursor:pointer;flex:1;height:4px}.mktg-logo-size-value{color:#94a3b8;text-align:right;flex-shrink:0;width:34px;font-size:.68rem}.mktg-logo-snap-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mktg-logo-snap-btn{cursor:pointer;background:#0f172a99;border:1px solid #47556940;border-radius:6px;justify-content:center;align-items:center;height:28px;transition:border-color .15s,background .15s;display:flex;position:relative}.mktg-logo-snap-btn:hover{background:#6366f114;border-color:#6366f180}.mktg-snap-dot{background:#6366f1;border-radius:2px;width:6px;height:6px;position:absolute}.mktg-snap-dot--top-left{top:4px;left:5px}.mktg-snap-dot--top-center{top:4px;left:50%;transform:translate(-50%)}.mktg-snap-dot--top-right{top:4px;right:5px}.mktg-snap-dot--bottom-left{bottom:4px;left:5px}.mktg-snap-dot--bottom-center{bottom:4px;left:50%;transform:translate(-50%)}.mktg-snap-dot--bottom-right{bottom:4px;right:5px}.mktg-image-source{flex-direction:column;gap:8px;display:flex}.mktg-image-source__row{gap:6px;display:flex}.mktg-image-btn{color:#94a3b8;cursor:pointer;background:#0f172a80;border:1px solid #4755694d;border-radius:8px;flex:1;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:.72rem;font-weight:500;transition:all .2s;display:flex}.mktg-image-btn:hover{color:#c7d2fe;background:#6366f114;border-color:#6366f166}.mktg-image-btn--active{color:#a78bfa;background:#6366f11a;border-color:#6366f180}.mktg-img-search{flex-direction:column;gap:8px;display:flex}.mktg-img-search__input-row{gap:6px;display:flex}.mktg-img-search__input{color:#e2e8f0;background:#0f172ab3;border:1px solid #4755694d;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:.78rem}.mktg-img-search__input:focus{border-color:#6366f180}.mktg-img-search__btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:opacity .2s}.mktg-img-search__btn:hover{opacity:.9}.mktg-img-search__btn:disabled{opacity:.5;cursor:not-allowed}.mktg-img-search__grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.mktg-img-search__thumb{aspect-ratio:1;object-fit:cover;cursor:pointer;border:2px solid #0000;border-radius:6px;width:100%;transition:all .2s}.mktg-img-search__thumb:hover{border-color:#6366f180;transform:scale(1.05)}.mktg-download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f140}.mktg-download-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.mktg-download-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mktg-angles{flex-wrap:wrap;gap:6px;display:flex}.mktg-angle-chip{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #4755694d;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .2s}.mktg-angle-chip:hover{color:#c7d2fe;border-color:#6366f166}.mktg-angle-chip--active{color:#a78bfa;background:#6366f126;border-color:#6366f180}.mktg-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mktg-generate-btn:hover{opacity:.9}.mktg-generate-btn:disabled{opacity:.5;cursor:not-allowed}.mktg-caption-area{color:#e2e8f0;resize:vertical;background:#0f172ab3;border:1px solid #4755694d;border-radius:10px;outline:none;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:.82rem;line-height:1.6;transition:border-color .2s}.mktg-caption-area:focus{border-color:#6366f180}.mktg-caption-area::placeholder{color:#475569}.mktg-chat{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.mktg-chat__messages{flex-direction:column;gap:8px;max-height:200px;padding:4px;display:flex;overflow-y:auto}.mktg-chat__message{border-radius:10px;max-width:90%;padding:8px 12px;font-size:.75rem;line-height:1.5;animation:.2s mktgChatSlideIn}@keyframes mktgChatSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mktg-chat__message--user{color:#c7d2fe;background:#6366f126;border:1px solid #6366f133;border-bottom-right-radius:4px;align-self:flex-end}.mktg-chat__message--ai{color:#e2e8f0;background:#1e293bb3;border:1px solid #47556933;border-bottom-left-radius:4px;align-self:flex-start}.mktg-chat__input-row{gap:6px;display:flex}.mktg-chat__input{color:#e2e8f0;background:#0f172ab3;border:1px solid #4755694d;border-radius:8px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:.78rem}.mktg-chat__input:focus{border-color:#6366f180}.mktg-chat__input::placeholder{color:#475569}.mktg-chat__send{color:#a78bfa;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s}.mktg-chat__send:hover{background:#6366f14d}.mktg-chat__send:disabled{opacity:.4;cursor:not-allowed}.mktg-share{flex-direction:column;gap:6px;display:flex}.mktg-share__btn{color:#94a3b8;cursor:pointer;text-align:left;background:#0f172a80;border:1px solid #4755694d;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.mktg-share__btn:hover{color:#c7d2fe;background:#6366f10f;border-color:#6366f14d}.mktg-share__btn--copy{color:#86efac;background:#22c55e14;border-color:#22c55e40}.mktg-share__btn--copy:hover{background:#22c55e26;border-color:#22c55e66}.mktg-share__btn--whatsapp{color:#86efac;border-color:#25d36640}.mktg-share__btn--whatsapp:hover{background:#25d36614;border-color:#25d36666}.mktg-divider{background:#47556933;border:none;height:1px;margin:4px 0}.mktg-spinner{animation:.8s linear infinite mktgSpin}@keyframes mktgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mktg-empty{color:#475569;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:.78rem;display:flex}.mktg-category-select{position:relative}.mktg-category-select__icon{color:#475569;pointer-events:none;z-index:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.mktg-category-select__dropdown{color:#e2e8f0;cursor:pointer;appearance:none;background:#0f172ab3;border:1px solid #4755694d;border-radius:8px;outline:none;width:100%;padding:8px 30px 8px 12px;font-family:inherit;font-size:.78rem;transition:border-color .2s}.mktg-category-select__dropdown:focus{border-color:#6366f180}.mktg-category-select__dropdown option{color:#e2e8f0;background:#1e293b}.mktg-ratio-bar{gap:6px;display:flex}.mktg-ratio-btn{color:#64748b;cursor:pointer;background:#0f172a80;border:1px solid #47556940;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px;transition:all .2s;display:flex}.mktg-ratio-btn:hover{color:#94a3b8;border-color:#6366f14d}.mktg-ratio-btn--active{color:#a78bfa;background:#6366f11f;border-color:#6366f180;box-shadow:0 0 12px #6366f11a}.mktg-ratio-btn__label{font-size:.72rem;font-weight:700}.mktg-ratio-btn__desc{opacity:.7;text-align:center;font-size:.55rem;font-weight:400;line-height:1.2}.mktg-image-source__indicator{color:#64748b;text-align:center;background:#0f172a66;border-radius:6px;padding:4px 10px;font-size:.7rem}.mktg-image-btn--db{color:#86efac;border-color:#22c55e4d}.mktg-image-btn--db:hover{background:#22c55e14;border-color:#22c55e80}.mktg-design-panel{gap:10px;max-height:calc(100vh - 120px);padding:14px;overflow-y:auto}.mktg-design-panel .mktg-panel__title{z-index:2;background:linear-gradient(135deg,#0f172afa,#1e293bf5);margin:-4px 0 0;padding:6px 0 8px;position:sticky;top:-14px}.mktg-design-panel .mktg-bg-tabs{gap:4px}.mktg-design-panel .mktg-bg-tab{padding:4px 8px;font-size:.68rem}.mktg-design-panel .mktg-bg-presets-grid{grid-template-columns:repeat(3,1fr);gap:6px}.mktg-design-panel .mktg-layer{gap:6px;padding:8px}.mktg-design-panel .mktg-layer__label{font-size:.7rem}.mktg-design-panel .mktg-layer__hint{font-size:.55rem}@media (width<=1400px){.mktg-studio__panels{grid-template-columns:220px 1fr 240px 290px;gap:10px}}@media (width<=1200px){.mktg-studio__panels{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.mktg-panel:first-child{grid-column:1/-1}}@media (width<=768px){.mktg-studio__panels{grid-template-columns:1fr}.mktg-panel:first-child{grid-column:1}.mktg-panel{max-height:none}.mktg-ratio-bar{flex-wrap:wrap}.mktg-ratio-btn__desc{display:none}}.mktg-bg-studio{margin-bottom:16px}.mktg-bg-tabs{background:#0f172a80;border-radius:10px;gap:4px;margin-bottom:12px;padding:3px;display:flex}.mktg-bg-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:7px 8px;font-size:.72rem;font-weight:600;transition:all .2s}.mktg-bg-tab:hover{color:#e2e8f0;background:#6366f11a}.mktg-bg-tab--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d}.mktg-bg-presets-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mktg-bg-preset-btn{cursor:pointer;background:#0f172a80;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:4px;transition:all .2s;display:flex}.mktg-bg-preset-btn:hover{border-color:#6366f14d;transform:translateY(-1px)}.mktg-bg-preset-btn--active{border-color:#6366f1;box-shadow:0 0 12px #6366f14d}.mktg-bg-preset-thumb{aspect-ratio:1;border-radius:7px;width:100%;height:auto}.mktg-bg-preset-name{color:#94a3b8;text-align:center;font-size:.6rem;font-weight:500;line-height:1.2}.mktg-bg-preset-btn--active .mktg-bg-preset-name{color:#c7d2fe}.mktg-bg-ai-controls{flex-direction:column;gap:8px;display:flex}.mktg-bg-prompt-select{color:#e2e8f0;cursor:pointer;appearance:none;background:#0f172a99 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 01.753 1.659l-4.796 5.48a1 1 0 01-1.506 0z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #6366f133;border-radius:8px;width:100%;padding:8px 28px 8px 10px;font-size:.75rem}.mktg-bg-prompt-select:focus{border-color:#6366f1;outline:none}.mktg-bg-prompt-select option{color:#e2e8f0;background:#1e293b}.mktg-bg-prompt-input{color:#e2e8f0;background:#0f172a99;border:1px solid #6366f133;border-radius:8px;width:100%;padding:8px 10px;font-size:.75rem;transition:border-color .2s}.mktg-bg-prompt-input::placeholder{color:#475569}.mktg-bg-prompt-input:focus{border-color:#6366f1;outline:none}.mktg-bg-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.8rem;font-weight:600;transition:all .25s;display:flex;box-shadow:0 2px 12px #6366f14d}.mktg-bg-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f166}.mktg-bg-generate-btn:disabled{opacity:.5;cursor:not-allowed}.mktg-bg-remove-row{background:#0f172a66;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px;display:flex}.mktg-bg-remove-label{color:#94a3b8;font-size:.72rem;font-weight:500}@keyframes mktg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mktg-spin{animation:1s linear infinite mktg-spin}.mktg-caption-offers{background:#0f172a73;border:1px solid #4755693d;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.mktg-caption-offers__title{color:#94a3b8;letter-spacing:.8px;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:700}.mktg-caption-offers__chips{flex-wrap:wrap;gap:6px;display:flex}.mktg-offer-chip{color:#94a3b8;cursor:pointer;background:#0f172a85;border:1px solid #47556952;border-radius:999px;padding:5px 9px;font-family:inherit;font-size:.68rem;font-weight:600;transition:border-color .2s,background .2s,color .2s}.mktg-offer-chip:hover{color:#bae6fd;border-color:#0ea5e97a}.mktg-offer-chip--active{color:#7dd3fc;background:#0ea5e926;border-color:#0ea5e98c}.mktg-custom-offer-input{color:#e2e8f0;background:#0f172ab3;border:1px solid #4755694d;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:.75rem}.mktg-custom-offer-input:focus{border-color:#0ea5e980}.mktg-custom-offer-input::placeholder{color:#475569}.mktg-bg-error{color:#fecaca;background:#7f1d1d4d;border:1px solid #f8717152;border-radius:8px;padding:8px 10px;font-size:.72rem;line-height:1.4}.rs__page{flex-direction:column;gap:0;height:100%;display:flex}.rs__stats{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 0 8px;display:grid}.rs__statCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 3px #0000000a}.rs__statCard:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000012}.rs__statIcon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rs__statIcon--total{color:#6366f1;background:#eef2ff}.rs__statIcon--active{color:#059669;background:#ecfdf5}.rs__statIcon--awaiting{color:#d97706;background:#fef3c7}.rs__statIcon--quoted{color:#0284c7;background:#e0f2fe}.rs__statInfo{flex-direction:column;display:flex}.rs__statNumber{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2}.rs__statLabel{color:#94a3b8;margin-top:2px;font-size:.78rem;font-weight:500}.rs__tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:4px;padding:8px 0;display:flex}.rs__tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.rs__tab:hover{color:#334155}.rs__tabActive{color:#6366f1;border-bottom-color:#6366f1}.rs__tabCount{color:#64748b;text-align:center;background:#f1f5f9;border-radius:10px;min-width:22px;padding:2px 8px;font-size:.72rem;font-weight:700}.rs__tabActive .rs__tabCount{color:#6366f1;background:#eef2ff}.rs__toolbar{align-items:center;gap:12px;padding:12px 0 16px;display:flex}.rs__searchWrap{flex:1;max-width:420px;position:relative}.rs__searchIcon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.rs__searchInput{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px 10px 40px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.rs__searchInput:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rs__filterSelect{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;padding:10px 36px 10px 14px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.rs__filterSelect:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rs__grid{grid-template-columns:repeat(2,1fr);gap:16px;padding-bottom:24px;display:grid}.rs__card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:0;transition:box-shadow .2s,transform .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.rs__card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.rs__cardHeader{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px 10px;display:flex}.rs__ticketNum{color:#6366f1;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:.82rem;font-weight:700}.rs__cardDate{color:#94a3b8;margin-left:auto;font-size:.75rem}.rs__badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}.rs__badgeSubmitted{color:#92400e;background:#fef3c7}.rs__badgeReviewing{color:#d97706;background:#fffbeb}.rs__badgeDiagnosed{color:#1e40af;background:#dbeafe}.rs__badgeQuoted{color:#0e7490;background:#cffafe}.rs__badgeApproved{color:#4338ca;background:#e0e7ff}.rs__badgeIn_progress{color:#7c3aed;background:#ede9fe}.rs__badgeReady{color:#059669;background:#ecfdf5}.rs__badgeDelivered{color:#047857;background:#d1fae5}.rs__badgeClosed{color:#64748b;background:#f1f5f9}.rs__badgeCancelled{color:#dc2626;background:#fef2f2}.rs__badgeLow{color:#475569;background:#f1f5f9}.rs__badgeMedium{color:#d97706;background:#fffbeb}.rs__badgeHigh{color:#ea580c;background:#fff7ed}.rs__badgeUrgent{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.rs__cardBody{flex-direction:column;gap:6px;padding:12px 18px 8px;display:flex}.rs__cardRow{align-items:baseline;gap:8px;font-size:.84rem;line-height:1.4;display:flex}.rs__cardRowLabel{color:#64748b;flex-shrink:0;min-width:70px;font-weight:600}.rs__cardRowValue{color:#0f172a;font-weight:500}.rs__cardIssue{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.rs__cardQuote{align-items:center;gap:8px;margin-top:2px;font-size:.84rem;display:flex}.rs__quotePrice{color:#059669;font-weight:700}.rs__quoteStatus{border-radius:12px;padding:2px 8px;font-size:.72rem;font-weight:600}.rs__quoteApproved{color:#059669;background:#ecfdf5}.rs__quotePending{color:#d97706;background:#fef3c7}.rs__cardActions{justify-content:flex-end;padding:8px 18px 14px;display:flex}.rs__viewBtn{color:#6366f1;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.rs__viewBtn:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.rs__overlay{z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;justify-content:flex-end;animation:.2s rs-fade;display:flex;position:fixed;inset:0}@keyframes rs-fade{0%{opacity:0}to{opacity:1}}.rs__drawer{background:#fff;flex-direction:column;width:480px;max-width:100vw;height:100vh;animation:.25s rs-slide;display:flex;overflow:hidden;box-shadow:-8px 0 32px #0000001f}@keyframes rs-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.rs__drawerHeader{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.rs__drawerHeader h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.rs__drawerClose{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.rs__drawerClose:hover{color:#0f172a;background:#e2e8f0}.rs__drawerBody{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.rs__drawerSection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;padding:16px;display:flex}.rs__drawerSectionTitle{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;font-size:.72rem;font-weight:700}.rs__detailRow{border-bottom:1px solid #0000000a;justify-content:space-between;padding:7px 0;display:flex}.rs__detailRow:last-of-type{border-bottom:none}.rs__detailLabel{color:#64748b;font-size:.82rem;font-weight:600}.rs__detailValue{color:#0f172a;text-align:right;word-break:break-word;max-width:60%;font-size:.88rem;font-weight:500}.rs__fieldGroup{flex-direction:column;gap:6px;margin-top:4px;display:flex}.rs__fieldGroupRow{align-items:center;gap:8px;display:flex}.rs__fieldLabel{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:600}.rs__fieldInput,.rs__fieldSelect,.rs__fieldTextarea{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 14px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.rs__fieldInput:focus,.rs__fieldSelect:focus,.rs__fieldTextarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.rs__fieldSelect{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.354l3 3a.5.5 0 00.708 0l3-3a.5.5 0 00-.708-.708L8 8.293 5.354 5.646a.5.5 0 10-.708.708z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.rs__fieldTextarea{resize:vertical;min-height:72px}.rs__fieldSave{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:8px 16px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 6px #6366f140}.rs__fieldSave:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.rs__fieldSave:disabled{opacity:.5;cursor:not-allowed}.rs__messageThread{flex-direction:column;gap:10px;max-height:350px;padding:4px 0 12px;display:flex;overflow-y:auto}.rs__messageEmpty{text-align:center;color:#94a3b8;padding:20px 0;font-size:.85rem;font-style:italic}.rs__message{border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;transition:box-shadow .15s}.rs__message:hover{box-shadow:0 2px 8px #0000000f}.rs__messageSystem{background:#f8fafc;border-color:#e2e8f0}.rs__messageCustomer{background:#f0fdfa;border-color:#99f6e4}.rs__messageAdmin{background:#faf5ff;border-color:#d8b4fe}.rs__messageAuthor{margin-bottom:3px;font-size:.78rem;font-weight:700}.rs__messageSystem .rs__messageAuthor{color:#94a3b8}.rs__messageCustomer .rs__messageAuthor{color:#0d9488}.rs__messageAdmin .rs__messageAuthor{color:#7c3aed}.rs__messageBody{color:#334155;white-space:pre-wrap;font-size:.86rem;line-height:1.5}.rs__messageTime{color:#94a3b8;text-align:right;margin-top:4px;font-size:.7rem}.rs__replyBox{border-top:1px solid #e2e8f0;gap:8px;margin-top:4px;padding:12px 0 4px;display:flex}.rs__replyBox textarea{color:#0f172a;resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-height:42px;padding:10px 14px;font-family:inherit;font-size:.86rem;transition:border-color .15s}.rs__replyBox textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rs__replySend{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:42px;height:42px;transition:all .15s;display:flex;box-shadow:0 2px 8px #6366f14d}.rs__replySend:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.rs__replySend:disabled{opacity:.5;cursor:not-allowed}.rs__mediaList{flex-direction:column;gap:8px;display:flex}.rs__mediaItem{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.84rem;transition:background .15s;display:flex}.rs__mediaItem:hover{background:#f8fafc}.rs__mediaIcon{color:#6366f1;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rs__mediaName{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.rs__mediaType{color:#94a3b8;text-transform:uppercase;font-size:.72rem;font-weight:600}.rs__toast{z-index:1100;border-radius:10px;align-items:center;gap:10px;padding:14px 22px;font-size:.88rem;font-weight:500;animation:.3s rs-toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000001a}@keyframes rs-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rs__toastSuccess{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.rs__toastError{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.rs__loading{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:60px 0;font-size:.9rem;display:flex}.rs__spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite rs-spin}@keyframes rs-spin{to{transform:rotate(360deg)}}.rs__empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.rs__emptyIcon{color:#cbd5e1;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:flex}.rs__emptyTitle{color:#64748b;margin-bottom:4px;font-size:1rem;font-weight:600}.rs__emptyText{color:#94a3b8;font-size:.85rem}@media (width<=1024px){.rs__stats{grid-template-columns:repeat(2,1fr)}.rs__grid{grid-template-columns:1fr}}@media (width<=640px){.rs__stats{grid-template-columns:1fr}.rs__drawer{width:100vw}.rs__toolbar{flex-wrap:wrap}.rs__searchWrap{max-width:100%}.rs__tabs{overflow-x:auto}}.backup-center{max-width:1200px;margin:0 auto;padding:2rem}.backup-center__header{margin-bottom:2rem}.backup-center__header h1{color:#1f2937;margin-bottom:.5rem;font-size:2rem}.backup-center__header p{color:#6b7280;font-size:1rem}.backup-center__content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.backup-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.backup-card h2{color:#111827;border-bottom:1px solid #e5e7eb;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem;display:flex}.backup-card__select-all{border-bottom:1px dashed #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.checkbox-label{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;width:1.125rem;height:1.125rem}.checkbox-label:hover{color:#111827}.checkbox-label span{flex:1}.backup-center__actions{flex-direction:column;align-items:flex-end;gap:1rem;margin-top:2rem;display:flex}.backup-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:1.125rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #2563eb33}.backup-btn:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.backup-btn:disabled{cursor:not-allowed;background-color:#93c5fd}.backup-btn .spin{animation:1s linear infinite spin}.backup-message{border-radius:8px;padding:.75rem 1.25rem;font-weight:500;animation:.3s fadeIn}.backup-message.success{color:#065f46;background-color:#d1fae5;border:1px solid #34d399}.backup-message.error{color:#991b1b;background-color:#fee2e2;border:1px solid #f87171}.warning-notice{color:#92400e;background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:4px;margin-top:1rem;padding:1rem;font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.backup-center__content{grid-template-columns:1fr}}.rewards-page{max-width:1500px;padding:1.5rem 2rem 2rem}.rewards__hero{grid-template-columns:repeat(3,minmax(160px,1fr)) auto;align-items:stretch;gap:.9rem;margin:1rem 0 1.25rem;display:grid}.rewards__metric,.rewards__refresh,.rewards__panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 30px #0f172a0a}.rewards__metric{flex-direction:column;gap:.25rem;padding:1rem;display:flex}.rewards__metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.rewards__metric strong{color:#0f172a;font-size:1.6rem;line-height:1}.rewards__metric span:last-child{color:#94a3b8;font-size:.82rem}.rewards__refresh{color:#0f766e;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-width:128px;padding:0 1.1rem;font-weight:800;transition:all .15s;display:inline-flex}.rewards__refresh:hover:not(:disabled){border-color:#14b8a6;transform:translateY(-1px)}.rewards__refresh:disabled{cursor:default;opacity:.6}.rewards__spin{animation:1s linear infinite rewards-spin}@keyframes rewards-spin{to{transform:rotate(360deg)}}.rewards__tabs{border-bottom:1px solid #e2e8f0;gap:.4rem;margin-bottom:1rem;display:flex}.rewards__tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.45rem;margin-bottom:-1px;padding:.75rem 1rem;font-size:.84rem;font-weight:800;display:inline-flex}.rewards__tab:hover{color:#0f172a}.rewards__tab--active{color:#0f766e;border-bottom-color:#14b8a6}.rewards__grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1rem;display:grid}.rewards__grid--wide-form{grid-template-columns:380px minmax(0,1fr)}.rewards__panel{overflow:hidden}.rewards__panel-head{color:#0f766e;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}.rewards__panel-head h2{color:#0f172a;margin:0;font-size:.96rem;font-weight:900}.rewards__panel-head p{color:#64748b;margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.rewards__form{padding-bottom:1rem}.rewards__field,.rewards__check{flex-direction:column;gap:.35rem;margin-top:.9rem;padding:0 1.1rem;display:flex}.rewards__field span{color:#475569;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:900}.rewards__field input,.rewards__field select,.rewards__field textarea,.rewards__table-input{color:#0f172a;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:.58rem .7rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}.rewards__field textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.rewards__field input:focus,.rewards__field select:focus,.rewards__field textarea:focus,.rewards__table-input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61f}.rewards__field-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.rewards__field-row .rewards__field{padding:0}.rewards__form>.rewards__field-row{margin-top:.9rem;padding:0 1.1rem}.rewards__check{color:#334155;flex-direction:row;align-items:center;font-size:.84rem;font-weight:700}.rewards__check input,.rewards__table-check input{accent-color:#0f766e}.rewards__form-actions{gap:.6rem;margin-top:1rem;padding:0 1.1rem;display:flex}.rewards__btn,.rewards__mini-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.35rem;font-weight:800;transition:all .15s;display:inline-flex}.rewards__btn{padding:.62rem .95rem;font-size:.83rem}.rewards__btn:disabled,.rewards__mini-btn:disabled{opacity:.55;cursor:default}.rewards__btn--primary{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6)}.rewards__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #14b8a63d}.rewards__btn--ghost{color:#475569;background:#f1f5f9}.rewards__btn--ghost:hover{background:#e2e8f0}.rewards__btn--secondary{color:#5eead4;background:#14b8a626;border:1px solid #14b8a64d}.rewards__btn--secondary:hover:not(:disabled){background:#14b8a640}.rewards__btn--secondary:disabled{opacity:.5;cursor:not-allowed}.rewards__table-panel{min-width:0}.rewards__table-wrap{overflow-x:auto}.rewards__table{border-collapse:collapse;width:100%;font-size:.82rem}.rewards__table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.8rem .85rem;font-size:.68rem;font-weight:900}.rewards__table td{color:#334155;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.85rem}.rewards__table tr:hover td{background:#f8fafc}.rewards__payload{max-width:280px}.rewards__payload pre{color:#475569;white-space:pre-wrap;word-break:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.75rem}.rewards__code{color:#0f766e;background:#ecfeff;border:1px solid #99f6e4;border-radius:999px;align-items:center;padding:.16rem .5rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;font-weight:800;display:inline-flex}.rewards__status{border-radius:999px;padding:.18rem .55rem;font-size:.7rem;font-weight:900;display:inline-flex}.rewards__status--active{color:#15803d;background:#dcfce7}.rewards__status--inactive{color:#64748b;background:#f1f5f9}.rewards__actions{align-items:center;gap:.35rem;display:flex}.rewards__mini-btn{color:#4f46e5;background:#eef2ff;min-height:30px;padding:.35rem .6rem;font-size:.76rem}.rewards__mini-btn:hover:not(:disabled){background:#e0e7ff}.rewards__mini-btn--danger{color:#dc2626;background:#fef2f2}.rewards__mini-btn--danger:hover:not(:disabled){background:#fee2e2}.rewards__mini-btn--save{color:#047857;background:#ecfdf5}.rewards__mini-btn--save:hover:not(:disabled){background:#d1fae5}.rewards__table--rules .rewards__table-input{max-width:120px;padding:.42rem .55rem}.rewards__table-check{color:#334155;align-items:center;gap:.4rem;font-weight:700;display:inline-flex}.rewards__adjustment{position:sticky;top:1rem}.rewards__adjustment .rewards__field-row{grid-template-columns:1fr 1fr}.rewards__empty,.rewards__loading{text-align:center;color:#94a3b8;padding:2.5rem;font-size:.9rem}.rewards__toast{z-index:9999;border-radius:12px;padding:.8rem 1rem;font-size:.84rem;font-weight:800;animation:.22s ease-out rewards-toast-in;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 18px 40px #0f172a2e}.rewards__toast--success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.rewards__toast--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}@keyframes rewards-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.rewards__hero,.rewards__grid,.rewards__grid--wide-form{grid-template-columns:1fr}.rewards__refresh{min-height:56px}.rewards__adjustment{position:static}}@media (width<=760px){.rewards-page{padding:1rem}.rewards__tabs{overflow-x:auto}.rewards__tab{white-space:nowrap}.rewards__field-row,.rewards__adjustment .rewards__field-row{grid-template-columns:1fr}}.rewards__hero--four{grid-template-columns:repeat(4,minmax(150px,1fr)) auto}.rewards__field-row--two{grid-template-columns:repeat(2,minmax(0,1fr))}.rewards__dashboard-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:.75rem;padding:1rem;display:grid}.rewards__mini-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.85rem}.rewards__mini-card span{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:900;display:block}.rewards__mini-card strong{color:#0f172a;margin-top:.25rem;font-size:1.25rem;display:block}.rewards__filters,.rewards__customer-meta{flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem;display:flex}.rewards__filters input,.rewards__filters select,.rewards__table-textarea{color:#0f172a;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:.5rem .65rem;font-size:.82rem}.rewards__table-textarea{resize:vertical;min-width:190px;min-height:58px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.rewards__customer-meta span{color:#0f766e;background:#ecfeff;border:1px solid #99f6e4;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}@media (width<=1180px){.rewards__hero--four,.rewards__dashboard-grid{grid-template-columns:1fr 1fr}}.rewards__image-upload-row{align-items:center;gap:.5rem;display:flex}.rewards__image-preview{object-fit:cover;background:#00000040;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:48px;height:48px}.rewards__image-url-input{flex:1;min-width:0}.rewards__upload-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;display:inline-flex}.rewards__catalog-picker{background:#0000002e;border:1px solid #ffffff14;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.rewards__catalog-selected{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d;border-radius:6px;align-items:center;gap:.75rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.82rem;display:flex}.rewards__catalog-selected strong{color:#a7f3d0;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rewards__catalog-list{border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:2px;max-height:220px;margin-top:.5rem;display:flex;overflow-y:auto}.rewards__catalog-item{cursor:pointer;text-align:left;color:inherit;font:inherit;background:#ffffff08;border:none;align-items:center;gap:.6rem;padding:.45rem .6rem;transition:background .15s;display:flex}.rewards__catalog-item:hover{background:#6366f12e}.rewards__catalog-thumb{object-fit:cover;background:#ffffff0d;border-radius:5px;flex-shrink:0;width:36px;height:36px}.rewards__catalog-info{flex-direction:column;min-width:0;display:flex}.rewards__catalog-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.rewards__catalog-info small{opacity:.55;font-size:.72rem}.rewards__source-badge{color:#a5b4fc;white-space:nowrap;text-transform:capitalize;background:#6366f126;border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}@media (width<=760px){.rewards__hero--four,.rewards__dashboard-grid,.rewards__field-row--two{grid-template-columns:1fr}}.login{background:#0f172a;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login__backdrop{background:radial-gradient(at 20%,#6366f126 0%,#0000 50%),radial-gradient(at 80% 20%,#8b5cf61f 0%,#0000 50%),radial-gradient(at 50% 80%,#0ea5e914 0%,#0000 50%);animation:8s ease-in-out infinite alternate login-glow;position:absolute;inset:0}@keyframes login-glow{0%{opacity:.7}to{opacity:1}}.login__container{z-index:1;width:100%;max-width:420px;padding:20px;position:relative}.login__card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:40px 36px;box-shadow:0 24px 48px #0000004d,inset 0 1px #ffffff0d}.login__header{text-align:center;margin-bottom:32px}.login__logo{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex;box-shadow:0 8px 24px #6366f159}.login__logo-icon{color:#fff;font-size:1.5rem;font-weight:800}.login__title{color:#f1f5f9;letter-spacing:-.3px;margin:0 0 6px;font-size:1.5rem;font-weight:700}.login__subtitle{color:#64748b;margin:0;font-size:.9rem}.login__form{flex-direction:column;gap:20px;display:flex}.login__field{flex-direction:column;gap:6px;display:flex}.login__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:.82rem;font-weight:500}.login__input{color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:all .2s}.login__input::placeholder{color:#475569}.login__input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.login__error{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:10px 14px;font-size:.85rem}.login__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;min-height:48px;margin-top:4px;padding:13px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f159}.login__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.login__submit:disabled{opacity:.7;cursor:not-allowed}.login__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login__footer-text{text-align:center;color:#475569;margin:24px 0 0;font-size:.78rem}