.auth-layout{display:flex;height:100vh;overflow:hidden;background:#fff}.auth-panel{width:50%;min-width:0;background:var(--auth-panel-bg);display:flex;flex-direction:column;position:relative;overflow:hidden;flex-shrink:0}.auth-panel__logo{display:flex;align-items:center;gap:12px;padding:24px 28px;position:relative;z-index:2}.auth-panel__brand{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff}.auth-panel__brand-sub{font-size:11px;color:#ffffff73}.auth-panel__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.auth-art-svg{width:100%;height:100%}.auth-panel__card-wrap{position:relative;z-index:2;padding:0 28px;margin-top:60px}.dash-preview{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dash-preview__top-card{position:relative;height:120px;overflow:hidden}.dash-preview__badge{position:absolute;right:10px;bottom:10px;background:#0a0f1cd9;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 10px;display:flex;flex-direction:column}.dash-preview__badge-label{font-size:8px;font-weight:600;letter-spacing:.06em;color:#ffffff73;text-transform:uppercase}.dash-preview__badge-val{font-family:var(--font-heading);font-size:22px;font-weight:700;color:#fff;line-height:1.1}.dash-preview__badge-trend{font-size:9px;color:#4ade80}.dash-preview__stats{display:flex;border-top:1px solid rgba(255,255,255,.07)}.dash-preview__stat-icon{color:#fff6}.dash-preview__stat-num{font-family:var(--font-heading);font-size:14px;font-weight:700;color:#fff}.dash-preview__stat-lbl{font-size:9px;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.auth-panel__bottom{position:relative;z-index:2;margin-top:auto;padding:28px}.auth-panel__headline{font-family:var(--font-heading);font-size:26px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:10px}.auth-panel__sub{font-size:13px;color:#ffffff80;line-height:1.6;margin-bottom:20px}.auth-panel__dots{display:flex;gap:6px;align-items:center}.auth-panel__dot{width:22px;height:4px;border-radius:4px;background:#fff3;border:none;cursor:pointer;padding:0;transition:background var(--transition),width var(--transition)}.auth-panel__dot--active{background:#2563eb;width:32px}.auth-content{width:50%;display:flex;flex-direction:column;overflow-y:auto;background:#fff;flex-shrink:0}.auth-content__inner{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 48px}.auth-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 40px;font-size:12px;color:var(--text-muted);border-top:1px solid #F3F4F6;flex-shrink:0}.auth-footer a{color:var(--text-muted)}.auth-footer a strong{color:var(--text-link);font-weight:500}.auth-form-wrap{width:100%;max-width:400px}.auth-step-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#15803d;border:1px solid #BBF7D0;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;margin-bottom:20px}.auth-step-badge--recovery{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.auth-tabs{display:flex;gap:0;border-bottom:2px solid #E5E7EB;margin-bottom:28px}.auth-tab{padding:0 0 10px;margin-right:24px;font-size:14px;font-weight:500;color:var(--text-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--transition);font-family:var(--font-body)}.auth-tab--active{color:var(--brand-blue);border-bottom-color:var(--brand-blue)}.auth-heading{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.auth-sub{font-size:13px;color:var(--text-muted);margin-bottom:28px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-remember{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember input[type=checkbox]{width:14px;height:14px;accent-color:var(--brand-blue)}.auth-link{font-size:13px;color:var(--brand-blue);font-weight:500;white-space:nowrap;cursor:pointer}.auth-link:hover{text-decoration:underline}.auth-sign-in-hint{text-align:center;font-size:13px;color:var(--text-muted);margin-top:4px}@media (max-width: 768px){.auth-panel{display:none}.auth-content{width:100%}.auth-content__inner{padding:32px 24px}.auth-footer{padding:14px 24px;flex-direction:column;gap:4px;text-align:center}}.dash-preview{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:75%;margin:0 auto}.dash-preview__top-card{position:relative;height:160px;overflow:hidden}.dash-preview__badge{position:absolute;right:8px;bottom:8px;background:#0a0f1ce6;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 8px;display:flex;flex-direction:column;min-width:90px}.dash-preview__badge-val{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;line-height:1.2}.dash-preview__stats{display:flex;border-top:1px solid rgba(255,255,255,.07);background:#0f142899}.dash-preview__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;border-right:1px solid rgba(255,255,255,.07);color:#ffffffb3}.auth-panel__card-wrap{position:relative;z-index:2;padding:0 28px;margin-top:0;flex:1;display:flex;flex-direction:column;justify-content:center}.dash-preview{width:62%;margin:0 auto;display:flex;flex-direction:column;gap:8px}.dash-preview__top-card{position:relative;height:150px;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.dash-preview__laptop-img{width:100%;height:100%}.dash-preview__badge{position:absolute;right:8px;bottom:8px;background:#0a0f1ceb;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 8px;display:flex;flex-direction:column;min-width:85px}.dash-preview__badge-label{font-size:7px;font-weight:600;letter-spacing:.06em;color:#ffffff73;text-transform:uppercase}.dash-preview__badge-val{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;line-height:1.2}.dash-preview__badge-trend{font-size:8px;color:#4ade80}.dash-preview__stats{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden}.dash-preview__stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 0;border-right:1px solid rgba(255,255,255,.07)}.dash-preview__stat:last-child{border-right:none}.dash-preview__stat-icon{color:#ffffff59;margin-bottom:2px}.dash-preview__stat-num{font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff}.dash-preview__stat-lbl{font-size:8px;color:#ffffff59;text-transform:uppercase;letter-spacing:.06em}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);position:sticky;top:0;overflow-y:auto;z-index:100}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar__brand{display:flex;flex-direction:column}.sidebar__brand-name{font-family:var(--font-heading);font-size:13px;font-weight:700;color:#fff;letter-spacing:.04em}.sidebar__brand-sub{font-size:10px;color:var(--sidebar-text);letter-spacing:.02em}.sidebar__nav{flex:1;padding:16px 10px;display:flex;flex-direction:column;gap:4px}.sidebar__group{margin-bottom:8px}.sidebar__group-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--sidebar-text);padding:0 8px;margin-bottom:4px;display:block;text-transform:uppercase}.sidebar__item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;color:var(--sidebar-text);text-decoration:none;font-size:13px;font-weight:400;transition:background var(--transition),color var(--transition);cursor:pointer;position:relative}.sidebar__item:hover{background:var(--sidebar-item-hover);color:#e5e7eb;text-decoration:none}.sidebar__item--active{background:var(--sidebar-item-active)!important;color:#fff!important;font-weight:500}.sidebar__item-icon{display:flex;align-items:center;flex-shrink:0;opacity:.7}.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__badge{background:#374151;color:#d1d5db;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;min-width:22px;text-align:center}.sidebar__item--active .sidebar__badge{background:#ffffff26;color:#fff}.sidebar__footer{display:flex;align-items:center;gap:9px;padding:14px 12px;border-top:1px solid var(--sidebar-border);flex-shrink:0}.sidebar__user-info{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar__user-name{font-size:12px;font-weight:600;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-email{font-size:10px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__logout{background:none;border:none;cursor:pointer;color:var(--sidebar-text);display:flex;align-items:center;padding:5px;border-radius:6px;transition:background var(--transition),color var(--transition);flex-shrink:0}.sidebar__logout:hover{background:var(--sidebar-item-hover);color:#e5e7eb}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}.sidebar__mobile-close{display:none;margin-left:auto;background:none;border:none;color:var(--sidebar-text);font-size:16px;cursor:pointer;padding:4px 8px}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .25s ease;z-index:200;box-shadow:4px 0 20px #0000004d}.sidebar--open{transform:translate(0)}.sidebar-backdrop{display:block}.sidebar__mobile-close{display:flex}}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;font-family:var(--font-heading);flex-shrink:0;letter-spacing:.02em;-webkit-user-select:none;user-select:none}.dashboard-layout{display:flex;height:100vh;overflow:hidden;background:var(--content-bg)}.dashboard-layout__main{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-width:0}.mobile-topbar{display:none;align-items:center;gap:12px;padding:12px 16px;background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);position:sticky;top:0;z-index:50}.mobile-hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:4px}.mobile-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.mobile-brand{font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff}@media (max-width: 768px){.mobile-topbar{display:flex}}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.input-required{color:#ef4444}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:var(--text-muted);display:flex;align-items:center;pointer-events:none}.input-field{width:100%;height:var(--input-height);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);padding:0 12px;font-size:14px;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.input-field::placeholder{color:var(--input-placeholder)}.input-field:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #2563eb1a}.input-field:disabled{background:#f9fafb;cursor:not-allowed;color:var(--text-muted)}.input-field--has-icon{padding-left:38px}.input-field--has-right{padding-right:42px}.input-right-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:4px;border-radius:4px;transition:color var(--transition)}.input-right-btn:hover{color:var(--text-secondary)}.input-error .input-field{border-color:#ef4444}.input-error .input-field:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-msg,.input-error{font-size:12px;color:#ef4444}.input-hint{font-size:12px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-family:var(--font-body);font-weight:500;border-radius:var(--btn-radius);transition:background var(--transition),opacity var(--transition),box-shadow var(--transition);white-space:nowrap;position:relative;outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{height:32px;padding:0 12px;font-size:13px}.btn--md{height:40px;padding:0 18px;font-size:14px}.btn--lg{height:46px;padding:0 24px;font-size:15px}.btn--full{width:100%}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);box-shadow:0 1px 3px #2563eb40}.btn--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn--secondary:hover:not(:disabled){background:#f9fafb}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn--ghost:hover:not(:disabled){background:#f3f4f6}.btn--danger{background:#ef4444;color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--success{background:#22c55e;color:#fff}.btn--success:hover:not(:disabled){background:#16a34a}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn--icon{width:36px;height:36px;padding:0;border-radius:8px}.auth-error-msg{background:#fee2e2;color:#991b1b;border:1px solid #FECACA;border-radius:8px;padding:10px 14px;font-size:13px}.auth-demo-hint{margin-top:20px;padding:12px 14px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px;font-size:12px;color:#166534;line-height:1.8}.auth-demo-hint strong{display:block;margin-bottom:2px}.topbar{height:var(--topbar-height);background:var(--card-bg);border-bottom:1px solid var(--card-border);display:flex;align-items:center;gap:16px;padding:10px 24px;position:sticky;top:0;z-index:50}.topbar__left{min-width:160px}.topbar__title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2}.topbar__subtitle{font-size:11px;color:var(--text-muted);margin-top:1px}.topbar__center{flex:1}.topbar__search{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid var(--card-border);border-radius:8px;padding:0 12px;height:36px;max-width:400px;color:var(--text-muted)}.topbar__search-input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary);width:100%}.topbar__search-input::placeholder{color:var(--text-muted)}.topbar__right{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar__notif-btn{position:relative;width:36px;height:36px;border-radius:8px;background:#f9fafb;border:1px solid var(--card-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background var(--transition)}.topbar__notif-btn:hover{background:#f3f4f6}.topbar__notif-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;background:#ef4444;border-radius:50%;border:1.5px solid white}.topbar__user{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:8px;cursor:pointer;transition:background var(--transition)}.topbar__user:hover{background:#f3f4f6}.topbar__user-info{display:flex;flex-direction:column}.topbar__user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.2}.topbar__user-role{font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.topbar{padding:0 12px;gap:8px;height:auto;min-height:var(--topbar-height);flex-wrap:nowrap}.topbar__left .topbar__subtitle{display:none}.topbar__left{min-width:0}.topbar__center,.topbar__user--desktop{display:none}.topbar__right{gap:6px;flex-shrink:0}.topbar__right .topbar-filter-btn,.topbar__right .dash-action-btn{padding:0 8px;font-size:11px;height:30px}}.profile-topbar-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.profile-hero-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden}.profile-hero-banner{height:110px;background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#3b82f6);position:relative;overflow:hidden}.profile-hero-banner:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff12;right:60px;top:-60px}.profile-hero-banner:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#ffffff0f;right:-10px;top:10px}.profile-hero-body{display:flex;align-items:flex-end;gap:18px;padding:0 28px 22px}.profile-avatar-wrap{margin-top:-46px;flex-shrink:0}.profile-avatar{width:88px;height:88px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:4px solid var(--card-bg);box-shadow:0 4px 16px #0000001f;letter-spacing:1px;flex-shrink:0}.profile-hero-info{flex:1;padding-bottom:4px}.profile-hero-name{font-size:21px;font-weight:700;color:var(--text-primary);margin:0 0 5px;line-height:1.2}.profile-hero-role{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted);font-weight:500}.profile-hero-role svg{color:#2563eb}.profile-active-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#16a34a;padding-bottom:6px;flex-shrink:0}.profile-active-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;display:inline-block}.profile-section-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:24px 28px}.profile-section-header{margin-bottom:20px}.profile-section-header h3{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.profile-section-header p{font-size:13px;color:var(--text-muted);margin:0}.profile-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-field{display:flex;flex-direction:column;gap:6px}.profile-field--full{grid-column:1 / -1}.profile-field label{font-size:10px;font-weight:600;letter-spacing:.07em;color:var(--text-muted);text-transform:uppercase}.profile-field-box{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg);font-size:14px;color:var(--text-primary);font-weight:400}.profile-field-box--role{color:var(--text-secondary)}.profile-field-box--role svg{color:#2563eb}.profile-field-box--status{color:#16a34a;font-weight:500}.profile-field-box--date svg{color:var(--text-muted);flex-shrink:0}.profile-loading{text-align:center;padding:32px;color:var(--text-muted);font-size:14px}.profile-change-pw-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;background:#0f172a;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background .15s}.profile-change-pw-btn:hover{background:#1e293b}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.profile-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;box-shadow:0 20px 60px #0000002e;overflow:hidden}.profile-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 0}.profile-modal-header h3{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 4px}.profile-modal-header p{font-size:13px;color:#64748b;margin:0}.profile-modal-close{width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-size:14px;color:#64748b;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .1s}.profile-modal-close:hover{background:#f1f5f9}.profile-modal-close:disabled{opacity:.4;cursor:not-allowed}.profile-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.profile-pw-field{display:flex;flex-direction:column;gap:6px}.profile-pw-field label{font-size:13px;font-weight:500;color:#0f172a}.profile-pw-input-wrap{position:relative;display:flex;align-items:center}.profile-pw-input-wrap input{width:100%;height:44px;padding:0 42px 0 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;outline:none;font-family:var(--font-body);transition:border-color .15s;box-sizing:border-box}.profile-pw-input-wrap input:focus{border-color:#2563eb}.profile-pw-input-wrap input:disabled{background:#f8fafc;color:#94a3b8}.profile-pw-input-wrap input::placeholder{color:#94a3b8}.profile-pw-eye{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:0;transition:color .1s}.profile-pw-eye:hover{color:#475569}.profile-pw-hint{font-size:11px;color:#94a3b8}.profile-pw-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#dc2626}.profile-pw-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px;font-size:13px;color:#16a34a;display:flex;align-items:center;gap:6px;font-weight:500}.profile-pw-tips{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:14px 16px}.profile-pw-tips-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1d4ed8;margin-bottom:8px}.profile-pw-tips ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.profile-pw-tips ul li{font-size:12px;color:#1d4ed8;line-height:1.5}.profile-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #f1f5f9}.profile-modal-cancel{height:40px;padding:0 18px;background:none;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#475569;cursor:pointer;font-family:var(--font-body);transition:background .1s}.profile-modal-cancel:hover{background:#f8fafc}.profile-modal-cancel:disabled{opacity:.4;cursor:not-allowed}.profile-modal-submit{height:40px;padding:0 18px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);display:flex;align-items:center;gap:6px;transition:background .15s}.profile-modal-submit:hover:not(:disabled){background:#1d4ed8}.profile-modal-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.profile-fields-grid{grid-template-columns:1fr}.profile-field--full{grid-column:1}.profile-hero-body{padding:0 16px 18px;gap:12px}.profile-avatar{width:72px;height:72px;font-size:22px}.profile-hero-name{font-size:18px}.profile-section-card{padding:18px 16px}.profile-modal{border-radius:12px}.profile-modal-body{padding:16px}.profile-modal-header{padding:18px 16px 0}.profile-modal-footer{padding:14px 16px 16px}}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge--ready{background:var(--status-ready-bg);color:var(--status-ready-text)}.status-badge--ready .status-badge__dot{background:var(--status-ready-dot)}.status-badge--pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge--pending .status-badge__dot{background:var(--status-pending-dot)}.status-badge--defective{background:var(--status-defective-bg);color:var(--status-defective-text)}.status-badge--defective .status-badge__dot{background:var(--status-defective-dot)}.status-badge--sold{background:var(--status-sold-bg);color:var(--status-sold-text)}.status-badge--sold .status-badge__dot{background:var(--status-sold-dot)}.status-badge--returned{background:var(--status-returned-bg);color:var(--status-returned-text)}.status-badge--returned .status-badge__dot{background:var(--status-returned-dot)}.status-badge--processing{background:var(--status-processing-bg);color:var(--status-processing-text)}.status-badge--processing .status-badge__dot{background:var(--status-processing-dot)}.status-badge--active{background:var(--status-active-bg);color:var(--status-active-text)}.status-badge--active .status-badge__dot{background:var(--status-ready-dot)}.status-badge--nonactive{background:var(--status-nonactive-bg);color:var(--status-nonactive-text)}.status-badge--nonactive .status-badge__dot{background:var(--status-pending-dot)}.status-badge--default{background:#f3f4f6;color:#6b7280}.status-badge--default .status-badge__dot{background:#9ca3af}.admin-page{display:flex;flex-direction:column;min-height:100vh;background:var(--content-bg)}.admin-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px}.kpi-card{background:#8a92a2;border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:4px;transition:box-shadow var(--transition)}.kpi-card--wide{background:#051841;border:none}.kpi-card--good{background:#05e41b;border:none}.kpi-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.kpi-card__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-card__trend{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}.kpi-card__trend--up{background:#dcfce7;color:#15803d}.kpi-card__trend--down{background:#fee2e2;color:#991b1b}.kpi-card__label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.kpi-card__value{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--text-primary);line-height:1.1}.kpi-card__sub{font-size:12px;color:var(--text-muted);margin-top:2px}.dash-mid-row{display:grid;grid-template-columns:1fr 340px;gap:16px}.dash-snapshot{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden;display:grid;grid-template-columns:280px 1fr}.dash-snapshot__hero{position:relative;background:#0d1829;overflow:hidden}.dash-snapshot__hero-img{width:100%;height:100%;min-height:220px}.dash-snapshot__hero-overlay{position:absolute;top:12px;left:12px}.dash-snapshot__live-dot{display:inline-flex;align-items:center;gap:6px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-dot-pulse{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse 1.5s ease infinite}.dash-snapshot__hero-info{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);color:#fff}.dash-snapshot__hero-info strong{display:block;font-size:15px;font-weight:700}.dash-snapshot__hero-info span{display:block;font-size:11px;opacity:.7;margin-bottom:6px}.dash-snapshot__hero-stats{display:flex;gap:14px;font-size:11px}.dash-snapshot__hero-stats span b{font-weight:700;margin-right:3px}.dash-snapshot__detail{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.dash-snapshot__tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--brand-blue);text-transform:uppercase}.dash-snapshot__detail h3{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--text-primary)}.dash-snapshot__detail p{font-size:12px;color:var(--text-muted)}.dash-snapshot__total-label{display:block;font-size:11px;color:var(--text-muted)}.dash-snapshot__total-val{font-family:var(--font-heading);font-size:30px;font-weight:700;color:var(--text-primary)}.snap-bar__top{display:flex;align-items:center;gap:7px;margin-bottom:4px}.snap-bar__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.snap-bar__label{flex:1;font-size:12px;color:var(--text-secondary)}.snap-bar__val{font-size:12px;font-weight:700;color:var(--text-primary);background:#f3f4f6;padding:2px 8px;border-radius:20px}.snap-bar__track{height:6px;background:#f3f4f6;border-radius:10px;overflow:hidden}.snap-bar__fill{height:100%;border-radius:10px;transition:width .4s ease}.dash-snapshot__link{background:none;border:none;cursor:pointer;font-size:13px;color:var(--brand-blue);font-weight:500;padding:0;text-align:left;margin-top:auto}.dash-snapshot__link:hover{text-decoration:underline}.dash-right-col{display:flex;flex-direction:column;gap:16px}.dash-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:16px 18px}.dash-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dash-card__title{font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase}.dash-card__pill{background:#fff;border:none;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer}.dash-sales-perf{display:flex;align-items:baseline;gap:10px}.dash-sales-big{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--text-primary)}.dash-sales-trend{font-size:12px;font-weight:600}.dash-sales-trend.up{color:#16a34a;background-color:#d4f4df;padding:2px 3px;border-radius:5px}.dash-sales-target{font-size:11px;color:var(--text-muted);margin-bottom:4px}.dash-chart-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);margin-bottom:6px}.legend-dot{display:inline-block;width:20px;height:3px;border-radius:2px;vertical-align:middle}.dash-eng-sub{font-family:var(--font-heading);font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.dash-eng-sub2{font-size:12px;color:var(--text-muted);margin-bottom:8px;font-weight:400}.dash-eng-content{display:flex;align-items:center;gap:14px}.dash-eng-legend{display:flex;flex-direction:column;gap:6px}.eng-legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.eng-legend-item strong{margin-left:auto;font-size:13px;color:var(--text-primary)}.eng-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dash-table-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden}.dash-table-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #F3F4F6;flex-wrap:wrap}.dash-table-header__left{display:flex;flex-direction:column;margin-right:4px}.dash-table-title{font-size:15px;font-weight:700;color:var(--text-primary)}.dash-table-count{font-size:11px;color:var(--text-muted)}.dash-table-tabs{display:flex;gap:2px;flex:1}.dash-table-tab{background:none;border:none;padding:5px 12px;border-radius:6px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition);font-family:var(--font-body)}.dash-table-tab:hover{background:#f3f4f6;color:var(--text-secondary)}.dash-table-tab--active{background:#eff6ff;color:var(--brand-blue);font-weight:500}.dash-table-actions{display:flex;align-items:center;gap:8px}.dash-search-mini{display:flex;align-items:center;gap:6px;background:#f9fafb;border:1px solid var(--card-border);border-radius:7px;padding:0 10px;height:32px;color:var(--text-muted)}.dash-search-mini input{border:none;background:transparent;outline:none;font-size:12px;width:130px;color:var(--text-primary)}.dash-action-btn{display:flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid var(--card-border);border-radius:7px;background:#fff;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:background var(--transition)}.dash-action-btn:hover{background:#f3f4f6}.dash-action-btn--export{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.dash-action-btn--export:hover{background:var(--brand-blue-hover)}.inv-table{width:100%;border-collapse:collapse}.inv-table thead tr{background:#f9fafb;border-bottom:1px solid #F3F4F6}.inv-table th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}.inv-table td{padding:12px 16px;border-bottom:1px solid #F9FAFB;font-size:13px;color:var(--text-secondary)}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table tbody tr:hover td{background:#fafafa}.inv-device-cell{display:flex;align-items:center;gap:10px}.inv-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.inv-device-name{font-size:13px;font-weight:600;color:var(--text-primary)}.inv-device-id{font-size:11px;color:var(--text-muted)}.inv-specs{color:var(--text-muted);font-size:12px}.inv-price{font-weight:600;color:var(--text-primary)}.inv-location{font-size:12px}.inv-updated{font-size:12px;color:var(--text-muted)}.topbar-filter-btn{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--card-border);border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:background var(--transition)}.topbar-filter-btn:hover{background:#f3f4f6}@media (max-width: 900px){.dash-mid-row{grid-template-columns:1fr}.dash-right-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 768px){.kpi-grid,.kpi-grid1{grid-template-columns:1fr 1fr}.dash-mid-row{grid-template-columns:1fr;gap:12px}.dash-right-col{grid-template-columns:1fr}.dash-snapshot{grid-template-columns:1fr;grid-template-rows:180px auto}.dash-snapshot__hero,.dash-snapshot__hero-img{min-height:180px}.dash-snapshot__detail{padding:16px;gap:10px}.dash-snapshot__total-val{font-size:24px}.kpi-card{padding:14px 16px}.kpi-card__value{font-size:24px}.topbar-filter-btn{height:30px;padding:0 10px;font-size:12px}.dash-table-header{flex-wrap:wrap;gap:8px;padding:12px 14px}.dash-table-tabs{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;flex-wrap:nowrap}.dash-table-tabs::-webkit-scrollbar{display:none}.dash-table-tab{white-space:nowrap;flex-shrink:0}.dash-table-actions{order:4;width:100%;display:flex;gap:8px;flex-wrap:wrap}.dash-table-actions .dash-search-mini{flex:1;min-width:0}.dash-table-actions .dash-search-mini input{width:100%}.dash-right-col{gap:12px}}@media (max-width: 480px){.kpi-grid,.kpi-grid1{grid-template-columns:1fr 1fr}.admin-content{padding:12px;gap:12px}.kpi-card__value{font-size:22px}.dash-snapshot{grid-template-rows:160px auto}}.dash-snapshot{background:#0d1829!important;border:none!important;border-radius:16px!important;display:grid;grid-template-columns:310px 1fr;min-height:420px;overflow:hidden}.dash-snapshot__hero{position:relative;background:#060d1a!important;overflow:hidden;min-height:420px}.dash-snapshot__hero-img{width:100%;height:100%;min-height:420px;display:block}.dash-snapshot__hero-img svg{width:100%;height:100%;min-height:420px;object-fit:cover}.dash-snapshot__hero-img svg rect:first-child{fill:#040a14!important}.dash-snapshot__hero-overlay{position:absolute;top:16px;left:16px;z-index:4}.dash-snapshot__live-dot{display:inline-flex;align-items:center;gap:7px;background:#0d1829b8;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;font-size:12px;font-weight:500;padding:5px 13px 5px 10px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.01em}.live-dot-pulse{width:8px;height:8px;background:#22c55e;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #22c55e40;animation:pulse 1.5s ease infinite}.dash-snapshot__hero-info{position:absolute;bottom:0;left:0;right:0;padding:40px 18px 20px;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.4) 60%,transparent 100%);color:#fff;z-index:3}.dash-snapshot__hero-info strong{display:block;font-size:18px;font-weight:700;color:#fff;margin-bottom:2px;font-family:var(--font-heading)}.dash-snapshot__hero-info>span{display:block;font-size:12px;color:#ffffff8c;margin-bottom:12px}.dash-snapshot__hero-stats{display:flex;gap:20px;font-size:12px;color:#ffffffa6}.dash-snapshot__hero-stats span{display:flex;flex-direction:column;gap:1px}.dash-snapshot__hero-stats span b{font-size:15px;font-weight:700;color:#fff;font-family:var(--font-heading);display:block}.dash-snapshot__detail{background:#0d1829;padding:24px 26px;display:flex;flex-direction:column;gap:16px;border-left:1px solid rgba(255,255,255,.06)}.dash-snapshot__tag{font-size:10px;font-weight:700;letter-spacing:.1em;color:#60a5fa;text-transform:uppercase;display:flex;align-items:center;gap:5px}.dash-snapshot__tag:before{content:"⚡";font-size:11px}.dash-snapshot__detail-header{display:flex;flex-direction:column;gap:6px}.dash-snapshot__detail h3{font-family:var(--font-heading)!important;font-size:20px!important;font-weight:700!important;color:#fff!important;line-height:1.25}.dash-snapshot__detail p{font-size:12px!important;color:#ffffff73!important;line-height:1.5}.dash-snapshot__total{background:#1e40af;border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;gap:3px}.dash-snapshot__total-label{display:block;font-size:11px;color:#ffffffa6!important;font-weight:500;letter-spacing:.03em}.dash-snapshot__total-val{font-family:var(--font-heading);font-size:34px!important;font-weight:700;color:#fff!important;line-height:1.1;display:block}.dash-snapshot__bars{display:flex;flex-direction:column;gap:8px}.snap-bar{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px}.snap-bar__track{display:none}.snap-bar__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.snap-bar__label{flex:1;font-size:13px!important;color:#fffc!important;font-weight:400}.snap-bar__val{font-size:13px!important;font-weight:700!important;color:#fff!important;background:#ffffff1a!important;padding:2px 10px!important;border-radius:20px!important;min-width:32px;text-align:center}.dash-snapshot__link{background:none!important;border:none!important;cursor:pointer;font-size:13px!important;color:#60a5fa!important;font-weight:500;padding:0!important;text-align:right!important;margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%}.dash-snapshot__link:after{content:"→";font-size:15px}.dash-snapshot__link:hover{color:#93c5fd!important;text-decoration:none!important}@media (max-width: 768px){.dash-snapshot{grid-template-columns:1fr!important;grid-template-rows:220px auto!important}.dash-snapshot__hero,.dash-snapshot__hero-img{min-height:220px!important}.dash-snapshot__hero-img svg{min-height:220px!important}.dash-snapshot__detail{padding:18px 20px}}.kpi-grid1{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:linear-gradient(135deg,#1e40af,#2563eb);padding:14px;border-radius:20px}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:4px;transition:box-shadow var(--transition)}.kpi-card--wide{background:#051841!important;border:none}.kpi-card--wide .kpi-card__label,.kpi-card--wide .kpi-card__value,.kpi-card--wide .kpi-card__sub{color:#ffffffe6!important}.kpi-card--wide .kpi-card__label{color:#ffffffa6!important}.kpi-card--wide .kpi-card__trend--up{background:#ffffff26;color:#fff}@media (max-width: 768px){.kpi-grid1{grid-template-columns:1fr}}.kpi-card--awaiting .kpi-card__value,.kpi-card--awaiting .kpi-card__sub,.kpi-card--awaiting .kpi-card__label{color:#fff!important}.kpi-card--awaiting .kpi-card__sub{color:#fff9!important}.kpi-card--awaiting .kpi-card__label{color:#ffffff80!important}.dash-snapshot__hero:after{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(to right,transparent 0%,#0d1829 100%);pointer-events:none;z-index:2}.dash-snapshot__hero-info{z-index:3}.dash-snapshot__hero-overlay{z-index:4}.snap-bar__dot{display:none}.snap-bar__top{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:0!important}.snap-bar:nth-child(1) .snap-bar__val{color:#22c55e!important}.snap-bar:nth-child(2) .snap-bar__val{color:#f59e0b!important}.snap-bar:nth-child(3) .snap-bar__val{color:#ef4444!important}.dash-snapshot{grid-template-columns:1fr 1fr!important;border:none!important;outline:none!important;box-shadow:none!important;overflow:hidden;position:relative}.dash-snapshot__hero{position:relative;overflow:hidden;min-height:380px}.dash-snapshot__hero img,.dash-snapshot__hero-img img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.dash-snapshot__hero:after{content:"";position:absolute;top:0;right:0;width:55%;height:100%;background:linear-gradient(to right,transparent 0%,#0d1829 100%);pointer-events:none;z-index:2}.dash-snapshot__hero-info{z-index:3;position:absolute}.dash-snapshot__hero-overlay{z-index:4;position:absolute}.dash-snapshot__detail{background:#0d1829!important;border-left:none!important;border:none!important}@media (max-width: 768px){.dash-snapshot{grid-template-columns:1fr!important;grid-template-rows:220px auto!important}.dash-snapshot__hero{min-height:220px!important}.dash-snapshot__hero:after{width:100%!important;height:40%!important;top:auto!important;bottom:0!important;right:0!important;background:linear-gradient(to bottom,transparent 0%,#0d1829 100%)!important}}.dash-card--sales{background:linear-gradient(145deg,#f0f4ff,#e8f0fe)!important;border:1px solid #dce8fb!important;border-radius:16px!important;padding:20px 20px 14px!important}.dash-card__pill--raised{background:#fff!important;border:none!important;border-radius:20px!important;padding:6px 18px!important;font-size:13px!important;font-weight:600!important;color:#1e293b!important;box-shadow:0 2px 8px #0000001a,0 0 0 1px #0000000a!important;cursor:pointer;letter-spacing:-.01em}.dash-card__pill--raised:hover{box-shadow:0 3px 12px #00000024,0 0 0 1px #0000000f!important}.dash-sales-big{font-size:44px!important;font-weight:800!important;color:#0f172a!important;letter-spacing:-.03em;line-height:1!important}.dash-sales-trend.up{font-size:13px!important;font-weight:600!important;color:#0f7a5a!important;background-color:#d1fae5!important;padding:4px 10px!important;border-radius:20px!important;display:inline-flex;align-items:center;gap:3px}.dash-sales-target{font-size:13px!important;color:#64748b!important;margin:4px 0 10px!important}.dash-chart-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b;margin-bottom:10px}.legend-dot{display:inline-block;width:22px;height:3px;border-radius:2px;background:#2563eb;vertical-align:middle}.legend-dot--dashed{background:transparent!important;border-top:2.5px dashed #CBD5E1;height:0!important;border-radius:0!important;margin-right:4px}.inv-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.inv-summary-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:14px 16px;display:flex;align-items:center;gap:12px;transition:box-shadow var(--transition)}.inv-summary-card:hover{box-shadow:var(--card-shadow-md)}.inv-summary-card__icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inv-summary-card__label{font-size:11px;color:var(--text-muted);font-weight:500;white-space:nowrap}.inv-summary-card__value{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.1}.inv-table-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #F3F4F6;gap:12px}.inv-tabs{display:flex;gap:2px;flex-wrap:wrap}.inv-table-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.inv-id-cell{font-size:12px;font-weight:600;color:var(--text-muted);font-family:monospace}.inv-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #F3F4F6}.inv-page-btn{height:30px;padding:0 10px;border:1px solid var(--card-border);border-radius:6px;background:#fff;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:background var(--transition)}.inv-page-btn--num{min-width:30px;text-align:center}.inv-page-btn--active{background:var(--brand-blue)!important;color:#fff!important;border-color:var(--brand-blue)!important}@media (max-width: 1024px){.inv-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.inv-summary-grid{grid-template-columns:1fr 1fr}.inv-table-header{flex-direction:column;align-items:stretch;padding:12px;gap:8px}.inv-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding-bottom:2px}.inv-tabs::-webkit-scrollbar{display:none}.inv-tabs .dash-table-tab{white-space:nowrap;flex-shrink:0;font-size:12px;padding:4px 10px}.inv-table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inv-table-actions .dash-search-mini{flex:1;min-width:0}.inv-table-actions .dash-search-mini input{width:100%}.inv-pagination{flex-direction:column;align-items:flex-start;padding:12px 14px;gap:8px}}@media (max-width: 480px){.inv-summary-grid{grid-template-columns:1fr 1fr}.inv-summary-card{padding:12px;gap:8px}.inv-summary-card__value{font-size:18px}}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #F3F4F6;flex-wrap:wrap;gap:10px}.pagination__info{font-size:12px;color:var(--text-muted)}.pagination__info strong{color:var(--text-secondary);font-weight:600}.pagination__controls{display:flex;align-items:center;gap:4px}.pg-btn{height:30px;padding:0 10px;border:1px solid var(--card-border);border-radius:6px;background:#fff;font-size:12px;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.pg-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-btn--num{min-width:30px;text-align:center;padding:0 6px}.pg-btn--active{background:var(--brand-blue)!important;color:#fff!important;border-color:var(--brand-blue)!important;font-weight:600}.pg-ellipsis{font-size:12px;color:var(--text-muted);padding:0 4px;line-height:30px}@media (max-width: 480px){.pagination{flex-direction:column;align-items:flex-start}}.select-group{display:flex;flex-direction:column;gap:6px}.select-wrapper{position:relative}.select-field{width:100%;height:var(--input-height);border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);padding:0 36px 0 12px;font-size:14px;color:var(--text-primary);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.select-field:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 3px #2563eb1a}.select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#fff;border-radius:var(--border-radius-lg);width:100%;box-shadow:0 20px 60px #0003;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #F3F4F6}.modal-title{font-size:15px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);border-radius:6px;padding:4px;display:flex;align-items:center;transition:background var(--transition)}.modal-close:hover{background:#f3f4f6;color:var(--text-secondary)}.modal-body{padding:20px 24px 24px}.spec-alert{display:flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #FED7AA;color:#9a3412;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;align-self:flex-end;width:fit-content;margin-left:auto}.spec-layout{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.spec-devices-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;flex-direction:column}.spec-devices-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid #F3F4F6}.spec-panel-title{font-size:15px;font-weight:700;color:var(--text-primary)}.spec-panel-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.spec-select-all-btn{background:none;border:none;cursor:pointer;font-size:13px;color:var(--brand-blue);font-weight:500;font-family:var(--font-body)}.spec-select-all-btn:hover{text-decoration:underline}.spec-selected-tags{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;border-bottom:1px solid #F3F4F6}.spec-tag{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:var(--brand-blue);border:1px solid #BFDBFE;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.spec-tag button{background:none;border:none;cursor:pointer;color:#93c5fd;font-size:14px;line-height:1;padding:0;display:flex;align-items:center}.spec-tag button:hover{color:var(--brand-blue)}.spec-search{display:flex;align-items:center;gap:8px;margin:12px 16px;background:#f9fafb;border:1px solid var(--card-border);border-radius:8px;padding:0 12px;height:36px;color:var(--text-muted)}.spec-search input{border:none;background:transparent;outline:none;font-size:13px;width:100%;color:var(--text-primary)}.spec-device-list{max-height:400px;overflow-y:auto}.spec-device-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid #FAFAFA;transition:background var(--transition)}.spec-device-item:hover{background:#f9fafb}.spec-device-item--selected{background:#eff6ff}.spec-device-item--selected:hover{background:#dbeafe}.spec-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid #D1D5DB;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.spec-checkbox--checked{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.spec-avatar{width:34px!important;height:34px!important;border-radius:9px!important;font-size:11px!important}.spec-device-info{flex:1;min-width:0}.spec-device-name{font-size:13px;font-weight:600;color:var(--text-primary)}.spec-device-id{font-size:11px;color:var(--text-muted)}.spec-pending-badge{font-size:11px;color:#f59e0b;font-weight:500;white-space:nowrap}.spec-tips{margin:14px 16px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:12px 14px}.spec-tips__title{font-size:12px;font-weight:600;color:#1e40af;margin-bottom:6px}.spec-tips__item{font-size:11px;color:#2563eb;line-height:1.6}.spec-form-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden}.spec-form-header{display:flex;align-items:center;gap:10px;background:#1e3a5f;padding:16px 18px}.spec-form-title{font-size:14px;font-weight:700;color:#fff}.spec-form-sub{font-size:11px;color:#fff9}.spec-form-body{padding:18px;display:flex;flex-direction:column;gap:14px}.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spec-field-group{display:flex;flex-direction:column;gap:6px}.spec-textarea{width:100%;border:1px solid var(--input-border);border-radius:var(--input-radius);padding:10px 12px;font-size:13px;color:var(--text-primary);font-family:var(--font-body);resize:vertical;outline:none;transition:border-color var(--transition)}.spec-textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #2563eb1a}.spec-textarea::placeholder{color:var(--input-placeholder)}.spec-form-actions{display:flex;gap:10px;margin-top:4px}.spec-select-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);text-align:center;justify-content:center}.spec-success-msg{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500;text-align:center}.spec-feature-dropdown-trigger{height:44px;border:1px solid var(--input-border);border-radius:8px;background:#fff;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;transition:border-color var(--transition)}.spec-feature-dropdown-trigger:hover{border-color:var(--brand-blue)}.spec-feature-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--card-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:220px;overflow-y:auto}.spec-feature-option{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition)}.spec-feature-option:hover{background:#f9fafb}.spec-feature-option.selected{color:var(--brand-blue)}.spec-feature-check{width:16px;height:16px;border:1.5px solid #D1D5DB;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;color:#fff;transition:all var(--transition)}.spec-feature-check.checked{background:var(--brand-blue);border-color:var(--brand-blue)}.spec-feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.spec-feature-tag{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:var(--brand-blue);border:1px solid #BFDBFE;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.spec-feature-tag button{background:none;border:none;cursor:pointer;color:#93c5fd;font-size:14px;line-height:1;padding:0;display:flex;align-items:center}.spec-feature-tag button:hover{color:var(--brand-blue)}.spec-form-panel,.spec-form-body{overflow:visible}.pricing-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pricing-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.pricing-stat-card--blue{background:linear-gradient(135deg,#1e40af,#2563eb)}.pricing-stat-card--blue .pricing-stat-label,.pricing-stat-card--blue .pricing-stat-value{color:#fff}.pricing-stat-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-bottom:4px}.pricing-stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.pricing-stat-value{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary)}.pricing-table-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #F3F4F6;gap:12px;flex-wrap:wrap}.pricing-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.pricing-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pricing-table{min-width:900px}.pricing-edit-cell{display:flex;align-items:center;border:1.5px solid var(--brand-blue);border-radius:7px;overflow:hidden;width:fit-content;background:#fff}.pricing-currency{padding:0 8px;font-size:13px;font-weight:600;color:var(--text-muted);background:#f3f4f6;height:32px;display:flex;align-items:center;border-right:1px solid #E5E7EB}.pricing-edit-input{border:none;outline:none;padding:0 10px;height:32px;font-size:13px;width:100px;font-family:var(--font-body);color:var(--text-primary)}.pricing-edit-input::-webkit-outer-spin-button,.pricing-edit-input::-webkit-inner-spin-button{-webkit-appearance:none}.pricing-action-btns{display:flex;align-items:center;gap:5px}.pricing-confirm-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#16a34a;transition:background var(--transition)}.pricing-confirm-btn:hover{background:#bbf7d0}.pricing-cancel-btn{width:28px;height:28px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;transition:background var(--transition)}.pricing-cancel-btn:hover{background:#fecaca}.pricing-edit-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border:1px solid var(--card-border);border-radius:6px;background:#fff;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all var(--transition);white-space:nowrap}.pricing-edit-btn:hover:not(:disabled){border-color:var(--brand-blue);color:var(--brand-blue);background:#eff6ff}.pricing-edit-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.pricing-stats-grid{grid-template-columns:1fr 1fr}}.user-stats-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px}.user-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:4px}.user-stat-card--wide{background:linear-gradient(135deg,#1e3a5f,#2563eb)}.user-stat-card--wide .user-stat-label,.user-stat-card--wide .user-stat-value{color:#ffffffe6}.user-stat-card--wide .user-stat-label{color:#fff9}.user-stat-icon{margin-bottom:6px}.user-stat-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.user-stat-value{font-family:var(--font-heading);font-size:30px;font-weight:700;color:var(--text-primary);line-height:1.1}.user-table-header{padding:14px 16px;border-bottom:1px solid #F3F4F6}.user-tabs{display:flex;gap:4px;flex-wrap:wrap}.user-tab{background:none;border:1px solid transparent;padding:6px 14px;border-radius:20px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.user-tab:hover{background:#f3f4f6;color:var(--text-secondary)}.user-tab--active{background:#eff6ff;border-color:#bfdbfe;color:var(--brand-blue);font-weight:500}.user-name-link{font-size:13px;font-weight:500;color:var(--brand-blue);cursor:pointer}.user-name-link:hover{text-decoration:underline}.user-suspend-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border:1px solid var(--card-border);border-radius:6px;background:#fff;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all var(--transition)}.user-suspend-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.user-modal-badge{display:inline-flex;align-items:center;background:#eff6ff;color:var(--brand-blue);border:1px solid #BFDBFE;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:18px}.user-modal-form{display:flex;flex-direction:column;gap:16px}.user-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;display:flex;align-items:center;justify-content:center}.user-success-box{background:#fff;border-radius:20px;padding:40px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:340px;width:100%;animation:modalSlideIn .2s ease}.user-success-icon{width:72px;height:72px;background:var(--brand-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.user-success-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-primary)}.user-success-sub{font-size:13px;color:var(--text-muted);line-height:1.6}.user-success-sub strong{color:var(--text-primary)}.activity-card{padding:0}.activity-tabs{display:flex;gap:4px;padding:14px 20px;border-bottom:1px solid #F3F4F6}.activity-tab{background:none;border:1px solid transparent;padding:6px 14px;border-radius:20px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.activity-tab:hover{background:#f3f4f6}.activity-tab--active{background:#eff6ff;border-color:#bfdbfe;color:var(--brand-blue);font-weight:500}.activity-section-title{font-size:15px;font-weight:700;color:var(--text-primary);padding:18px 20px 8px}.activity-timeline{padding:0 20px 20px;display:flex;flex-direction:column}.activity-item{display:flex;gap:16px;position:relative}.activity-item__left{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.activity-line{width:2px;flex:1;background:#e5e7eb;min-height:24px;margin:4px 0}.activity-item__content{flex:1;padding:8px 0 20px;min-width:0}.activity-item__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.activity-item__title{font-size:14px;font-weight:700;color:var(--text-primary)}.activity-item__time{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.activity-item__desc{font-size:13px;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.activity-item__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.activity-actor{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700;flex-shrink:0}.activity-actor-name{font-size:12px;font-weight:500;color:var(--text-secondary)}.activity-sep{color:var(--text-muted);font-size:12px}.activity-meta-text{font-size:12px;color:var(--text-muted)}.activity-tag{background:#eff6ff;color:var(--brand-blue);border:1px solid #BFDBFE;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500}.activity-more{font-size:12px;color:var(--text-muted)}.activity-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 20px;border-bottom:1px solid #F3F4F6}.act-user-filter{position:relative;flex-shrink:0}.act-user-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);font-family:var(--font-body)}.act-user-trigger:hover{background:#f9fafb;border-color:#d1d5db}.act-user-chip{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:#f3f4f6;border-radius:8px;font-size:13px}.act-user-chip__avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.act-user-chip__name{color:var(--text-primary);font-weight:500}.act-user-chip__clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 4px;display:flex;align-items:center;border-radius:4px;transition:all var(--transition)}.act-user-chip__clear:hover{color:var(--text-primary);background:#e5e7eb}.act-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #00000005;z-index:1000;overflow:hidden}.act-user-dropdown__search{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #F3F4F6}.act-user-dropdown__search svg{color:#9ca3af;flex-shrink:0}.act-user-dropdown__search input{flex:1;border:none;outline:none;font-size:13px;font-family:var(--font-body);color:var(--text-primary)}.act-user-dropdown__search input::placeholder{color:#9ca3af}.act-user-dropdown__list{max-height:320px;overflow-y:auto}.act-user-dropdown__empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text-muted)}.act-user-dropdown__item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:none;border:none;cursor:pointer;transition:background var(--transition);text-align:left}.act-user-dropdown__item:hover{background:#f9fafb}.act-user-dropdown__avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.act-user-dropdown__info{flex:1;min-width:0}.act-user-dropdown__name{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.act-user-dropdown__email{display:block;font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-user-dropdown__role{padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.activity-filter-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fefce8;border-bottom:1px solid #FDE047;flex-wrap:wrap}.activity-filter-bar__label{font-size:13px;color:var(--text-secondary)}.activity-filter-bar__user{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary)}.activity-filter-bar__avatar{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600}.activity-filter-bar__role{padding:2px 6px;background:#f3f4f6;border-radius:4px;font-size:11px;font-weight:500;color:var(--text-secondary)}.activity-filter-bar__clear{background:none;border:none;color:#d97706;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all var(--transition)}.activity-filter-bar__clear:hover{background:#fef3c7;color:#b45309}@media (max-width: 640px){.activity-header-row{flex-direction:column;align-items:stretch}.act-user-filter{width:100%}.act-user-trigger,.act-user-chip{width:100%;justify-content:center}.act-user-dropdown{width:100%;right:auto;left:0}}.table-scroll-wrap,.table-scroll-wrap--wide{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-wrap,.table-scroll-wrap--wide{max-width:100%}.sales-mid-row{display:flex;gap:16px}.sales-bottom-row{display:flex;gap:16px;flex-wrap:wrap}.sales-bottom-row .dash-card{flex:1;min-width:220px}.kpi-card--awaiting{background:linear-gradient(135deg,#0d1829,#1e3a5f)}.kpi-awaiting-tag{background:#ffffff1f;color:#fffc;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:500}.sales-snapshot-card{background:linear-gradient(160deg,#0d1829,#1a2e50)!important;display:flex;flex-direction:column;justify-content:space-between;min-height:180px;color:#fff}.sales-snapshot-center{text-align:center;padding:16px 0}.sales-snapshot-count{font-family:var(--font-heading);font-size:40px;font-weight:700;color:#fff;line-height:1}.sales-snapshot-label{font-size:13px;color:#ffffffb3;margin-top:4px}.sales-snapshot-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;background:var(--brand-blue);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:background var(--transition)}.sales-snapshot-cta:hover{background:var(--brand-blue-hover)}.sales-activity-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.sales-activity-item{display:flex;align-items:center;gap:10px}.sales-activity-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.val-pending-badge{background:#fef3c7;color:#92400e;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.val-condition--excellent{color:#2563eb;font-weight:600;font-size:12px}.val-condition--good{color:#16a34a;font-weight:600;font-size:12px}.val-condition--fair{color:#f59e0b;font-weight:600;font-size:12px}.ready-record-btn{display:inline-flex;align-items:center;gap:6px;background:#22c55e;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:background var(--transition)}.ready-record-btn:hover{background:#16a34a}.return-type--customer{color:#ef4444;font-weight:600;font-size:12px}.return-type--internal{color:#f59e0b;font-weight:600;font-size:12px}.send-eng-btn{display:inline-flex;align-items:center;gap:6px;background:var(--text-primary);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;font-family:var(--font-body);white-space:nowrap;transition:opacity var(--transition)}.send-eng-btn:hover{opacity:.85}.sales-log-total{font-size:13px;color:var(--text-muted)}.sales-log-total strong{color:var(--brand-blue);font-weight:700}@media (max-width: 900px){.sales-mid-row,.sales-bottom-row{flex-direction:column}}.table-scroll-wrap,.table-scroll-wrap--wide{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table-scroll-wrap::-webkit-scrollbar,.table-scroll-wrap--wide::-webkit-scrollbar{height:6px}.table-scroll-wrap::-webkit-scrollbar-track,.table-scroll-wrap--wide::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.table-scroll-wrap::-webkit-scrollbar-thumb,.table-scroll-wrap--wide::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.table-scroll-wrap::-webkit-scrollbar-thumb:hover,.table-scroll-wrap--wide::-webkit-scrollbar-thumb:hover{background:#9ca3af}.table-scroll-wrap table,.table-scroll-wrap--wide table{min-width:800px}.table-scroll-wrap--wide table{min-width:1000px}@media (max-width: 768px){.dash-table-card{padding:12px!important}.dash-table-card>div:first-child{flex-direction:column!important;align-items:flex-start!important}.dash-search-mini{width:100%!important;max-width:100%!important}.dash-search-mini input{width:100%!important}.intake-select{width:100%!important;max-width:200px}.dash-table-card h3{font-size:14px!important}.dash-table-card p{font-size:11px!important}.process-modal-actions{flex-direction:column!important}.process-modal-actions button{width:100%!important}}@media (max-width: 480px){.admin-content{padding:8px!important;gap:8px!important}.dash-table-card{padding:8px!important;border-radius:12px!important}.inv-table th,.inv-table td{padding:8px 12px!important;font-size:11px!important}.inv-avatar{width:28px!important;height:28px!important;font-size:10px!important}.ready-record-btn,.send-eng-btn{padding:4px 10px!important;font-size:11px!important}}.val-pending-badge{background:#fef3c7;color:#92400e;border:1px solid #F59E0B;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.kpi-awaiting-value{color:#fff!important}.kpi-awaiting-sub{color:#fff9!important}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);border-top:3px solid var(--kpi-border, var(--brand-blue));border-radius:var(--border-radius-lg);padding:18px 20px 16px;display:flex;flex-direction:column;gap:4px;transition:box-shadow var(--transition)}.kpi-card:hover{box-shadow:var(--card-shadow-md)}.kpi-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kpi-card__icon{width:36px;height:36px;border-radius:10px;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__trend{font-size:11px;font-weight:600;display:flex;align-items:center;gap:3px;padding:3px 7px;border-radius:20px}.kpi-card__trend--up{color:#16a34a;background:#f0fdf4}.kpi-card__trend--down{color:#ef4444;background:#fef2f2}.kpi-card__value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1;margin-top:2px}.kpi-card__label{font-size:12px;color:var(--text-muted);margin-top:3px}.eng-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.eng-activity-card{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;min-height:300px;background:#0f172a;background-image:url(/assets/laptop-bg.jpg);background-size:cover;background-position:center}.eng-activity-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172ad1,#0f172ab3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:0}.eng-activity-content{position:relative;z-index:1;padding:20px 22px;height:100%;display:flex;flex-direction:column}.eng-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.eng-activity-header-left{display:flex;align-items:center;gap:8px}.eng-activity-icon-wrap{width:28px;height:28px;background:#ffffff1f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#93c5fd}.eng-activity-title{font-size:14px;font-weight:700;color:#fff;letter-spacing:.01em}.eng-activity-view-all{background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:#60a5fa;padding:0;transition:color var(--transition)}.eng-activity-view-all:hover{color:#93c5fd}.eng-activity-timeline{display:flex;flex-direction:column;gap:0}.eng-timeline-item{display:flex;gap:14px;align-items:flex-start}.eng-timeline-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:12px;padding-top:3px}.eng-timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px #ffffff26}.eng-timeline-line{width:1.5px;flex:1;min-height:22px;background:#ffffff26;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.25) 0px,rgba(255,255,255,.25) 4px,transparent 4px,transparent 8px);margin-top:3px;margin-bottom:3px}.eng-timeline-body{flex:1;padding-bottom:18px}.eng-timeline-event{font-size:13px;font-weight:600;color:#fff;line-height:1.3}.eng-timeline-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:#ffffff80;margin-top:2px}.eng-timeline-sep{margin:0 2px;color:#ffffff4d}.eng-timeline-time{font-size:11px;color:#ffffff61;margin-top:2px}.eng-queue-card{display:flex;flex-direction:column}.eng-queue-header-icon{width:26px;height:26px;background:#eff6ff;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--brand-blue);flex-shrink:0}.eng-tasks-badge{background:#eff6ff;color:var(--brand-blue);border:1px solid #BFDBFE;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.eng-queue-list{display:flex;flex-direction:column;margin-top:8px}.eng-queue-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;background:#f8f9fb;margin-bottom:8px}.eng-queue-item:last-child{margin-bottom:0}.eng-queue-item-icon{width:34px;height:34px;border-radius:50%;background:#eaecf0;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.eng-queue-item-icon--blue{background:#2563eb;color:#fff}.eng-queue-item__left{flex:1;min-width:0}.eng-queue-item__title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eng-queue-item__meta{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.eng-queue-dot{margin:0 1px;color:var(--text-muted)}.eng-queue-item__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.eng-priority-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}.eng-priority-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.eng-queue-arrow{background:none;border:1px solid var(--card-border, #E5E7EB);border-radius:7px;width:28px;height:28px;cursor:pointer;font-size:14px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition);line-height:1}.eng-queue-arrow:hover{background:#f3f4f6;border-color:#d1d5db}.eng-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.eng-qa-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:18px 20px;cursor:pointer;transition:box-shadow var(--transition),border-color var(--transition);display:flex;flex-direction:column;gap:10px}.eng-qa-card:hover{box-shadow:var(--card-shadow-md);border-color:#bfdbfe}.eng-qa-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center}.eng-qa-body{flex:1}.eng-qa-title{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between}.eng-qa-arrow{font-size:16px;font-weight:400}.eng-qa-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.eng-qa-sub{font-size:11px;color:var(--text-muted);border-top:1px solid #F3F4F6;padding-top:8px;margin-top:2px}.eng-empty-state{text-align:center;padding:32px 20px;color:var(--text-muted);font-size:13px}.cond-good{color:#16a34a;font-weight:600;font-size:13px}.cond-faulty{color:#ef4444;font-weight:600;font-size:13px}.cond-excellent{color:#2563eb;font-weight:600;font-size:13px}.txstatus--ready{color:#16a34a;font-weight:600;font-size:12px}.txstatus--returned{color:#f97316;font-weight:600;font-size:12px}.txstatus--transferred{color:var(--brand-blue);font-weight:600;font-size:12px}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.eng-layout{grid-template-columns:1fr;gap:12px}.eng-activity-card{min-height:260px}.eng-quick-actions{grid-template-columns:1fr;gap:10px}.eng-qa-card{padding:14px 16px}.inv-table-header{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.inv-tabs{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;padding-bottom:2px}.inv-tabs::-webkit-scrollbar{display:none}.inv-tabs .dash-table-tab{white-space:nowrap;flex-shrink:0;font-size:12px;padding:4px 10px}.inv-table-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap}.inv-table-actions .dash-search-mini{flex:1;min-width:0}.inv-table-actions .dash-search-mini input{width:100%}.intake-row{flex-direction:column}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card__value{font-size:22px}.eng-quick-actions{gap:8px}.eng-qa-card{padding:12px 14px}}@media (max-width: 768px){.eng-logs-kpi-wrapper{display:grid;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.eng-logs-kpi-wrapper .inv-summary-card{padding:8px 4px!important;min-width:0!important}.eng-logs-kpi-wrapper .inv-summary-card__value{font-size:14px!important}.eng-logs-kpi-wrapper .inv-summary-card__label{font-size:9px!important;white-space:normal!important;word-break:break-word!important;line-height:1.2!important}.eng-logs-kpi-wrapper .inv-summary-card__icon{font-size:14px!important;width:24px!important;height:24px!important;min-width:24px!important}}.eng-activity-card{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;min-height:340px;background:#0d1829;display:grid;grid-template-columns:1fr 1fr;border:none!important;background-image:none!important}.eng-activity-photo{position:relative;overflow:hidden}.eng-activity-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.eng-activity-photo-fade{position:absolute;top:0;right:0;width:60%;height:100%;background:linear-gradient(to right,transparent 0%,#0d1829 100%);pointer-events:none;z-index:2}.eng-activity-bg-overlay{display:none!important}.eng-activity-content{position:relative;z-index:1;padding:22px 24px;background:#0d1829;display:flex;flex-direction:column}.eng-activity-icon-wrap{width:34px;height:34px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0;box-shadow:0 2px 8px #0000002e}.eng-timeline-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ffffff1a}.eng-timeline-line{width:2px;flex:1;min-height:26px;margin-top:4px;margin-bottom:4px;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.3) 0px,rgba(255,255,255,.3) 4px,transparent 4px,transparent 9px);background-color:transparent}.eng-timeline-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:14px;padding-top:2px}.eng-timeline-body{flex:1;padding-bottom:20px}.eng-timeline-event{font-size:14px;font-weight:700;color:#fff;line-height:1.3}.eng-timeline-meta{font-size:12px;color:#ffffff80;margin-top:2px;display:flex;align-items:center;gap:4px}.eng-timeline-time{font-size:11px;color:#ffffff59;margin-top:2px}@media (max-width: 768px){.eng-activity-card{grid-template-columns:1fr!important;grid-template-rows:180px auto!important}.eng-activity-photo{min-height:180px}.eng-activity-photo-fade{width:100%!important;height:50%!important;top:auto!important;bottom:0!important;right:0!important;background:linear-gradient(to bottom,transparent 0%,#0d1829 100%)!important}}.intake-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);overflow:hidden}.intake-header{padding:20px 24px 14px;border-bottom:1px solid #F3F4F6}.intake-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary)}.intake-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.intake-table-wrap{padding:16px 20px}.intake-col-headers{display:flex;gap:10px;align-items:center;padding-bottom:8px;margin-bottom:4px}.intake-col-headers span{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.intake-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #F9FAFB}.intake-row:last-child{border-bottom:none}.intake-input{width:100%;height:38px;border:1px solid var(--input-border);border-radius:7px;padding:0 10px;font-size:13px;outline:none;font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition)}.intake-input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #2563eb1a}.intake-input--err{border-color:#ef4444!important}.intake-select{width:100%;height:38px;border:1px solid var(--input-border);border-radius:7px;padding:0 10px;font-size:13px;outline:none;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-body)}.intake-select:focus{border-color:var(--brand-blue)}.intake-err-msg{font-size:11px;color:#ef4444;display:block;margin-top:3px}.intake-del-btn{width:36px;height:38px;border:1px solid var(--card-border);border-radius:7px;background:#fff;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition)}.intake-del-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444;background:#fef2f2}.intake-del-btn:disabled{opacity:.3;cursor:not-allowed}.intake-add-row{width:100%;margin-top:12px;height:42px;border:1.5px dashed var(--card-border);border-radius:8px;background:#fafafa;color:var(--brand-blue);font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font-body);transition:background var(--transition)}.intake-add-row:hover{background:#eff6ff}.intake-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #F3F4F6}.intake-total{font-size:13px;color:var(--text-muted)}.intake-total strong{color:var(--text-primary);font-weight:700}.intake-footer-actions{display:flex;gap:10px}.intake-success{margin:0 20px 16px;background:#dcfce7;border:1px solid #BBF7D0;color:#15803d;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:500}.pq-action-btn{height:28px;padding:0 12px;border:1px solid var(--card-border);border-radius:6px;background:#fff;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:background var(--transition);white-space:nowrap}.pq-action-btn:hover{background:#f3f4f6}.filter-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--card-border);border-radius:10px;box-shadow:var(--card-shadow-md);z-index:100;min-width:160px;overflow:hidden}.filter-dropdown__label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px 6px}.filter-dropdown__item{display:block;width:100%;padding:8px 14px;font-size:13px;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body);transition:background var(--transition)}.filter-dropdown__item:hover{background:#f3f4f6}.filter-dropdown__item.active{color:var(--brand-blue);font-weight:500;background:#eff6ff}.pq-modal-device-box{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;padding:14px 16px;margin-bottom:14px}.pq-modal-device-label{font-size:11px;font-weight:600;color:#16a34a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pq-modal-device-name{font-size:16px;font-weight:700;color:#111827;margin-bottom:2px}.pq-modal-device-sub{font-size:12px;color:#6b7280}.pq-modal-section{margin-bottom:14px}.pq-modal-section-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#111827;margin-bottom:8px}.pq-modal-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pq-modal-dot--green{background:#22c55e}.pq-modal-from{font-size:11px;font-weight:400;color:#9ca3af;margin-left:2px}.pq-modal-specs-box{background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.pq-spec-chips{display:flex;flex-wrap:wrap;gap:8px}.pq-spec-chip{background:#eff6ff;border:1px solid #BFDBFE;color:#1d4ed8;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px}.pq-feature-chips{display:flex;flex-wrap:wrap;gap:8px}.pq-feature-chip{background:#f0fdf4;border:1px solid #BBF7D0;color:#15803d;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px}.pq-modal-price-box{background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:700;color:#111827}.pq-modal-checklist-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:8px}.pq-modal-check-box{background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:12px 16px}.pq-modal-check-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#374151;cursor:pointer}.pq-modal-check-label input[type=checkbox]{width:16px;height:16px;accent-color:#2563EB;cursor:pointer;flex-shrink:0}.pq-modal-notes{font-size:12px;color:#6b7280;margin-bottom:20px;line-height:1.5}.pq-modal-notes strong{color:#374151}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-blue: #2563EB;--brand-blue-dark: #1D4ED8;--brand-blue-light: #3B82F6;--brand-blue-hover: #1E40AF;--brand-blue-50: #EFF6FF;--brand-blue-100: #DBEAFE;--sidebar-bg: #0D1117;--sidebar-bg-2: #111827;--sidebar-item-hover: #1F2937;--sidebar-item-active: #1E3A5F;--sidebar-text: #9CA3AF;--sidebar-text-active: #FFFFFF;--sidebar-border: #1F2937;--auth-panel-bg: #0A0F1C;--auth-panel-bg-2: #0D1628;--content-bg: #F8FAFC;--card-bg: #FFFFFF;--card-border: #E5E7EB;--card-shadow: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--card-shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-light: #D1D5DB;--text-white: #FFFFFF;--text-link: #2563EB;--status-ready-bg: #DCFCE7;--status-ready-text: #15803D;--status-ready-dot: #22C55E;--status-pending-bg: #FEF3C7;--status-pending-text: #92400E;--status-pending-dot: #F59E0B;--status-defective-bg: #FEE2E2;--status-defective-text: #991B1B;--status-defective-dot: #EF4444;--status-sold-bg: #EDE9FE;--status-sold-text: #5B21B6;--status-sold-dot: #8B5CF6;--status-returned-bg: #FEF3C7;--status-returned-text: #92400E;--status-returned-dot: #F97316;--status-processing-bg: #DBEAFE;--status-processing-text: #1E40AF;--status-processing-dot: #3B82F6;--status-active-bg: #DCFCE7;--status-active-text: #15803D;--status-nonactive-bg: #FEF3C7;--status-nonactive-text: #92400E;--input-bg: #FFFFFF;--input-border: #D1D5DB;--input-border-focus: #2563EB;--input-placeholder: #9CA3AF;--input-radius: 8px;--input-height: 44px;--btn-radius: 8px;--btn-primary-bg: #2563EB;--btn-primary-hover: #1D4ED8;--btn-primary-text: #FFFFFF;--btn-secondary-bg: #FFFFFF;--btn-secondary-border: #D1D5DB;--btn-secondary-text: #374151;--sidebar-width: 220px;--topbar-height: 64px;--border-radius: 10px;--border-radius-sm: 6px;--border-radius-lg: 14px;--border-radius-xl: 20px;--transition: .18s ease;--transition-fast: .12s ease}html,body{height:100%;font-family:var(--font-body);background:var(--content-bg);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font-family:var(--font-body)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 1024px){:root{--sidebar-width: 200px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.inv-summary-grid{grid-template-columns:repeat(3,1fr)}.dash-mid-row{grid-template-columns:1fr}.dash-right-col{display:grid;grid-template-columns:1fr 1fr}.spec-layout{grid-template-columns:1fr}.user-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.dashboard-layout__main{min-height:0}.admin-content{padding:16px}.kpi-grid{grid-template-columns:1fr 1fr}.inv-summary-grid{grid-template-columns:repeat(2,1fr)}.dash-mid-row,.dash-right-col{grid-template-columns:1fr}.dash-table-header{flex-wrap:wrap;gap:8px}.dash-table-tabs{order:3;width:100%;overflow-x:auto;padding-bottom:4px}.user-stats-grid{grid-template-columns:1fr 1fr}.spec-layout{grid-template-columns:1fr}.inv-table th,.inv-table td{padding:8px 10px;font-size:12px}.topbar{padding:0 12px}.topbar__center{display:none}.pricing-table-header{flex-direction:column;align-items:flex-start}.eng-layout{grid-template-columns:1fr}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.inv-summary-grid{grid-template-columns:1fr 1fr}.auth-content__inner{padding:24px 16px}.auth-heading{font-size:22px}.otp-grid{gap:5px}.otp-cell{width:36px;height:44px;font-size:16px}}.transfer-banner{display:flex;align-items:center;justify-content:space-between;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;color:var(--brand-blue)}.defective-list{display:flex;flex-direction:column;gap:12px}.defective-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:16px 18px}.defective-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.defective-card__id-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.defective-card__id{font-size:13px;font-weight:700;color:var(--brand-blue)}.defective-card__sep{color:var(--text-muted)}.defective-card__name{font-size:14px;font-weight:700;color:var(--text-primary)}.defective-card__priority{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;background:#f3f4f6}.defective-card__actions{display:flex;align-items:center;gap:8px}.defective-card__issue{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.defective-card__notes{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:6px}.defective-card__footer{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.process-modal-device{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px;padding:12px 14px;margin-bottom:14px}.process-modal-device small{display:block;font-size:10px;font-weight:700;text-transform:uppercase;color:#16a34a;letter-spacing:.05em;margin-bottom:2px}.process-modal-device strong{font-size:14px;font-weight:700;color:var(--text-primary);display:block}.process-modal-device span{display:block;font-size:11px;color:var(--text-muted);margin-top:1px}.process-modal-specs{background:#eff6ff;border-radius:6px;padding:8px 12px;font-size:13px;color:var(--brand-blue);font-weight:500;margin-bottom:4px}.process-modal-checklist{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.process-modal-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.process-modal-check input{width:15px;height:15px;accent-color:var(--brand-blue)}.process-modal-note{font-size:11px;color:var(--text-muted);font-style:italic;margin-top:4px}.process-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.btn-cancel{height:36px;padding:0 16px;border:1px solid var(--card-border);border-radius:8px;background:#fff;cursor:pointer;font-size:13px;color:var(--text-secondary);font-family:var(--font-body)}.btn-cancel:hover{background:#f3f4f6}.btn-process{height:36px;padding:0 18px;border:none;border-radius:8px;background:#22c55e;color:#fff;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;font-family:var(--font-body);transition:opacity .15s}.btn-process:disabled{opacity:.5;cursor:not-allowed}.live-dot-pulse{width:7px;height:7px;background:#4ade80;border-radius:50%;animation:pulse 1.5s ease infinite;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.spec-tips{background:#eff6ff!important;border:1px solid #BFDBFE!important}.spec-tips__title{color:#1e40af!important}.spec-tips__item{color:#2563eb!important}.table-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-scroll-wrap .inv-table{min-width:700px}.table-scroll-wrap--wide .inv-table{min-width:900px}.kpi-naira-icon{font-size:18px;font-weight:800;color:#7c3aed;font-family:var(--font-heading)}.inv-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #F3F4F6;flex-wrap:wrap;gap:10px}.inv-pagination__info{font-size:12px;color:var(--text-muted)}.inv-pagination__controls{display:flex;align-items:center;gap:4px}.inv-page-btn{height:30px;padding:0 10px;border:1px solid var(--card-border);border-radius:6px;background:#fff;font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);transition:all var(--transition);white-space:nowrap}.inv-page-btn:hover:not(:disabled){background:#f3f4f6}.inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-page-btn--num{min-width:30px;text-align:center;padding:0 6px}.inv-page-btn--active{background:var(--brand-blue)!important;color:#fff!important;border-color:var(--brand-blue)!important;font-weight:600}.inv-page-ellipsis{font-size:12px;color:var(--text-muted);padding:0 4px}@media (max-width: 768px){.table-scroll-wrap .inv-table,.table-scroll-wrap--wide .inv-table{min-width:600px}.inv-pagination{flex-direction:column;align-items:flex-start}}