:root{--app-font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--app-font-size: 15px;font-family:var(--app-font-family);color-scheme:light}*{box-sizing:border-box}html{font-size:var(--app-font-size)}body{margin:0;background:#f3f4f6;color:#111827;font-family:var(--app-font-family);font-size:1rem;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}button:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #0000001a}button:disabled{cursor:not-allowed;opacity:.6}button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:not(:disabled):active:after{width:300px;height:300px;opacity:0;transition:width 0s,height 0s,opacity .6s}.btn-primary:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 6px 16px #4f46e566}.btn-primary:not(:disabled):active{filter:brightness(.95)}.btn-soft:not(:disabled):hover{background:#0000000d;border-color:#cbd5e1}.btn-danger:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 6px 16px #ef444466}.btn-danger:not(:disabled):active{filter:brightness(.95)}.btn-edit:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 4px 12px #3b82f64d}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:linear-gradient(180deg,#0a1c52,#07153e);color:#f9fafb;padding:1rem .85rem;display:flex;flex-direction:column;gap:.75rem}.brand-block{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:.8rem;padding:.7rem;display:flex;align-items:center;gap:.65rem}.brand-icon{width:44px;height:38px;border-radius:10px;background:linear-gradient(145deg,#6d7dff,#4f46e5);color:#fff;font-size:.62rem;letter-spacing:.02em;font-weight:700;display:grid;place-items:center}.brand-block h2{margin:0;font-size:1.1rem}.brand-block p{margin:.2rem 0 0;font-size:.85rem;color:#dbe5ff}.menu-label{margin:.55rem 0 .1rem;font-size:.75rem;letter-spacing:.05em;color:#9fb2ea;padding:0 .35rem}.nav-list{display:flex;flex-direction:column;gap:.25rem}.nav-item{text-decoration:none;color:#dce6ff;padding:.6rem .62rem;border-radius:.6rem;font-size:.94rem;border:1px solid transparent;display:flex;align-items:center;gap:.5rem}.nav-item-active{background:linear-gradient(135deg,#4f46e5,#3b82f6);border-color:#93b5ffb3;box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 18px #3366ff4d;color:#fff}.nav-item-static{opacity:.75;pointer-events:none}.nav-icon{min-width:26px;width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff12;display:grid;place-items:center;color:#dce6ff}.sidebar-divider{height:1px;background:#ffffff1a;margin:.25rem 0}.sidebar-footer{margin-top:auto;display:grid;gap:.5rem}.status-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;padding:.55rem .7rem;font-size:.88rem;display:flex;justify-content:space-between;align-items:center}.status-chip small{display:block;color:#9fb2ea}.status-chip strong{display:block;color:#5eead4;font-size:1rem}.realtime-status-text{display:flex;align-items:center;gap:.4rem;margin-top:.15rem;color:#9fb2ea}.realtime-status-ok{color:#bbf7d0}.realtime-status-detail{margin-top:.1rem;font-size:.75rem}.realtime-led{flex-shrink:0;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 2px #ffffff1f}.realtime-led--ok{background:#22c55e;box-shadow:0 0 0 2px #22c55e73,0 0 10px #22c55e59}.realtime-led--bad{background:#ef4444;box-shadow:0 0 0 2px #ef444473,0 0 10px #ef444459}.realtime-led--warn{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b73,0 0 8px #f59e0b59}.status-dot{width:18px;height:18px;border-radius:999px;border:1px solid rgba(110,231,183,.6);background:#10b98133;position:relative;display:grid;place-items:center;color:#86efac}.status-dot:after{display:none}.status-chip-offline{border-color:#fdba7459;background:#7c2d1238}.status-chip-offline strong{color:#fdba74}.status-chip-offline .status-dot{border-color:#fdba74b3;background:#ea580c38;color:#fdba74}.status-chip-cloud-warning{border-color:#facc1559;background:#713f1238}.status-chip-cloud-warning strong{color:#fde68a}.logout-btn{width:100%;text-align:left;background:#ffffff0f;color:#f9fafb;border-color:#ffffff26;display:flex;align-items:center;gap:.45rem}.content{padding:1rem;background:radial-gradient(circle at 8% 5%,rgba(59,130,246,.08),transparent 32%),radial-gradient(circle at 92% 12%,rgba(16,185,129,.06),transparent 30%),#f5f7fb}.offline-banner{margin-bottom:.85rem;border:1px solid #fdba74;background:#fff7ed;color:#9a3412;border-radius:.65rem;padding:.55rem .7rem;font-weight:600}.cloud-sync-banner{margin-bottom:.85rem;border:1px solid #facc15;background:#fefce8;color:#854d0e;border-radius:.65rem;padding:.55rem .7rem;font-weight:600}.cloud-error-banner{margin-bottom:.85rem;border:1px solid #fca5a5;background:#fef2f2;color:#991b1b;border-radius:.65rem;padding:.6rem .7rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.cloud-error-banner strong,.cloud-error-banner span{display:block}.cloud-error-banner span{margin-top:.15rem;font-size:.9rem}.cloud-error-banner button{border:1px solid #fecaca;border-radius:.5rem;background:#fff;color:#991b1b;padding:.35rem .55rem;font-weight:700}.page{min-height:calc(100vh - 2rem);display:grid;align-content:start;gap:.9rem;padding:.25rem}.welcome-card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 25px #00000014}.welcome-card h1{margin-top:0}.welcome-card p{margin-bottom:0}.muted-text{margin:0;color:#4b5563}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden}.auth-background-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(79,70,229,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.08) 0%,transparent 50%);animation:patternFloat 20s ease-in-out infinite}@keyframes patternFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.auth-login-shell{width:min(720px,100%);display:grid;gap:1.2rem;justify-items:center;position:relative;z-index:1}.auth-top-message{margin:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1e293b;border-radius:1.2rem;padding:1.2rem 1.8rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;line-height:1.5;text-align:center;font-size:1.5rem;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fffc;display:flex;align-items:center;justify-content:center;gap:.8rem;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.auth-top-message-icon{font-size:1.8rem;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(180deg);opacity:.8}}.auth-bottom-message{margin:0;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#334155;border-radius:1.2rem;padding:1rem 1.8rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;line-height:1.3;text-align:center;font-size:1.3rem;box-shadow:0 15px 35px #00000040,0 0 0 1px #ffffff1a,inset 0 1px #ffffffb3;display:flex;align-items:center;justify-content:center;gap:.7rem;animation:slideUp .6s ease-out .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-bottom-message-icon{font-size:1.5rem}.auth-logo-corner{position:fixed;top:2rem;left:2rem;z-index:10;animation:fadeInLeft .6s ease-out}.auth-portal-text{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:.75rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 30px #4f46e573,inset 0 -3px 10px #0003,inset 0 3px 10px #ffffff4d;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.02em;animation:fadeInRight .6s ease-out;overflow:hidden}.auth-portal-text:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);animation:shimmerPortal 3s ease-in-out infinite}@keyframes shimmerPortal{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.auth-portal-icon{font-size:1.2rem;position:relative;z-index:1}.auth-portal-text>span:last-child{position:relative;z-index:1}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.auth-header-title{text-align:center;margin-bottom:1rem;animation:fadeInDown .6s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-company-name{margin:0;padding:0;background:transparent;border-radius:0;font-size:clamp(1.55rem,3.4vw,2.35rem);font-weight:800;color:#f8fafc;letter-spacing:.03em;text-shadow:0 10px 28px rgba(0,0,0,.35);box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:.45rem;border:0}.auth-company-icon{font-size:2.2rem;animation:sparkleNew 2s ease-in-out infinite;display:block;margin-bottom:.1rem}@keyframes sparkleNew{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}50%{transform:scale(1.15) rotate(10deg);filter:brightness(1.2)}}.auth-company-tagline{display:block;width:fit-content;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.35);font-size:1.05rem;font-weight:600;color:#e2e8f0e0;letter-spacing:.05em;margin-top:.3rem}.auth-footer-badge{margin-top:1.5rem;padding:1.2rem 2rem;background:#fffffff2;border-radius:1.2rem;text-align:center;box-shadow:0 15px 40px #0003;display:flex;align-items:center;justify-content:center;gap:1rem;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-footer-icon{font-size:1.8rem}.auth-footer-text{font-size:1.05rem;font-weight:700;color:#475569;letter-spacing:.02em}.auth-brand-header{display:flex;align-items:center;gap:1.2rem;padding:1.5rem;background:#fffffffa;border-radius:1.25rem 1.25rem 0 0;box-shadow:0 20px 45px #0f172a4d}.auth-brand-logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;display:grid;place-items:center;box-shadow:0 12px 30px #4f46e573,inset 0 -3px 10px #0003,inset 0 3px 10px #ffffff4d;position:relative;overflow:hidden}.auth-brand-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);animation:shimmerLogo 3s ease-in-out infinite}@keyframes shimmerLogo{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.auth-brand-logo-text{font-size:1rem;font-weight:900;letter-spacing:.05em;position:relative;z-index:1}.auth-brand-info{display:grid;gap:.2rem}.auth-brand-name{color:#0f172a;font-size:1.5rem;letter-spacing:.02em;font-weight:800}.auth-brand-sigle{color:#64748b;font-size:.9rem;font-weight:500}.auth-divider{height:2px;background:linear-gradient(90deg,transparent 0%,#e2e8f0 50%,transparent 100%);margin:.5rem 0}.auth-title{margin:1rem 0 .5rem;font-size:1.8rem;letter-spacing:-.02em;color:#0f172a;font-weight:800;text-align:center;background:linear-gradient(135deg,#1e293b,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-change-email-button{margin-top:.75rem;width:auto;min-height:36px;border-radius:.375rem;font-weight:500;font-size:.8125rem;letter-spacing:0;background:transparent;border:1px solid #cbd5e1;color:#64748b;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;transition:all .15s ease;cursor:pointer}.auth-change-email-button:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.auth-change-email-button:active{transform:scale(.98)}.auth-change-email-icon{font-size:.875rem;opacity:.6}.auth-card{width:min(540px,100%);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;box-shadow:0 30px 60px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffffe6;padding:2rem 1.8rem;display:grid;gap:1.2rem;animation:cardFadeIn .6s ease-out .1s both}.auth-card-clerk{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;justify-items:center}.auth-card-clerk .auth-brand,.auth-card-clerk h1,.auth-card-clerk .auth-subtitle{width:min(430px,100%)}.auth-card-clerk .auth-brand{background:#fffffff5;border:1px solid rgba(255,255,255,.2);border-bottom:0;border-radius:1.25rem 1.25rem 0 0;padding:1rem 1.25rem;box-shadow:0 18px 40px #0f172a47}.auth-card-clerk h1,.auth-card-clerk .auth-subtitle{display:none}.auth-clerk-form{width:min(430px,100%);display:grid;justify-items:center}.auth-clerk-form .cl-headerTitle,.auth-clerk-form .cl-card h1,.auth-clerk-form .cl-card h2,.auth-clerk-form [data-localization-key="signIn.start.title"],.auth-clerk-form .cl-internal-b3fm6y{display:none!important}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.auth-brand{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.auth-brand-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;display:grid;place-items:center;box-shadow:0 10px 25px #4f46e566,inset 0 -2px 8px #0003,inset 0 2px 8px #ffffff4d;position:relative;overflow:hidden}.auth-brand-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.auth-brand-icon-text{font-size:.85rem;font-weight:900;letter-spacing:.05em;position:relative;z-index:1}.auth-brand-text{display:grid;gap:.15rem}.auth-brand-text strong{color:#0f172a;font-size:1.3rem;letter-spacing:.02em;font-weight:800}.auth-brand-text small{color:#64748b;font-size:.85rem;font-weight:500}.auth-card h1{margin:0;font-size:2.2rem;letter-spacing:-.02em;color:#0f172a;font-weight:800;background:linear-gradient(135deg,#1e293b,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{margin:-.5rem 0 0;color:#64748b;font-size:.95rem;font-weight:500}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.5rem}.auth-label-text{color:#334155;font-weight:600;font-size:.95rem;letter-spacing:.01em}.auth-form input{min-height:52px;border:2px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;font:inherit;background:#fff;color:#1e293b;transition:all .2s ease;font-size:1rem}.auth-form input:hover{border-color:#cbd5e1}.auth-form input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a;transform:translateY(-1px)}.auth-form input::placeholder{color:#94a3b8}.auth-submit-btn{margin-top:.5rem;min-height:54px;border-radius:.75rem;font-weight:700;font-size:1.05rem;letter-spacing:.02em;background:linear-gradient(135deg,#4f46e5,#3b82f6);border:none;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 10px 25px #4f46e54d;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.auth-submit-btn:hover:before{transform:translate(100%)}.auth-submit-btn:not(:disabled):hover{box-shadow:0 15px 35px #4f46e566;transform:translateY(-2px)}.auth-submit-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 5px 15px #4f46e54d}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{margin:0;border:2px solid #fca5a5;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;border-radius:.75rem;padding:.9rem 1rem;font-weight:600;display:flex;align-items:center;gap:.6rem;box-shadow:0 4px 12px #b91c1c26;animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.auth-error-icon{font-size:1.2rem;flex-shrink:0}.auth-help{border-top:2px solid #e2e8f0;padding-top:1.2rem;display:grid;gap:.8rem}.auth-help-header{display:flex;align-items:center;gap:.5rem;justify-content:space-between;width:100%}.auth-help-icon{font-size:1.1rem}.auth-help small{color:#64748b;font-weight:700;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;flex:1}.auth-refresh-btn{width:36px;height:36px;border:2px solid #e2e8f0;border-radius:50%;background:#fff;color:#64748b;font-size:1.2rem;display:grid;place-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.auth-refresh-btn:hover{border-color:#4f46e5;background:#eff6ff;transform:rotate(180deg) scale(1.1);box-shadow:0 4px 12px #4f46e533}.auth-refresh-btn:active{transform:rotate(180deg) scale(.95)}.auth-quick-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.auth-quick-empty{grid-column:1 / -1;text-align:center;padding:1rem;color:#94a3b8;font-size:.9rem}.auth-quick-item{border:2px solid #e2e8f0;border-radius:.75rem;background:#fff;text-align:left;padding:.9rem 1rem;display:flex;align-items:center;gap:.8rem;transition:all .2s ease;cursor:pointer}.auth-quick-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#cbd5e1}.auth-quick-item:active{transform:translateY(0)}.auth-quick-icon{font-size:1.8rem;flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:.6rem;background:#f8fafc}.auth-quick-content{display:grid;gap:.15rem;flex:1;min-width:0}.auth-quick-item strong{font-size:.95rem;line-height:1.2;color:#1e293b;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-quick-item span{font-size:.8rem;color:#64748b;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-quick-item:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.auth-quick-item-manager{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.auth-quick-item-manager:hover{border-color:#60a5fa;box-shadow:0 8px 20px #3b82f633}.auth-quick-item-manager .auth-quick-icon{background:#3b82f626}.auth-quick-item-manager strong{color:#1e40af}.auth-quick-item-manager span{color:#3b82f6}.auth-quick-item-accountant{border-color:#c4b5fd;background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.auth-quick-item-accountant:hover{border-color:#a78bfa;box-shadow:0 8px 20px #8b5cf633}.auth-quick-item-accountant .auth-quick-icon{background:#8b5cf626}.auth-quick-item-accountant strong{color:#5b21b6}.auth-quick-item-accountant span{color:#7c3aed}.auth-quick-item-store-1{border-color:#86efac;background:linear-gradient(135deg,#ecfdf5,#dcfce7)}.auth-quick-item-store-1:hover{border-color:#4ade80;box-shadow:0 8px 20px #22c55e33}.auth-quick-item-store-1 .auth-quick-icon{background:#22c55e26}.auth-quick-item-store-1 strong{color:#166534}.auth-quick-item-store-1 span{color:#16a34a}.auth-quick-item-store-2{border-color:#fcd34d;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.auth-quick-item-store-2:hover{border-color:#fbbf24;box-shadow:0 8px 20px #f59e0b33}.auth-quick-item-store-2 .auth-quick-icon{background:#f59e0b26}.auth-quick-item-store-2 strong{color:#92400e}.auth-quick-item-store-2 span{color:#d97706}.auth-quick-item-store-3{border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.auth-quick-item-store-3:hover{border-color:#f87171;box-shadow:0 8px 20px #ef444433}.auth-quick-item-store-3 .auth-quick-icon{background:#ef444426}.auth-quick-item-store-3 strong{color:#b91c1c}.auth-quick-item-store-3 span{color:#dc2626}.dashboard{display:grid;gap:.9rem}.topbar{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;box-shadow:0 10px 30px #0f172a14,0 0 0 1px #ffffff80 inset}.topbar-welcome{display:flex;flex-direction:column;gap:.25rem}.topbar h1{margin:0;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.topbar-subtitle{margin:0;font-size:.875rem;color:#64748b;font-weight:500}.topbar-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;position:relative}.top-filter-btn{min-height:44px;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;color:#1e293b;padding:.6rem 1rem;display:inline-flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #0f172a0a;transition:all .2s ease}.top-filter-btn:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a14}.filter-icon{font-size:1.1rem;opacity:.8}.filter-separator{color:#94a3b8;font-weight:600;margin:0 .2rem}.filter-arrow{color:#64748b;font-size:.9rem;margin-left:.2rem}.top-date-range{cursor:text}.top-date-range input{border:none;background:transparent;font:inherit;color:#111827;outline:none}.top-store-select{cursor:pointer}.top-store-select select{border:none;background:transparent;font:inherit;color:#111827;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:.2rem}.notification-btn{position:relative;width:42px;height:42px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;display:grid;place-items:center;font-size:1.1rem}.notif-badge{position:absolute;top:-6px;right:-4px;width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center}.user-menu-btn{min-height:42px;border:1px solid #e5e7eb;border-radius:.8rem;background:#fff;padding:.35rem .65rem;display:inline-flex;align-items:center;gap:.55rem}.user-avatar{width:30px;height:30px;border-radius:999px;background:#eff6ff;display:grid;place-items:center}.user-meta{display:grid;text-align:left}.user-meta strong{font-size:.9rem;line-height:1.1}.dropdown-card{min-width:220px;border:1px solid #e5e7eb;background:#fff;border-radius:.7rem;padding:.55rem .65rem;display:grid;gap:.25rem;box-shadow:0 10px 24px #00000014}.dropdown-card small{color:#6b7280}.user-meta small{color:#6b7280;line-height:1.1}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:.9rem;padding:.95rem;box-shadow:0 8px 20px #0f172a0a}.panel h3{margin-top:0;margin-bottom:.8rem}.panel-title{margin:0;color:#6b7280;font-size:.88rem}.panel-value{margin:.45rem 0 0;font-size:1.22rem;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}.kpi-card{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;min-height:112px;display:flex;flex-direction:column;justify-content:space-between}.kpi-card .panel-title{min-height:2.2em}.kpi-card .panel-value{white-space:normal;overflow-wrap:anywhere}.kpi-card-1 .panel-value,.kpi-card-2 .panel-value,.kpi-card-3 .panel-value{font-size:1.02rem;font-weight:650}.kpi-card:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;opacity:.85}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0f172a14}.kpi-card-1:after{background:linear-gradient(90deg,#3b82f6,#2563eb)}.kpi-card-2:after{background:linear-gradient(90deg,#22c55e,#16a34a)}.kpi-card-3:after{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.kpi-card-4:after{background:linear-gradient(90deg,#f59e0b,#d97706)}.kpi-card-5:after{background:linear-gradient(90deg,#ef4444,#dc2626)}.kpi-card-6:after{background:linear-gradient(90deg,#b91c1c,#991b1b)}.stock-report-kpi{border-width:1px}.stock-report-kpi .panel-title{font-weight:600}.stock-report-kpi-locations{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd}.stock-report-kpi-locations .panel-title,.stock-report-kpi-locations .panel-value{color:#1e40af}.stock-report-kpi-products{background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-color:#86efac}.stock-report-kpi-products .panel-title,.stock-report-kpi-products .panel-value{color:#166534}.stock-report-kpi-quantity{background:linear-gradient(180deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.stock-report-kpi-quantity .panel-title,.stock-report-kpi-quantity .panel-value{color:#5b21b6}.stock-report-kpi-alerts{background:linear-gradient(180deg,#fef2f2,#fee2e2);border-color:#fca5a5}.stock-report-kpi-alerts .panel-title,.stock-report-kpi-alerts .panel-value{color:#b91c1c}.sales-report-kpi{border-width:1px}.sales-report-kpi .panel-title{font-weight:600}.sales-report-kpi-count{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd}.sales-report-kpi-count .panel-title,.sales-report-kpi-count .panel-value{color:#1e40af}.sales-report-kpi-quantity{background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-color:#86efac}.sales-report-kpi-quantity .panel-title,.sales-report-kpi-quantity .panel-value{color:#166534}.sales-report-kpi-amount{background:linear-gradient(180deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.sales-report-kpi-amount .panel-title,.sales-report-kpi-amount .panel-value{color:#5b21b6}.transactions-kpi .panel-title{min-height:2.1em}.transactions-kpi .panel-value{text-align:left}.transactions-kpi-movements{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#93c5fd}.transactions-kpi-movements .panel-title,.transactions-kpi-movements .panel-value{color:#1e40af}.transactions-kpi-in{background:linear-gradient(180deg,#ecfdf5,#dcfce7);border-color:#86efac}.transactions-kpi-in .panel-title,.transactions-kpi-in .panel-value{color:#166534}.transactions-kpi-out{background:linear-gradient(180deg,#fff7ed,#ffedd5);border-color:#fdba74}.transactions-kpi-out .panel-title,.transactions-kpi-out .panel-value{color:#c2410c}.transactions-kpi-amount{background:linear-gradient(180deg,#f5f3ff,#ede9fe);border-color:#c4b5fd}.transactions-kpi-amount .panel-title,.transactions-kpi-amount .panel-value{color:#5b21b6}.transactions-kpi-amount .panel-value{font-size:.96rem;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.dashboard-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-panel{min-height:220px}.fake-chart{height:160px;border-radius:.6rem;background:linear-gradient(180deg,#2d63ff33,#2d63ff05),repeating-linear-gradient(to right,#e5e7eb 0,#e5e7eb 1px,transparent 1px,transparent 40px)}.compact-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.compact-list li{display:flex;justify-content:space-between;gap:.5rem}.compact-list small{display:block;color:#6b7280}.alert-badge{align-self:center;font-size:.8rem;background:#fef3c7;color:#92400e;border-radius:999px;padding:.2rem .5rem}.compact-list li .alert-badge{white-space:nowrap}.alert-badge-critical{background:#fee2e2;color:#b91c1c}.dashboard-warning{border:1px solid #fca5a5;background:#fef2f2;color:#991b1b;border-radius:.75rem;padding:.65rem .85rem;display:grid;gap:.25rem}.table-wrap{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse}.sales-table th,.sales-table td{text-align:left;padding:.6rem .35rem;border-bottom:1px solid #f3f4f6;font-size:.92rem}.warehouse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem}.warehouse-card small{color:#6b7280}.stock-summary-box{max-width:320px}.stock-summary-distinct{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.stock-summary-distinct .panel-title{color:#1e3a8a;font-weight:600}.stock-summary-distinct .panel-value{color:#1d4ed8}.stock-summary-available{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.stock-summary-available .panel-title{color:#166534;font-weight:600}.stock-summary-available .panel-value{color:#15803d}.stock-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;max-width:520px}.stock-item{background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;padding:.75rem .9rem;display:flex;align-items:center;justify-content:space-between}.store-stock-box-1{background:linear-gradient(180deg,#ecfdf5,#f0fdf4);border-color:#86efac!important}.store-stock-box-1 h3{color:#166534!important}.store-stock-box-2{background:linear-gradient(180deg,#fffbeb,#fefce8);border-color:#fcd34d!important}.store-stock-box-2 h3{color:#92400e!important}.store-stock-box-3{background:linear-gradient(180deg,#fef2f2,#fff1f2);border-color:#fca5a5!important}.store-stock-box-3 h3{color:#b91c1c!important}.store-stock-box .product-form{max-width:none}.store-stock-form-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.45rem}.store-product-form-compact,.product-form-compact{gap:.55rem}.product-form-basic-grid,.product-form-advanced-grid{display:grid;gap:.55rem}.product-advanced-toggle-row{display:flex;justify-content:flex-start}.store-form-basic-grid,.store-form-advanced-grid{display:grid;gap:.55rem}.store-advanced-toggle-row{display:flex;justify-content:flex-start}.store-stock-box .product-form label{display:grid;gap:.3rem;font-size:.86rem;color:#334155;font-weight:600}.store-stock-box .product-form select,.store-stock-box .product-form input{border:1px solid #cbd5e1;border-radius:.5rem;min-height:40px;padding:.48rem .6rem;font:inherit;background:#fff}.store-stock-actions{display:flex;align-items:center;gap:.4rem}.store-stock-list-compact{max-width:100%}.store-stock-item-compact{padding:.5rem .65rem;align-items:flex-start;gap:.45rem}.store-stock-main{min-width:0;display:grid;gap:.2rem}.store-stock-main small{color:#4b5563}.store-stock-btn{font-weight:700}@media (min-width: 900px){.product-form-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-form-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-form-basic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-form-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.store-stock-form-head{flex-direction:column;align-items:flex-start}.store-stock-box .product-form .form-actions{flex-direction:column}.store-stock-item-compact{flex-direction:column;align-items:stretch}.store-stock-item-compact .store-stock-actions{width:100%;justify-content:flex-end}}.search-box{max-width:520px;margin-bottom:.35rem;border:1px solid #fde68a;border-radius:.65rem;background:linear-gradient(180deg,#fffbeb,#fefce8);padding:.55rem .65rem}.search-box label{display:grid;gap:.3rem;font-size:.92rem;color:#a16207;font-weight:600}.search-box input{border:1px solid #facc15;border-radius:.5rem;padding:.6rem .7rem;font:inherit;background:#fffef5}.search-box input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.product-form{display:grid;gap:.6rem;max-width:520px}.product-form label{display:grid;gap:.3rem;font-size:.92rem;color:#374151}.product-form input{border:1px solid #d1d5db;border-radius:.5rem;padding:.6rem .7rem;font:inherit}.product-form select,.product-form textarea{border:1px solid #d1d5db;border-radius:.5rem;padding:.6rem .7rem;font:inherit;background:#fff}.product-form input:disabled,.product-form select:disabled,.product-form textarea:disabled{background:#f1f5f9;color:#64748b;border-color:#cbd5e1;cursor:not-allowed}.field-lock-hint{color:#64748b;font-size:.78rem}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap}.margin-box{font-size:.92rem;color:#1f2937;background:#f9fafb;border:1px dashed #d1d5db;border-radius:.5rem;padding:.5rem .65rem}button{border:1px solid #d1d5db;background:#fff;border-radius:.5rem;padding:.45rem .7rem;font:inherit;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;color:#fff;box-shadow:0 6px 16px #2563eb40}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-edit{background:#f59e0b;border-color:#d97706;color:#fff}.btn-edit:hover{background:#d97706}.btn-danger{background:#ef4444;border-color:#dc2626;color:#fff}.btn-danger:hover{background:#dc2626}.product-item{gap:.6rem}.product-item small{display:block;color:#4b5563;margin-top:.2rem}.products-list-scroll{max-height:54vh;overflow:auto;padding-right:.2rem}.product-list-compact{max-width:100%;gap:.45rem}.product-item-compact{padding:.5rem .65rem;align-items:flex-start;gap:.45rem}.product-main{min-width:0}.product-meta-line{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin-top:.15rem}.product-meta-line small{margin-top:0}.product-item-actions-compact{gap:.35rem}.product-pagination{align-items:center;margin-top:.45rem}.depot-stock-list{max-width:100%}.depot-stock-item{padding:.5rem .65rem}.depot-item-main{min-width:0;display:grid;gap:.2rem}.depot-item-main small{color:#4b5563}.depot-item-qty{font-size:1rem;color:#111827}.inventory-stock-list{max-width:100%}.inventory-session-panel{display:grid;gap:.9rem;margin-top:.75rem;border-color:#bfdbfe;background:#f8fafc}.inventory-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.inventory-step{display:flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.45rem .55rem;border:1px solid #dbeafe;border-radius:.5rem;background:#fff;color:#475569;font-size:.86rem;font-weight:700}.inventory-step strong{display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:#e2e8f0;color:#334155;font-size:.75rem}.inventory-step-active{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.inventory-step-active strong{background:#2563eb;color:#fff}.inventory-session-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.inventory-workflow-note{margin:.75rem 0 0}.inventory-review-panel{display:grid;gap:.75rem;margin:1rem 0;border-color:#fde68a;background:#fffbeb}.inventory-review-panel h2{margin:0 0 .25rem;font-size:1rem;color:#92400e}.inventory-review-panel p{margin:0}.inventory-review-stats{display:flex;flex-wrap:wrap;gap:.45rem}.inventory-review-stats span{padding:.25rem .5rem;border-radius:999px;background:#fff;border:1px solid #fde68a;font-size:.82rem;font-weight:700}.inventory-review-list{margin-top:0}.inventory-stock-item{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.55rem}.inventory-stock-item-ok{border-left:4px solid #22c55e}.inventory-stock-item-gap{border-left:4px solid #f59e0b}.inventory-stock-item-invalid{border-left:4px solid #ef4444}.inventory-stock-main{flex:1 1 180px}.inventory-row-status{display:inline-block;width:fit-content;margin-top:.15rem;padding:.12rem .45rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:700}@media (max-width: 720px){.inventory-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-step{min-height:2.25rem;font-size:.8rem}}.inventory-system-qty-label{margin-top:.15rem}.inventory-stock-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.inventory-stock-fields label{display:grid;gap:.22rem;font-size:.82rem;font-weight:600;color:#374151}.inventory-scope-select{min-width:220px;padding:.45rem .55rem;border-radius:.5rem;border:1px solid #cfd8e3;font:inherit}.inventory-count-input{width:5rem;text-align:right;padding:.42rem .45rem;border-radius:.45rem;border:1px solid #cfd8e3;font:inherit}.inventory-ecart{font-weight:600;font-size:.88rem;min-width:5.5rem}.inventory-ecart-pos{color:#15803d}.inventory-ecart-neg{color:#b91c1c}.inventory-ecart-zero{color:#6b7280}.inventory-feedback{margin:.65rem 0 0;padding:.55rem .75rem;border-radius:.55rem;font-size:.9rem}.inventory-feedback-ok{background:#dcfce7;color:#166534;border:1px solid #86efac}.inventory-feedback-err{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.inventory-scope-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-top:.35rem}.inventory-scope-row label{display:grid;gap:.28rem;font-weight:600;font-size:.88rem;color:#334155}.inventory-history-panel{margin-top:2rem;border-color:#c7d2fe;background:linear-gradient(180deg,#eef2ff,#fff 42%)}.inventory-history-head{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.85rem}.inventory-history-head-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem}.inventory-history-status-line{margin:0;font-size:.88rem}.inventory-history-title{margin:0;font-size:1.15rem;color:#312e81}.inventory-history-actions{display:flex;flex-wrap:wrap;gap:.5rem}.inventory-history-filters{display:flex;flex-wrap:wrap;gap:1rem 1.25rem;align-items:flex-end;margin-bottom:.65rem}.inventory-history-filters label{display:grid;gap:.28rem;font-weight:600;font-size:.88rem;color:#334155}.inventory-history-search-label{flex:1 1 240px;min-width:200px}.inventory-history-search-label input{width:100%;max-width:420px;padding:.45rem .55rem;border-radius:.5rem;border:1px solid #cfd8e3;font:inherit}.inventory-history-scroll{max-height:320px}.inventory-history-list li small{display:block}.low-stock-text{display:inline-block;margin-top:.35rem;padding:.12rem .45rem;border-radius:999px;background:#fee2e2;color:#b91c1c;font-weight:600;font-size:.78rem}.item-actions{display:flex;gap:.4rem}@media (max-width: 768px){.products-list-scroll{max-height:50vh}.product-item-compact{flex-direction:column;align-items:stretch}.product-item-actions-compact{width:100%;justify-content:flex-end}}.repl-head h1{margin:0;font-size:1.35rem}.repl-page{gap:1rem;max-width:1220px;margin:0 auto}.repl-head-card{background:linear-gradient(135deg,#eff6ff,#f8fafc 55%,#ecfeff);border-color:#bfdbfe;padding:1rem 1.1rem}.store-head-card-1{background:linear-gradient(135deg,#ecfdf5,#f0fdf4 60%,#f7fee7);border-color:#86efac}.store-head-card-1 .muted-text{color:#166534}.store-head-card-2{background:linear-gradient(135deg,#fffbeb,#fefce8 60%,#fff7ed);border-color:#fcd34d}.store-head-card-2 .muted-text{color:#92400e}.store-head-card-3{background:linear-gradient(135deg,#fef2f2,#fff1f2 60%,#fdf2f8);border-color:#fca5a5}.store-head-card-3 .muted-text{color:#b91c1c}.repl-head .muted-text{margin-top:.3rem;font-size:.88rem;color:#64748b}.repl-page .panel{border-color:#e2e8f0;border-radius:.75rem;box-shadow:0 3px 12px #0f172a0a}.repl-page .panel h3{margin-bottom:.9rem;font-size:1.06rem;color:#1e3a8a}.repl-form-grid{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.repl-transfer-card{background:linear-gradient(180deg,#fff,#fafcff);border-color:#dbe7ff}.repl-transfer-card h3{font-size:1.05rem;color:#1e40af;border-bottom:1px solid #e2e8f0;padding-bottom:.55rem;margin-bottom:.9rem}.repl-receipt-card{background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-color:#86efac}.repl-receipt-card h3{color:#166534;border-bottom-color:#bbf7d0}.repl-form-grid label{font-size:.86rem;font-weight:600;color:#334155;display:grid;gap:.3rem}.repl-notes{grid-column:1 / -1}.repl-notes textarea{min-height:82px;padding:.6rem .7rem;font:inherit;resize:vertical}.repl-form-grid input,.repl-form-grid select,.repl-notes textarea{background:#fff;width:100%;min-height:40px;border:1px solid #d4deeb;border-radius:.55rem;transition:border-color .15s ease,box-shadow .15s ease}.repl-transfer-card input[disabled]{background:#f1f5f9;color:#334155;border-color:#cbd5e1;font-weight:600}.repl-products-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap}.repl-products-head h3{margin:0;color:#1d4ed8}.repl-section-subtitle{margin:.85rem 0 .55rem;font-size:.95rem;color:#1e3a8a}.repl-transfer-products-panel{background:linear-gradient(180deg,#eff6ff,#f8fbff);border-color:#93c5fd}.repl-transfer-products-panel .repl-products-head h3{color:#1d4ed8}.repl-pick-row{margin-top:.4rem;margin-bottom:.4rem;display:grid;grid-template-columns:1fr;gap:.6rem}.repl-filter-bar{margin-top:.8rem;margin-bottom:.2rem;border:1px solid #fde68a;background:linear-gradient(180deg,#fffbeb,#fefce8);border-radius:.65rem;padding:.55rem .65rem}.repl-filter-bar label{font-size:.84rem;color:#a16207;font-weight:600}.repl-pick-row input,.repl-pick-row select{border:1px solid #facc15;border-radius:.5rem;padding:.6rem .7rem;font:inherit;background:#fffef5;min-height:40px}.repl-pick-row{position:relative}.repl-pick-row input{padding-left:2rem}.repl-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.75}.repl-suggestions{list-style:none;margin:0 0 .8rem;padding:0;border:1px solid #dbe4ef;border-radius:.55rem;background:#fff;max-height:240px;overflow:auto}.repl-suggestions li{border-bottom:1px solid #eef2f7}.repl-suggestions li:last-child{border-bottom:none}.repl-suggestion-item{width:100%;border:none;background:transparent;padding:.55rem .7rem;display:flex;align-items:center;justify-content:space-between;text-align:left}.repl-suggestion-item:hover{background:#eff6ff}.repl-suggestions-compact{margin-top:.35rem;border:1px solid #c7d2fe;border-radius:.5rem;box-shadow:0 6px 16px #1e40af1f}.repl-suggestions-compact li{border-bottom:1px solid #e0e7ff}.repl-suggestions-compact .repl-suggestion-item{padding:.45rem .65rem}.repl-suggestions-compact .repl-suggestion-item span{font-size:.9rem}.repl-suggestions-compact .repl-suggestion-item small{color:#475569}.repl-suggestion-active .repl-suggestion-item{background:#eef2ff;border-left:3px solid #4f46e5;padding-left:.5rem}.repl-form-grid input:focus,.repl-form-grid select:focus,.repl-pick-row input:focus,.repl-pick-row select:focus,.repl-qty-input:focus,.repl-notes textarea:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.repl-filter-bar .repl-pick-row input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.repl-stock-badge{background:#dcfce7;color:#166534;border-radius:999px;padding:.12rem .45rem;font-weight:600;font-size:.85rem}.repl-qty-input{width:96px;border:1px solid #d1d5db;border-radius:.45rem;padding:.35rem .45rem;font:inherit}.repl-page .sales-table thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:600;color:#334155;border-bottom:1px solid #e2e8f0;white-space:nowrap;vertical-align:middle}.repl-page .sales-table{min-width:760px}.repl-page .sales-table tbody tr:hover{background:#eff6ff}.repl-page .sales-table tbody td{border-bottom:1px solid #eef2f7;color:#1f2937;vertical-align:middle}.repl-page .sales-table th:nth-child(1),.repl-page .sales-table td:nth-child(1){width:42px}.repl-page .sales-table th:nth-child(4),.repl-page .sales-table td:nth-child(4),.repl-page .sales-table th:nth-child(5),.repl-page .sales-table td:nth-child(5),.repl-page .sales-table th:nth-child(6),.repl-page .sales-table td:nth-child(6),.repl-page .sales-table th:nth-child(7),.repl-page .sales-table td:nth-child(7){text-align:center}.repl-footer-row{margin-top:.8rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.repl-summary{border:1px solid #bfdbfe;border-radius:.6rem;background:linear-gradient(180deg,#eff6ff,#f8fafc);padding:.5rem .75rem;min-width:240px}.repl-summary p{margin:.25rem 0;font-size:.92rem;color:#1e3a8a}.repl-bottom{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.repl-bottom .form-actions{justify-content:flex-end}.repl-info{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;color:#1d4ed8;border-radius:.6rem;padding:.6rem .75rem;flex:1;font-size:.92rem}.repl-feedback{margin:0;border:1px solid #86efac;background:#f0fdf4;color:#166534;border-radius:.6rem;padding:.55rem .75rem;line-height:1.35}.btn-soft{background:#eff6ff;border-color:#60a5fa;color:#1d4ed8}.btn-soft:hover{background:#dbeafe}.salary-page{max-width:1280px;margin:0 auto;display:grid;gap:1rem}.salary-head-card{background:linear-gradient(135deg,#ecfeff,#f8fafc 52%,#eff6ff);border-color:#bae6fd}.salary-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.salary-grid-payroll{align-items:start}.salary-panel-form,.salary-panel-table,.salary-preview-panel{display:grid;gap:.9rem}.salary-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.salary-panel-head h3{margin:0 0 .25rem}.salary-form-grid{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.salary-form-grid label{display:grid;gap:.3rem;color:#334155;font-size:.92rem}.salary-form-span{grid-column:1 / -1}.users-admin-page{max-width:1320px}.users-admin-grid{align-items:start}.users-admin-form{align-content:start}.users-admin-form-grid{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.users-admin-form-grid label{display:grid;gap:.3rem;color:#334155;font-size:.92rem}.users-admin-form-grid input{width:100%;min-height:42px}.users-admin-field-wide{grid-column:1 / -1}.users-admin-field-readonly input[disabled]{background:#f8fafc;color:#475569}.users-admin-actions{justify-content:flex-start}.salary-preview-list{display:grid;gap:.75rem}.salary-preview-list div{border:1px solid #e5e7eb;border-radius:.7rem;padding:.75rem .85rem;background:#f8fafc}.salary-preview-list small,.salary-table small{display:block;color:#64748b}.salary-preview-list strong,.salary-table strong{display:block}.salary-preview-net{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)!important;border-color:#86efac!important}.salary-preview-net strong{color:#166534}.salary-status-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.78rem;font-weight:700}.salary-status-badge-ok{background:#dcfce7;color:#166534}.salary-history-head{align-items:flex-end}.salary-history-filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.salary-history-filters label{display:grid;gap:.28rem;font-size:.88rem;color:#334155}.salary-history-filters select,.salary-history-filters input{min-height:40px;padding:.45rem .55rem;border-radius:.5rem;border:1px solid #cbd5e1;font:inherit;background:#fff}.salary-search-label{min-width:260px}.salary-info-box{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:.7rem;padding:.7rem .8rem;line-height:1.45}@media (max-width: 768px){.salary-grid,.salary-form-grid,.users-admin-form-grid{grid-template-columns:1fr}.salary-panel-head,.salary-history-head{flex-direction:column;align-items:stretch}.salary-history-filters{width:100%}.salary-search-label{min-width:0}}.btn-xs{padding:.28rem .5rem;font-size:.82rem;min-width:86px}.repl-page .btn-primary{box-shadow:0 4px 14px #2563eb3d}.repl-page .btn-danger{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.repl-page .btn-danger:hover{background:#fecaca}.repl-page .form-actions button{min-height:40px}.repl-history-groups{display:grid;gap:.7rem}.repl-history-filter{margin-bottom:.65rem;border:1px solid #dbe4ef;background:#fff;border-radius:.65rem;padding:.6rem .7rem;display:flex;justify-content:space-between;align-items:end;gap:.7rem;flex-wrap:wrap}.repl-history-filter label{display:grid;gap:.3rem;max-width:240px;font-size:.88rem;color:#334155;font-weight:600;flex:1 1 220px}.repl-history-filter select{border:1px solid #cfd8e3;border-radius:.5rem;padding:.5rem .65rem;background:#fff;color:#111827;font:inherit}.repl-history-day-select{border-color:#3b82f6!important;background:#eff6ff!important;color:#1d4ed8!important;font-weight:600}.repl-history-day-select:focus{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 3px #3b82f640}.repl-history-group{border:1px solid #e2e8f0;border-radius:.65rem;padding:.55rem .65rem;background:#f8fafc}.repl-history-group h4{margin:0 0 .45rem;font-size:.95rem;color:#111827}.dashboard-history-box{border-width:1px}.dashboard-top-products-box{background:linear-gradient(180deg,#dbeafe,#bfdbfe)!important;border-color:#3b82f6!important}.dashboard-top-products-box h3{color:#1e3a8a}.dashboard-alerts-box{background:linear-gradient(180deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important}.dashboard-alerts-box h3{color:#78350f}.dashboard-history-sales-depot{background:linear-gradient(180deg,#bfdbfe,#93c5fd)!important;border-color:#2563eb!important}.dashboard-history-sales-depot h3{color:#1e3a8a}.dashboard-history-sales-depot .repl-history-filter,.dashboard-history-sales-depot .repl-history-group{background:linear-gradient(180deg,#bfdbfeeb,#93c5fde0)!important;border-color:#2563eb!important}.dashboard-history-sales-depot .repl-history-filter select{background:#eff6fffa!important;border-color:#3b82f6!important}.dashboard-history-sales-stores{background:linear-gradient(180deg,#d8b4fe,#c084fc)!important;border-color:#9333ea!important}.dashboard-history-sales-stores h3{color:#581c87}.dashboard-history-sales-stores .repl-history-filter,.dashboard-history-sales-stores .repl-history-group{background:linear-gradient(180deg,#d8b4feeb,#c084fce0)!important;border-color:#9333ea!important}.dashboard-history-sales-stores .repl-history-filter select{background:#faf5fffa!important;border-color:#a855f7!important}.dashboard-history-replenishments-stores{background:linear-gradient(180deg,#fde68a,#fbbf24)!important;border-color:#d97706!important}.dashboard-history-replenishments-stores h3{color:#78350f}.dashboard-history-replenishments-stores .repl-history-filter,.dashboard-history-replenishments-stores .repl-history-group{background:#ffffffb3!important;border-color:#d97706!important}.dashboard-history-replenishments-depot{background:linear-gradient(180deg,#fbcfe8,#e9d5ff)!important;border-color:#c026d3!important}.dashboard-history-replenishments-depot h3{color:#701a75}.dashboard-history-replenishments-depot .repl-history-filter,.dashboard-history-replenishments-depot .repl-history-group{background:#ffffffb8!important;border-color:#c026d3!important}.repl-receipt-history-panel{background:linear-gradient(180deg,#f0fdf4,#f7fee7);border-color:#86efac}.repl-receipt-history-panel h3{color:#166534}.repl-transfer-history-panel{background:linear-gradient(180deg,#eff6ff,#f8fafc);border-color:#93c5fd}.repl-transfer-history-panel h3{color:#1d4ed8}@media (max-width: 1024px){.repl-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5}.page{min-height:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.auth-card h1{font-size:1.75rem}.auth-brand-icon{width:50px;height:42px}.auth-quick-item{flex-basis:100%;min-width:0}.repl-form-grid,.repl-pick-row{grid-template-columns:1fr}.repl-bottom,.repl-footer-row{flex-direction:column;align-items:stretch}.repl-summary{min-width:0;width:100%}.repl-history-filter{flex-direction:column;align-items:stretch}.repl-history-filter label{max-width:none}.repl-history-filter .form-actions{justify-content:stretch}.repl-history-filter .form-actions button{width:100%}.compact-list li{flex-direction:column;align-items:flex-start}.compact-list li>span,.compact-list li .alert-badge{align-self:flex-start}}@media (max-width: 400px){.content{padding:.65rem}.page{padding:.1rem;gap:.7rem}.auth-card{padding:.75rem;border-radius:.75rem}.auth-top-message{font-size:1.62rem;padding:.62rem .68rem}.auth-bottom-message{font-size:1.35rem;padding:.58rem .68rem}.auth-card h1{font-size:1.45rem}.auth-brand{gap:.55rem}.auth-brand-icon{width:46px;height:38px;border-radius:10px;font-size:.64rem}.auth-brand-text strong{font-size:.92rem}.auth-brand-text small{font-size:.74rem}.repl-head h1{font-size:1.05rem;line-height:1.3}.repl-head .muted-text{font-size:.8rem}.repl-head-card,.repl-page .panel{padding:.7rem;border-radius:.6rem}.repl-page .panel h3{font-size:.95rem;margin-bottom:.7rem}.repl-section-subtitle{font-size:.88rem;margin-top:.7rem}.repl-form-grid{gap:.6rem}.repl-form-grid label,.repl-history-filter label{font-size:.8rem}.repl-form-grid input,.repl-form-grid select,.repl-notes textarea,.repl-pick-row input,.repl-pick-row select,.repl-history-filter select{min-height:38px;font-size:.9rem;padding:.5rem .6rem}.repl-pick-row input{padding-left:1.8rem}.repl-search-icon{left:.55rem;font-size:.85rem}.repl-filter-bar,.repl-history-filter,.repl-history-group,.repl-summary,.repl-info,.repl-feedback{padding:.5rem .55rem}.repl-page .sales-table th,.repl-page .sales-table td{padding:.45rem .3rem;font-size:.82rem}.repl-page .sales-table{min-width:640px}.repl-qty-input{width:74px;min-height:34px;padding:.3rem .35rem}.btn-xs{min-width:74px;font-size:.75rem;padding:.24rem .4rem}.form-actions{gap:.4rem}.form-actions button,.repl-page .form-actions button{width:100%;min-height:38px;padding:.42rem .55rem;font-size:.88rem}.repl-footer-row,.repl-bottom{gap:.55rem}.repl-info,.repl-summary p{font-size:.84rem}.compact-list{gap:.45rem}.compact-list small{font-size:.78rem}.repl-suggestion-item{padding:.45rem .55rem;gap:.5rem;flex-direction:column;align-items:flex-start}.repl-suggestion-item small{font-size:.78rem}}@media (max-width: 360px){.content{padding:.5rem}.repl-head h1{font-size:.96rem}.repl-head .muted-text{font-size:.74rem}.repl-head-card,.repl-page .panel{padding:.6rem}.repl-page .panel h3{font-size:.9rem}.repl-form-grid label,.repl-history-filter label{font-size:.76rem}.repl-form-grid input,.repl-form-grid select,.repl-notes textarea,.repl-pick-row input,.repl-pick-row select,.repl-history-filter select{min-height:36px;font-size:.86rem;padding:.42rem .5rem}.repl-pick-row input{padding-left:1.65rem}.repl-search-icon{left:.48rem;font-size:.78rem}.form-actions button,.repl-page .form-actions button{min-height:36px;font-size:.84rem;padding:.36rem .5rem}.repl-qty-input{width:66px;min-height:32px;font-size:.82rem;padding:.26rem .3rem}.btn-xs{min-width:68px;font-size:.72rem;padding:.2rem .34rem}.repl-page .sales-table th,.repl-page .sales-table td{font-size:.76rem;padding:.38rem .24rem}.repl-page .sales-table{min-width:580px}.repl-summary p,.repl-info,.repl-feedback,.compact-list small{font-size:.76rem}}.app-topbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;padding:.75rem 1.5rem;display:flex;justify-content:flex-end;align-items:center;box-shadow:0 1px 3px #0000000d}.topbar-actions{display:flex;align-items:center;gap:1rem;position:relative}.notification-btn{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:1.3rem;display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.notification-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 8px #ef444466;border:2px solid #ffffff}.user-menu-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease}.user-menu-btn:hover{background:#f8fafc;border-color:#cbd5e1}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;display:grid;place-items:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.user-meta{display:grid;gap:.1rem;text-align:left}.user-meta strong{color:#1e293b;font-size:.95rem;font-weight:600}.user-meta small{color:#64748b;font-size:.8rem}.notification-container,.user-menu-container{position:relative}.notification-dropdown,.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:360px;max-width:420px;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 30px #00000026;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:2px solid #e2e8f0}.notification-header strong{font-size:1.1rem;color:#1e293b}.mark-all-read-btn{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8;padding:.4rem .8rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mark-all-read-btn:hover{background:#dbeafe;border-color:#60a5fa}.notification-list{max-height:400px;overflow-y:auto}.notification-empty{padding:3rem 1.5rem;text-align:center;color:#94a3b8}.notification-empty span{font-size:3rem;display:block;margin-bottom:.5rem}.notification-empty p{margin:0;font-size:.95rem}.notification-item{display:flex;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s ease}.notification-item:hover{background:#f8fafc}.notification-item:last-child{border-bottom:none}.notification-unread{background:#eff6ff}.notification-unread:hover{background:#dbeafe}.notification-icon{font-size:1.5rem;flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:.5rem;background:#f8fafc}.notification-content{flex:1;min-width:0}.notification-content strong{display:block;color:#1e293b;font-size:.95rem;margin-bottom:.25rem}.notification-content p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.notification-content small{display:block;margin-top:.4rem;color:#94a3b8;font-size:.8rem}.user-dropdown{min-width:280px}.user-dropdown-header{display:flex;gap:1rem;padding:1.2rem;border-bottom:2px solid #e2e8f0}.user-avatar-large{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;display:grid;place-items:center;font-size:1.5rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #4f46e54d}.user-dropdown-header>div:last-child{display:grid;gap:.3rem;align-content:center}.user-dropdown-header strong{color:#1e293b;font-size:1.05rem}.user-dropdown-header small{color:#64748b;font-size:.85rem}.user-role-badge{display:inline-block;margin-top:.2rem;padding:.25rem .6rem;border-radius:999px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;color:#1e40af;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.user-dropdown-divider{height:1px;background:#e2e8f0}.user-dropdown-item{width:100%;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem;border:none;background:transparent;color:#334155;font-size:.95rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.user-dropdown-item:hover{background:#f8fafc;color:#1e293b}.user-dropdown-item span{font-size:1.2rem}.user-dropdown-item:last-child{border-radius:0 0 .75rem .75rem}.user-dropdown-item:last-child:hover{background:#fef2f2;color:#b91c1c}@media (max-width: 768px){.notification-dropdown,.user-dropdown{min-width:300px;max-width:calc(100vw - 2rem)}.notification-list{max-height:300px}}
