@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: #0F172A;--primary-light: #1E293B;--primary-lighter: #334155;--accent: #F59E0B;--accent-hover: #D97706;--accent-light: rgba(245, 158, 11, .1);--accent-secondary: #3B82F6;--success: #10B981;--success-light: rgba(16, 185, 129, .1);--warning: #F97316;--warning-light: rgba(249, 115, 22, .1);--danger: #EF4444;--danger-light: rgba(239, 68, 68, .1);--surface: #F8FAFC;--card: #FFFFFF;--border: #E2E8F0;--text: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Consolas", monospace;--sidebar-width: 260px;--header-height: 60px;--shadow-glow: 0 0 20px rgba(245, 158, 11, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-text-size-adjust:100%;touch-action:pan-x pan-y}body{font-family:var(--font-sans);color:var(--text);background:var(--surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--primary)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}a{color:var(--accent-secondary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent)}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:box-shadow .3s,transform .2s}.card:hover{box-shadow:0 4px 12px #0000000f}.card-glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:24px;transition:box-shadow .3s,transform .2s}.card-glass:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-sans);font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none;line-height:1.4;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--primary);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--primary-light);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--primary-lighter)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:6px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input{padding:10px 14px;font-family:var(--font-sans);font-size:.9rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.form-input{resize:vertical;min-height:80px}table{width:100%;border-collapse:collapse;font-size:.875rem}thead th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);background:var(--surface);border-bottom:2px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}thead th.sortable{cursor:pointer;transition:color .2s}thead th.sortable:hover{color:var(--accent)}thead th.sortable:after{content:"";display:inline-block;margin-left:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--text-muted);vertical-align:middle;opacity:.4}thead th.sorted-asc:after{border-top:none;border-bottom:4px solid var(--accent);opacity:1}thead th.sorted-desc:after{border-top:4px solid var(--accent);opacity:1}tbody td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text)}tbody tr{transition:background .15s}tbody tr:hover{background:var(--accent-light)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:9999px;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.badge-draft{background:#94a3b826;color:#64748b}.badge-pending{background:var(--warning-light);color:var(--warning)}.badge-confirmed{background:#3b82f61a;color:var(--accent-secondary)}.badge-in-progress{background:var(--accent-light);color:var(--accent-hover)}.badge-completed{background:var(--success-light);color:var(--success)}.badge-shipped{background:#6366f11a;color:#6366f1}.badge-overdue{background:var(--danger-light);color:var(--danger)}.badge-cancelled{background:#ef444414;color:#b91c1c}.badge-sent{background:#3b82f61a;color:#2563eb}.badge-accepted{background:var(--success-light);color:var(--success)}.badge-rejected{background:var(--danger-light);color:var(--danger)}.badge-expired{background:#94a3b833;color:#94a3b8}.badge-new{background:#3b82f61f;color:#2563eb}.badge-inprogress{background:var(--accent-light);color:var(--accent-hover)}.badge-quotationsent{background:#8b5cf61a;color:#7c3aed}.badge-won{background:var(--success-light);color:var(--success)}.badge-lost{background:#94a3b826;color:#64748b}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--card);border-radius:16px;padding:32px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:1.25rem;margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#F1F5F9 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-text{height:14px;margin-bottom:8px;width:80%}.skeleton-text-sm{height:12px;margin-bottom:6px;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:120px}.app-layout{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .25s ease}.app-layout.sidebar-collapsed{grid-template-columns:64px 1fr}.sidebar{background:var(--primary);color:#e2e8f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden}.sidebar-header{padding:18px 20px;border-bottom:1px solid var(--primary-light);min-height:var(--header-height);display:flex;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:10px;font-weight:700}.logo-title{font-size:1.05rem;color:var(--accent);letter-spacing:.02em;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;padding:12px 8px;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;white-space:nowrap}.nav-item:hover{background:var(--primary-light);color:#fff}.nav-item.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-glow)}.nav-icon{font-size:1.05rem;display:inline-flex;min-width:20px;justify-content:center}.main-area{display:flex;flex-direction:column;min-width:0}.app-header{height:var(--header-height);background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.header-left,.header-right{display:flex;align-items:center;gap:16px}.sidebar-toggle{background:none;border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:1.1rem;cursor:pointer;color:var(--text);line-height:1}.sidebar-toggle:hover{background:var(--surface);border-color:var(--accent)}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem}.user-details{display:flex;flex-direction:column;line-height:1.2}.user-name{font-weight:600;font-size:.9rem;color:var(--text)}.user-role{font-size:.75rem;color:var(--text-muted)}.btn-logout{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:6px 14px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-logout:hover{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.page-content{flex:1;overflow-y:auto}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.drawer-overlay{display:none}@media (max-width: 768px){:root{--sidebar-width: 0px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.modal{width:95%;padding:20px}table{font-size:.8rem}thead th,tbody td{padding:8px 10px}.app-layout,.app-layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0f172a40}.app-layout.mobile-drawer-open .sidebar{transform:translate(0)}.drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-layout.mobile-drawer-open .drawer-overlay{opacity:1;pointer-events:auto}body.drawer-open{overflow:hidden}.sidebar-toggle{padding:10px 14px;font-size:1.3rem}}@media (prefers-reduced-motion: reduce){.sidebar,.drawer-overlay{transition:none}}@media (max-width: 480px){html{font-size:13px}.btn{padding:8px 14px;font-size:.85rem}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e293b,#0f172a 70%);animation:loadingScreenFadeIn .2s ease-out}.loading-screen-inner{display:flex;flex-direction:column;align-items:center;gap:18px;animation:loadingScreenPopIn .32s cubic-bezier(.16,1,.3,1)}.loading-ring{width:72px;height:72px;border-radius:50%;border:3px solid rgba(245,158,11,.15);border-top-color:var(--accent);border-right-color:var(--accent);animation:loadingRingSpin .9s linear infinite;position:relative;box-shadow:0 0 30px #f59e0b40}.loading-ring-dot{position:absolute;top:-5px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--accent);transform:translate(-50%);box-shadow:0 0 12px var(--accent)}.loading-brand{font-family:var(--font-sans);font-size:1.4rem;font-weight:600;letter-spacing:.04em;color:#fff;margin-top:6px}.loading-label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;animation:loadingLabelPulse 1.6s ease-in-out infinite}@keyframes loadingRingSpin{to{transform:rotate(360deg)}}@keyframes loadingScreenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingScreenPopIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingLabelPulse{0%,to{opacity:.55}50%{opacity:1}}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--primary);color:#f8fafc;font-family:var(--font-sans);font-size:.78rem;font-weight:500;line-height:1.4;text-align:center;text-transform:none;letter-spacing:normal;padding:8px 12px;border-radius:6px;white-space:normal;width:max-content;max-width:280px;box-shadow:0 4px 12px #0f172a2e;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;transition-delay:0s;z-index:100}[data-tip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--primary);opacity:0;pointer-events:none;transition:opacity .15s ease;transition-delay:0s;z-index:100}[data-tip]:hover:after,[data-tip]:hover:before{opacity:1;transition-delay:.4s}[data-tip]:hover:after{transform:translate(-50%) translateY(0)}@media (max-width: 768px){.form-input{font-size:16px}}.login-container{display:flex;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.login-brand{flex:1;background:#0f172a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 50% at 50% 45%,#1e294bb3,#0f172a00 70%);z-index:1;pointer-events:none}.login-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(245,158,11,.35) 1px,transparent 1px);background-size:24px 24px;opacity:.03;pointer-events:none;animation:gridPulse 8s ease-in-out infinite}@keyframes gridPulse{0%,to{opacity:.025}50%{opacity:.04}}.circuit-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.8;pointer-events:none;z-index:0}.trace{fill:none;stroke:#f59e0b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.trace-1{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawTrace 2.5s ease-out 0s forwards}.trace-2{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawTrace 3s ease-out .3s forwards}.trace-3{stroke-dasharray:1400;stroke-dashoffset:1400;animation:drawTrace 3.5s ease-out .6s forwards}.trace-4{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawTrace 2.8s ease-out .9s forwards}.trace-5{stroke-dasharray:800;stroke-dashoffset:800;animation:drawTrace 2.2s ease-out 1.2s forwards}.trace-6{stroke-dasharray:900;stroke-dashoffset:900;animation:drawTrace 2.6s ease-out 1.5s forwards}.trace-7{stroke-dasharray:1300;stroke-dashoffset:1300;animation:drawTrace 3.2s ease-out .4s forwards}.trace-8{stroke-dasharray:900;stroke-dashoffset:900;animation:drawTrace 2.4s ease-out 1s forwards}.trace-9{stroke-dasharray:1100;stroke-dashoffset:1100;animation:drawTrace 3s ease-out .7s forwards}.trace-10{stroke-dasharray:800;stroke-dashoffset:800;animation:drawTrace 2.3s ease-out 1.3s forwards}.trace-thin{fill:none;stroke:#f59e0b;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round;opacity:.3;stroke-dasharray:800;stroke-dashoffset:800;animation:drawTrace 3.5s ease-out 1.8s forwards}@keyframes drawTrace{to{stroke-dashoffset:0}}.node{fill:#f59e0b;opacity:0;animation:nodePulse 3s ease-in-out infinite}.node:nth-child(17){animation-delay:0s}.node:nth-child(18){animation-delay:.4s}.node:nth-child(19){animation-delay:.8s}.node:nth-child(20){animation-delay:1.2s}.node:nth-child(21){animation-delay:1.6s}.node:nth-child(22){animation-delay:2s}.node:nth-child(23){animation-delay:.6s}.node:nth-child(24){animation-delay:1.4s}.node:nth-child(25){animation-delay:.3s}.node:nth-child(26){animation-delay:1s}.node:nth-child(27){animation-delay:1.8s}@keyframes nodePulse{0%,to{opacity:.3;r:3}50%{opacity:1;r:5}}.pulse-dot{fill:#f59e0b;filter:drop-shadow(0 0 6px #F59E0B) drop-shadow(0 0 12px rgba(245,158,11,.5))}.pulse-1{opacity:.9}.pulse-2{opacity:.85}.pulse-3{opacity:.8}.pulse-4{opacity:.75}.pulse-5{opacity:.7}.pulse-6{opacity:.95}.floating-hardware{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hw{position:absolute;color:#f59e0b14;opacity:0;animation:hwFadeIn 1.5s ease-out forwards}.hw-ram{width:120px;top:12%;left:8%;animation:hwFadeIn 1.5s ease-out .5s forwards,floatRam 20s ease-in-out 2s infinite}.hw-ssd{width:100px;top:45%;right:10%;animation:hwFadeIn 1.5s ease-out .8s forwards,floatSsd 25s ease-in-out 2.3s infinite}.hw-usb{width:80px;bottom:15%;left:15%;animation:hwFadeIn 1.5s ease-out 1.1s forwards,floatUsb 18s ease-in-out 2.6s infinite}@keyframes hwFadeIn{to{opacity:1}}@keyframes floatRam{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(1.5deg)}50%{transform:translateY(-8px) rotate(-1deg)}75%{transform:translateY(-20px) rotate(.5deg)}}@keyframes floatSsd{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-12px) rotate(-1.2deg)}60%{transform:translateY(-22px) rotate(1deg)}80%{transform:translateY(-6px) rotate(-.5deg)}}@keyframes floatUsb{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-18px) rotate(2deg)}50%{transform:translateY(-10px) rotate(-1.5deg)}70%{transform:translateY(-25px) rotate(1deg)}}.brand-center{position:relative;z-index:3;text-align:center;padding:2rem}.logo-glow{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;border:2px solid #F59E0B;display:flex;align-items:center;justify-content:center;animation:logoGlow 3s ease-in-out infinite;background:#fffffff2}.logo-text{color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:2px;text-shadow:0 0 20px rgba(245,158,11,.5)}@keyframes logoGlow{0%,to{box-shadow:0 0 15px #f59e0b59,0 0 30px #f59e0b26,0 0 60px #f59e0b0d,inset 0 0 12px #f59e0b14;border-color:#f59e0b}50%{box-shadow:0 0 30px #f5b428b3,0 0 70px #f59e0b66,0 0 120px #f59e0b26,inset 0 0 25px #f5b42826;border-color:#fbbf24}}.brand-center h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.5px}.brand-center .subtitle{color:#f59e0b;font-size:1.1rem;font-weight:500;margin:0 0 2.5rem;letter-spacing:1px;text-transform:uppercase}.feature-list{max-width:340px;margin:0 auto;text-align:left}.feature-item{color:#ffffffd9;font-size:.875rem;line-height:1.5;padding:.5rem 0 .5rem 1rem;border-left:2px solid #F59E0B;margin-bottom:.75rem;opacity:0;transform:translateY(12px);animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.login-form-panel{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.login-form-container{width:100%;max-width:400px;padding:3rem 0}.login-form-container h2{color:#0f172a;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.form-subtitle{color:#64748b;font-size:.95rem;margin:0 0 2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:.4rem}.form-input{width:100%;height:44px;padding:0 .875rem;border:1.5px solid #E2E8F0;border-radius:8px;font-size:.95rem;color:#0f172a;background:#f8fafc;transition:border-color .2s,box-shadow .2s,background .2s;outline:none;box-sizing:border-box}.form-input::placeholder{color:#94a3b8}.form-input:focus{border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px #f59e0b26}.form-input:disabled{opacity:.6;cursor:not-allowed}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:4rem}.password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:color .15s,background .15s}@media (hover: hover){.password-toggle:hover{color:#f59e0b;background:#f59e0b14}}.login-error{background:#fef2f2;color:#dc2626;border-left:3px solid #DC2626;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1.25rem;line-height:1.4}.btn-signin{width:100%;height:44px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;position:relative;overflow:hidden;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 14px #f59e0b59,0 1px 3px #0000001a;text-shadow:0 1px 2px rgba(0,0,0,.15)}.btn-signin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.25) 40%,rgba(255,255,255,.25) 60%,transparent 80%);background-size:200% 100%;background-position:200% 0;opacity:0;transition:opacity .3s}@media (hover: hover){.btn-signin:hover:not(:disabled){background:#d97706;box-shadow:0 6px 20px #f59e0b73,0 2px 6px #0000001f}.btn-signin:hover:not(:disabled):before{opacity:1;animation:shimmer 1.5s ease-in-out infinite}}.btn-signin:active:not(:disabled){transform:scale(.98)}.btn-signin:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quick-login{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #E2E8F0}.quick-login-toggle{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:none;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;border-radius:6px;transition:color .15s,background .15s}.quick-login-toggle:active{background:#f59e0b0f;color:#f59e0b}@media (hover: hover){.quick-login-toggle:hover{color:#64748b;background:#f59e0b0a}}.quick-login-caret{display:inline-block;font-size:.9rem;line-height:1;transition:transform .2s ease;color:#94a3b8}.quick-login-caret.open{transform:rotate(180deg);color:#f59e0b}.quick-login-buttons{display:flex;gap:.5rem;margin-top:.75rem}.quick-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .5rem;border:1.5px solid #E2E8F0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,transform .1s}@media (hover: hover){.quick-btn:hover{border-color:#f59e0b;background:#f59e0b0a;transform:translateY(-1px)}}.quick-btn:active{transform:translateY(0)}.quick-role{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#f59e0b}.quick-name{font-size:.8rem;font-weight:600;color:#334155}.login-footer{margin-top:2.5rem;text-align:center;font-size:.75rem;color:#94a3b8}.login-footer strong{color:#64748b;font-weight:600}@media (max-width: 768px){.login-container{flex-direction:column}.login-brand{flex:none;height:180px;min-height:160px}.brand-center{padding:1.25rem}.brand-center h1{font-size:1.6rem;margin-bottom:.25rem}.brand-center .subtitle{font-size:.85rem;margin-bottom:0}.feature-list,.floating-hardware{display:none}.login-form-panel{flex:1;padding:1.5rem}.login-form-container{padding:1.5rem 0}.login-form-container h2{font-size:1.5rem}.quick-login-buttons{flex-direction:column}.form-input{font-size:16px}}@media (max-width: 480px){.login-brand{height:140px;min-height:120px}.logo-glow{width:60px;height:60px;margin-bottom:1rem}.logo-text{font-size:1.4rem}.brand-center h1{font-size:1.3rem}.brand-center .subtitle{font-size:.75rem}.login-form-container{padding:1rem 0}}@media (prefers-reduced-motion: reduce){.trace,.trace-thin,.node,.pulse-dot,.logo-glow,.hw-ram,.hw-ssd,.hw-usb,.feature-item,.login-brand:after,.btn-signin:before{animation:none!important}.trace,.trace-thin{stroke-dashoffset:0}.feature-item{opacity:1;transform:none}.node{opacity:.7}}.kanban-board{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;height:calc(100vh - 140px - 2.5rem);max-height:calc(100vh - 140px - 2.5rem);align-items:stretch}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.kanban-column{min-width:240px;max-width:280px;flex-shrink:0;background:#f1f5f9;border-radius:12px;padding:.6rem;display:flex;flex-direction:column;overflow:hidden}.kanban-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .25rem .4rem;flex-shrink:0}.kanban-cards{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.4rem;min-height:0}.kanban-cards::-webkit-scrollbar{width:4px}.kanban-cards::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.kanban-cards::-webkit-scrollbar-thumb:hover{background:#00000040}.kanban-title{font-weight:600;font-size:.85rem;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.kanban-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600}.kanban-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.85rem;font-style:italic}.kanban-card{background:var(--card);border-radius:8px;padding:.65rem .75rem;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease;border:1px solid transparent;flex-shrink:0}.kanban-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px);border-color:var(--accent)}.kanban-card .so-number{font-family:var(--font-mono);color:var(--accent);font-size:.75rem;font-weight:500;margin-bottom:.2rem;letter-spacing:.3px}.kanban-card .so-customer{font-weight:600;color:var(--text);font-size:.82rem;margin-bottom:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card .so-footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.kanban-card .so-amount{font-weight:700;color:var(--text);font-size:.9rem}.days-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.3px}.days-badge.days-normal{background:#e2e8f0;color:var(--text-secondary)}.days-badge.days-warning{background:var(--accent-light);color:var(--accent-hover)}.days-badge.days-danger{background:var(--danger-light);color:var(--danger)}.kanban-card .so-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.page-header h1{margin:0;font-size:1.5rem}.page-header .text-muted{color:var(--text-muted);font-size:.85rem;margin-top:.125rem}.page-actions{display:flex;gap:.5rem;align-items:center}.btn{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:var(--font-sans)}.btn-outline{background:var(--card);border:1px solid var(--border);color:var(--text-secondary)}.btn-outline:hover,.btn-outline.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary{background:var(--accent);color:var(--primary);font-weight:600;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:2px solid var(--border)}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.875rem}.table .clickable-row{cursor:pointer;transition:background .15s}.table .clickable-row:hover{background:var(--accent-light)}.mono.accent{font-family:var(--font-mono);color:var(--accent);font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:var(--card);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 60px #0003;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.1rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem}.modal-body code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.875rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:500;z-index:2000;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease}.toast-error{background:var(--danger);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.kanban-column .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.orders-page{padding:1.5rem}.orders-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.orders-header-title h1{margin:0}.orders-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.orders-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.order-card-list{display:flex;flex-direction:column;gap:10px}.order-mobile-card{padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #0f172a0a;transition:box-shadow .15s ease,transform .15s ease}.order-mobile-card:active{box-shadow:0 2px 8px #0f172a14;transform:translateY(1px)}.order-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.order-card-top{margin-bottom:6px}.order-card-so{font-family:var(--font-mono);color:var(--accent);font-size:.78rem;font-weight:500;letter-spacing:.3px}.order-card-customer{font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:8px;word-break:break-word}.order-card-bottom{margin-bottom:4px}.order-card-amount{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:var(--text)}.order-card-date{font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}.order-card-pic{font-size:.75rem;color:var(--text-muted)}.order-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-style:italic}.kanban-mobile{display:flex;flex-direction:column;gap:.75rem}.kanban-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.kanban-tabs::-webkit-scrollbar{height:0;display:none}.kanban-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);background:var(--card);border-radius:999px;font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;cursor:pointer;flex-shrink:0;font-family:var(--font-sans)}.kanban-tab.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.kanban-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#0f172a14;color:inherit;font-size:.72rem;font-weight:700}.kanban-tab.is-active .kanban-tab-count{background:#ffffff38}.kanban-mobile-list{display:flex;flex-direction:column;gap:10px}.kanban-mobile-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-style:italic;font-size:.9rem}.kanban-mobile-card{background:var(--card);border-radius:10px;box-shadow:0 1px 3px #0000000f;overflow:hidden;border:1px solid transparent;transition:box-shadow .15s ease,border-color .15s ease}.kanban-mobile-card:active{box-shadow:0 2px 8px #0f172a1a;border-color:var(--accent)}.kanban-mobile-card-body{cursor:pointer;padding:0}.kanban-mobile-card-body .kanban-card{box-shadow:none;border:none;border-radius:0;padding:.85rem 1rem}.kanban-mobile-card-body .kanban-card:hover{transform:none;box-shadow:none;border-color:transparent}.kanban-mobile-card-action{display:block;width:100%;padding:10px 16px;background:#f8fafc;border:none;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.82rem;font-weight:600;text-align:right;cursor:pointer;font-family:var(--font-sans)}.kanban-mobile-card-action:active{background:var(--accent-light);color:var(--accent-hover)}.move-sheet-list{display:flex;flex-direction:column;gap:8px}.move-sheet-option{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:10px;font-size:.95rem;color:var(--text);cursor:pointer;width:100%;text-align:left;font-family:var(--font-sans)}.move-sheet-option:active{background:var(--accent-light);border-color:var(--accent)}.move-sheet-arrow{color:var(--accent);font-weight:700;font-size:1.1rem}@media (max-width: 768px){.orders-page{padding:1rem}.orders-header{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:16px}.orders-header-title h1{font-size:1.4rem}.orders-header-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.orders-header-actions .orders-create-btn{grid-column:1 / -1}.orders-header-actions .btn{padding:12px 14px;font-size:.9rem}.kanban-column{min-width:78vw;max-width:82vw}.kanban-board{height:calc(100vh - 190px);max-height:calc(100vh - 190px)}}.dashboard{padding:1.5rem}.dashboard-header{margin-bottom:24px}.dashboard-header h1{margin:0}.dashboard-header p{color:var(--text-muted);margin-top:4px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.dashboard-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.dashboard-chart-panel{margin-bottom:16px}.dashboard-secondary-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 768px){.dashboard-secondary-charts{grid-template-columns:1fr}}.chart-empty{display:flex;align-items:center;justify-content:center;min-height:220px;color:var(--text-muted);text-align:center;padding:0 12px}.chart-donut{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:16px;align-items:center}.chart-donut-svg{width:100%;max-width:220px;height:auto;flex-shrink:0;justify-self:center}.chart-donut-legend{list-style:none;padding:0;margin:0;font-size:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;min-width:0}.chart-donut-legend li{display:flex;align-items:center;gap:8px;min-width:0}.chart-donut-legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}.chart-donut-legend .label{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-donut-legend .count{font-family:var(--font-mono, monospace);color:var(--text-muted);flex-shrink:0}.chart-funnel{display:flex;flex-direction:column;gap:6px;padding:4px 0}.chart-funnel-row{display:flex;align-items:center;gap:12px}.chart-funnel-label{width:110px;font-size:.85rem;color:var(--text-secondary);flex-shrink:0}.chart-funnel-bar{flex:1;position:relative;height:30px;background:var(--border);border-radius:4px;overflow:hidden;min-width:0}.chart-funnel-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-weight:600;font-size:.85rem;font-family:var(--font-mono, monospace);transition:width .4s ease}.chart-funnel-fill-count-outside{position:absolute;top:0;height:100%;display:flex;align-items:center;color:var(--text-secondary);font-weight:600;font-size:.85rem;font-family:var(--font-mono, monospace)}.chart-funnel-dropoff{font-size:.72rem;color:var(--text-muted);padding-left:12px}.chart-funnel-footer{margin-top:8px;font-size:.72rem;color:var(--text-muted);text-align:right}.chart-revenue{width:100%;overflow:hidden}.chart-revenue svg{width:100%;height:auto;display:block}@media (max-width: 540px){.chart-donut{grid-template-columns:1fr;gap:8px}.chart-donut-svg{max-width:200px}.chart-donut-legend{grid-template-columns:1fr;font-size:.8rem}.chart-funnel-label{width:76px;font-size:.78rem}.chart-funnel-fill,.chart-funnel-fill-count-outside{font-size:.78rem}.chart-funnel-row{gap:8px}}.dashboard-chart-meta{font-size:.8rem;color:var(--text-muted)}.dashboard-panel{padding:16px}.dashboard-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dashboard-panel-header h3{margin:0}.dashboard-panel-link{font-size:.85rem}.dashboard-orders-table{width:100%;border-collapse:collapse;font-size:.9rem}.dashboard-orders-table thead tr,.dashboard-orders-table tbody tr{border-bottom:1px solid var(--border)}.dashboard-orders-table th,.dashboard-orders-table td{padding:8px 4px;text-align:left}.dashboard-orders-table td.col-so{font-family:var(--font-mono);color:var(--accent)}.dashboard-so-link{color:inherit;text-decoration:none;font-weight:600}.dashboard-so-link:hover{text-decoration:underline}.dashboard-orders-table td.col-status{color:var(--text-secondary)}.dashboard-orders-table td.col-date{color:var(--text-muted)}.dashboard-orders-table th.col-amount,.dashboard-orders-table td.col-amount{text-align:right}.dashboard-orders-table td.col-amount{font-family:var(--font-mono);font-weight:600}.dashboard-orders-empty,.dashboard-appts-empty{color:var(--text-muted);padding:16px;text-align:center}.dashboard-appts-list{display:flex;flex-direction:column;gap:10px}.dashboard-appt-card{padding:10px;border-left:3px solid var(--accent);background:var(--accent-light);border-radius:4px}.dashboard-appt-title{font-weight:600;font-size:.9rem}.dashboard-appt-customer{font-size:.8rem;color:var(--text-secondary)}.dashboard-appt-meta{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}@media (max-width: 768px){.dashboard{padding:1rem}.dashboard-content-grid{grid-template-columns:1fr;gap:14px}.dashboard-orders-table th.col-status,.dashboard-orders-table td.col-status,.dashboard-orders-table th.col-date,.dashboard-orders-table td.col-date{display:none}.dashboard-orders-table{font-size:.85rem}.dashboard-appts-list{flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:0 16px 6px;margin:0 -16px;scrollbar-width:thin}.dashboard-appt-card{flex:0 0 78%;max-width:280px;scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:0 1px 3px #0f172a0a}.dashboard-appt-title{font-size:.95rem}}@media (max-width: 480px){.dashboard-appt-card{flex-basis:84%}}.qd-page{padding:1.5rem}.qd-back-btn{margin-bottom:16px}.qd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.qd-header-title{flex:1;min-width:0}.qd-qt-number{font-family:var(--font-mono);color:var(--accent);font-size:1.1rem;margin:0}.qd-header-title h1{margin:4px 0;word-break:break-word}.qd-status-badge-row{margin-top:4px}.qd-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.qd-status-select{min-width:130px}.qd-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.qd-card{padding:20px}.qd-card h3{margin-top:0}.qd-detail-row{margin-bottom:8px}.qd-detail-label{font-size:.8rem;color:var(--text-muted)}.qd-total-amount{font-size:2rem;font-weight:700;color:var(--accent);font-family:var(--font-mono);white-space:nowrap}.qd-total-meta{color:var(--text-muted);margin-top:4px;font-size:.85rem}.qd-items-table{width:100%;border-collapse:collapse}.qd-items-table thead tr{border-bottom:2px solid var(--border)}.qd-items-table tbody tr{border-bottom:1px solid var(--border)}.qd-items-table th{text-align:left;padding:10px}.qd-items-table th.col-num,.qd-items-table td.col-num{text-align:right}.qd-items-table td{padding:10px}.qd-items-table td.col-sku{font-family:var(--font-mono);font-size:.85rem}.qd-items-table td.col-money{font-family:var(--font-mono);text-align:right}.qd-items-table td.col-total{font-weight:600}.qd-items-empty{text-align:center;padding:24px 8px;color:var(--text-muted);font-style:italic}.qd-items-mobile-list{display:flex;flex-direction:column;gap:10px}.qd-item-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:12px 14px}.qd-item-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}.qd-item-sku{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);letter-spacing:.3px}.qd-item-qty{font-size:.78rem;color:var(--text-secondary);font-weight:700;background:#0f172a0f;padding:2px 8px;border-radius:999px;white-space:nowrap}.qd-item-name{font-weight:600;color:var(--text);margin-bottom:10px;font-size:.95rem;word-break:break-word;line-height:1.3}.qd-item-card-bottom{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px dashed var(--border);padding-top:8px}.qd-item-unit-meta{font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}.qd-item-line-total{font-family:var(--font-mono);font-weight:700;color:var(--accent);font-size:1rem;white-space:nowrap}@media (max-width: 768px){.qd-page{padding:1rem}.qd-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.qd-header-title h1{font-size:1.4rem;line-height:1.25}.qd-status-badge-row{display:none}.qd-header-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qd-status-select{min-width:0;width:100%;padding:12px 14px;font-size:.9rem}.qd-pdf-btn{padding:12px 14px;text-align:center;white-space:nowrap}.qd-summary-grid{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.qd-card{padding:16px}.qd-total-amount{font-size:1.6rem}}.inq-page{padding:1.5rem}.inq-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.inq-header-title h1{margin:0}.inq-subtitle{color:var(--text-muted);margin-top:4px;margin-bottom:0;font-size:.9rem}.inq-filters{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px 160px;gap:12px;margin-bottom:16px}.inq-filter-selects{display:contents}.inq-table-wrap{overflow-x:auto}.inq-table{width:100%;border-collapse:collapse}.inq-table thead tr{border-bottom:2px solid var(--border)}.inq-table tbody tr{border-bottom:1px solid var(--border)}.inq-table th{text-align:left;padding:12px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.inq-table td{padding:12px 16px;vertical-align:middle}.inq-table td.col-inq{font-family:var(--font-mono);color:var(--accent);white-space:nowrap}.inq-table td.col-subject{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inq-table td.col-status select{font-size:.8rem;padding:4px 8px;width:160px}.inq-empty-row{text-align:center;padding:32px;color:var(--text-muted)}.inq-priority-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.72rem;font-weight:700;color:#fff;letter-spacing:.3px;white-space:nowrap}.inq-priority-pill.p-0{background:#94a3b8}.inq-priority-pill.p-1{background:#3b82f6}.inq-priority-pill.p-2{background:#f97316}.inq-priority-pill.p-3{background:#ef4444}.inq-mobile-list{display:flex;flex-direction:column;gap:10px}.inq-mobile-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.inq-mobile-card-body{padding:12px 14px}.inq-mobile-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.inq-mobile-inq-number{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);letter-spacing:.3px;white-space:nowrap}.inq-mobile-customer{font-weight:600;color:var(--text);font-size:.95rem;margin-bottom:4px;word-break:break-word;line-height:1.3}.inq-mobile-subject{color:var(--text-secondary);font-size:.88rem;margin-bottom:8px;word-break:break-word;line-height:1.35}.inq-mobile-subject.is-empty{color:var(--text-muted);font-style:italic}.inq-mobile-meta{font-size:.75rem;color:var(--text-muted);line-height:1.4}.inq-mobile-meta-sep{margin:0 6px;opacity:.6}.inq-mobile-card-footer{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border-top:1px solid var(--border)}.inq-mobile-status-label{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0}.inq-mobile-status-select{flex:1;min-width:0;font-size:.85rem}.inq-mobile-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-style:italic;background:var(--card);border:1px dashed var(--border);border-radius:10px}@media (max-width: 768px){.inq-page{padding:1rem}.inq-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.inq-header-title h1{font-size:1.4rem}.inq-header .btn{padding:12px 14px;font-size:.9rem}.inq-filters{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.inq-filter-selects{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.inq-filter-selects .form-input{font-size:.8rem;padding:8px 6px}}.appt-page{padding:1.5rem}.appt-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.appt-header-title h1{margin:0}.appt-subtitle{color:var(--text-muted);margin-top:4px;margin-bottom:0;font-size:.9rem}.appt-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.appt-toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.appt-toggle button{padding:6px 14px;border:none;cursor:pointer;background:var(--card);color:var(--text);font-family:var(--font-sans);font-size:.875rem}.appt-toggle button.is-active{background:var(--primary);color:#fff}.cal-card{padding:16px}.cal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.cal-month{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.cal-month h2{margin:0}.cal-count{color:var(--text-muted);font-size:.9rem}.cal-nav{display:flex;gap:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.cal-day-header{padding:8px 0;font-size:.78rem;font-weight:700;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.4px}.cal-blank{min-height:96px;background:#f8fafc;border-radius:6px}.cal-cell{min-height:96px;padding:6px;border-radius:6px;background:var(--card);border:1px solid var(--border);font-size:.75rem;text-align:left;cursor:default;font-family:var(--font-sans);color:var(--text)}.cal-cell.is-today{background:#fef3c7;border-color:var(--accent)}.cal-cell-date{font-weight:700;margin-bottom:4px}.cal-cell.is-today .cal-cell-date{color:var(--accent)}.cal-appt-line{padding:2px 4px;margin-bottom:2px;border-radius:3px;background:#fef3c7;color:#92400e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-appt-line.is-cancelled{background:#fee2e2;color:#b91c1c;text-decoration:line-through}.cal-more{color:var(--text-muted);font-size:.7rem;margin-top:2px}.cal-loading{text-align:center;color:var(--text-muted);padding:16px}.cal-selected-panel{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.cal-selected-panel h3{margin:0 0 10px;font-size:1rem}.cal-selected-empty{text-align:center;padding:18px 12px;color:var(--text-muted);font-style:italic;font-size:.9rem;background:#f8fafc;border-radius:8px}.cal-selected-list{display:flex;flex-direction:column;gap:10px}.appt-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.appt-card.is-cancelled{opacity:.7}.appt-card-body{padding:12px 14px}.appt-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px}.appt-card-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text);word-break:break-word;line-height:1.3;flex:1;min-width:0}.appt-card-customer{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px;word-break:break-word}.appt-card-time{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-family:var(--font-mono);font-size:.85rem;color:var(--text);margin-bottom:6px}.appt-card-time-date{font-weight:600}.appt-card-time-range{color:var(--accent);font-weight:600}.appt-card-meta{font-size:.78rem;color:var(--text-muted);line-height:1.4;word-break:break-word}.appt-card-meta-sep{margin:0 6px;opacity:.6}.appt-card-action{display:block;width:100%;padding:10px 16px;background:#f8fafc;border:none;border-top:1px solid var(--border);color:var(--danger);font-size:.82rem;font-weight:600;text-align:center;cursor:pointer;font-family:var(--font-sans)}.appt-card-action:active{background:var(--danger-light, #FEE2E2)}.appt-filters{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:12px;margin-bottom:16px}.appt-table-wrap{overflow-x:auto}.appt-table{width:100%;border-collapse:collapse}.appt-table thead tr{border-bottom:2px solid var(--border)}.appt-table tbody tr{border-bottom:1px solid var(--border)}.appt-table th{text-align:left;padding:12px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.appt-table td{padding:12px 16px;vertical-align:middle}.appt-table td.col-title{font-weight:600}.appt-table td.col-mono{font-family:var(--font-mono);font-size:.85rem}.appt-table td.col-action{text-align:center}.appt-empty-row{text-align:center;padding:32px;color:var(--text-muted)}.appt-mobile-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-style:italic;background:var(--card);border:1px dashed var(--border);border-radius:10px}@media (max-width: 768px){.appt-page{padding:1rem}.appt-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.appt-header-title h1{font-size:1.4rem}.appt-header-actions{display:grid;grid-template-columns:1fr;gap:8px}.appt-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%}.appt-toggle button{padding:12px 14px}.appt-header-actions .btn{padding:12px 14px;font-size:.9rem}.cal-card{padding:12px}.cal-toolbar{flex-direction:column;align-items:stretch;gap:10px}.cal-month{gap:8px}.cal-month h2{font-size:1.15rem}.cal-nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.cal-nav .btn{padding:10px 8px;font-size:.8rem;white-space:nowrap}.cal-day-header{font-size:.65rem;padding:4px 0}.cal-cell,.cal-blank{min-height:48px;padding:4px}.cal-cell{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:stretch}.cal-cell-date{font-size:.85rem;margin-bottom:0;text-align:left}.cal-cell.is-selected{background:var(--accent-light);border-color:var(--accent)}.cal-cell .cal-appt-line,.cal-cell .cal-more{display:none}.cal-cell-dot{margin-top:auto;align-self:center;width:6px;height:6px;border-radius:50%;background:var(--accent)}.cal-cell-dot.is-many:before{content:""}.cal-cell-dots{margin-top:auto;display:flex;align-self:center;gap:3px}.cal-cell-dots span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.appt-filters{grid-template-columns:1fr;gap:8px;margin-bottom:12px}}.rpt-page{padding:1.5rem}.rpt-header{margin-bottom:24px}.rpt-header h1{margin:0}.rpt-subtitle{color:var(--text-muted);margin-top:4px;margin-bottom:0}.rpt-filter-card{padding:16px;margin-bottom:16px}.rpt-filter-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:12px;align-items:end}.rpt-filter-grid .form-group{margin:0}.rpt-run-btn{white-space:nowrap}.rpt-description{color:var(--text-muted);font-size:.85rem;margin-top:12px}.rpt-error{padding:12px;background:#fee2e2;color:#b91c1c;border-radius:8px;margin-bottom:16px}.rpt-result-card{overflow-x:auto}.rpt-table{width:100%;border-collapse:collapse}.rpt-table thead tr{border-bottom:2px solid var(--border)}.rpt-table tbody tr{border-bottom:1px solid var(--border)}.rpt-table th{text-align:left;padding:12px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.rpt-table th.col-num,.rpt-table td.col-num{text-align:right}.rpt-table th.col-rank{width:4%}.rpt-table td{padding:12px 16px}.rpt-table td.col-rank{color:var(--text-muted);font-family:var(--font-mono)}.rpt-table td.col-value{text-align:right;font-family:var(--font-mono);font-weight:600}.rpt-table tfoot tr{border-top:2px solid var(--border);background:var(--surface)}.rpt-table tfoot td{font-weight:700}.rpt-table tfoot td.col-total-label{text-align:right}.rpt-table tfoot td.col-total-value{text-align:right;font-family:var(--font-mono);color:var(--accent)}.rpt-empty{text-align:center;padding:32px;color:var(--text-muted)}.rpt-meta{color:var(--text-muted);font-size:.75rem;margin-top:8px;text-align:right}.rpt-quarter-picker{display:flex;gap:8px}.rpt-quarter-picker .rpt-year{width:55%}.rpt-quarter-picker .rpt-quarter{width:45%}@media (max-width: 768px){.rpt-page{padding:1rem}.rpt-filter-grid{grid-template-columns:1fr;gap:10px}.rpt-run-btn{width:100%;padding:12px 14px}.rpt-meta{text-align:left;word-break:break-word}.rpt-table th,.rpt-table td{padding:10px 12px}.rpt-table td.col-label{word-break:break-word}}.usr-page{padding:1.5rem}.usr-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.usr-header h1{margin:0}.usr-error{padding:12px;margin-bottom:12px;background:#fee2e2;color:#b91c1c;border-radius:8px}.usr-filters{display:grid;grid-template-columns:160px 180px minmax(0,1fr);gap:8px;margin-bottom:16px}.usr-table-wrap{overflow-x:auto}.usr-table{width:100%;border-collapse:collapse}.usr-table thead tr{border-bottom:2px solid var(--border)}.usr-table tbody tr{border-bottom:1px solid var(--border)}.usr-table th{text-align:left;padding:12px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.usr-table td{padding:12px 16px;vertical-align:middle}.usr-table td.col-username a{color:var(--accent-secondary, #3B82F6);text-decoration:none;font-weight:500}.usr-table td.col-username a:hover{text-decoration:underline}.usr-table td.col-actions{white-space:nowrap}.usr-table td.col-actions>*{margin-right:6px}.usr-table td.col-actions>*:last-child{margin-right:0}.usr-empty-row{text-align:center;padding:24px;color:var(--text-muted)}.usr-status-pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.usr-status-pill.is-active{background:#10b9811f;color:#047857}.usr-status-pill.is-inactive{background:#94a3b82e;color:#475569}.usr-mobile-list{display:flex;flex-direction:column;gap:10px}.usr-mobile-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s ease}.usr-mobile-card.is-deactivated{opacity:.7}.usr-mobile-card:active{box-shadow:0 2px 8px #0f172a14}.usr-mobile-card-body{padding:12px 14px;cursor:pointer;display:block;color:inherit;text-decoration:none}.usr-mobile-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.usr-mobile-username{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-secondary, #3B82F6);font-weight:500;word-break:break-all}.usr-mobile-fullname{font-weight:600;color:var(--text);font-size:.95rem;margin-bottom:4px;word-break:break-word;line-height:1.3}.usr-mobile-meta{font-size:.78rem;color:var(--text-muted)}.usr-mobile-meta-sep{margin:0 6px;opacity:.6}.usr-mobile-card-footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);background:#f8fafc}.usr-mobile-action{padding:10px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;font-family:var(--font-sans)}.usr-mobile-action+.usr-mobile-action{border-left:1px solid var(--border)}.usr-mobile-action:active{background:var(--accent-light);color:var(--accent-hover)}.usr-mobile-action.is-danger{color:var(--danger)}.usr-mobile-action.is-danger:active{background:var(--danger-light, #FEE2E2);color:var(--danger)}.usr-mobile-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-style:italic;background:var(--card);border:1px dashed var(--border);border-radius:10px}.usr-temppw-input{font-family:var(--font-mono)}.usr-temppw-note{font-size:.85rem;color:var(--text-muted);margin-top:8px}.usr-temppw-actions{text-align:right;margin-top:12px}@media (max-width: 768px){.usr-page{padding:1rem}.usr-header{flex-direction:column;align-items:stretch;gap:12px}.usr-header h1{font-size:1.4rem}.usr-header .btn{padding:12px 14px;font-size:.9rem}.usr-filters{grid-template-columns:1fr 1fr;gap:8px}.usr-filters .form-input.usr-search{grid-column:1 / -1}}.help-page{padding:1.5rem;max-width:880px}.help-header{margin-bottom:24px}.help-header h1{margin:0}.help-subtitle{color:var(--text-muted);margin-top:4px;margin-bottom:0}.help-toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.help-toc a{display:inline-block;padding:6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--border);color:var(--text-secondary);text-decoration:none;font-size:.82rem;font-weight:500}.help-toc a:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-hover)}.help-section{padding:20px;margin-bottom:16px;scroll-margin-top:80px}.help-section h2{margin:0 0 8px;font-size:1.15rem;color:var(--primary);display:flex;align-items:center;gap:10px}.help-section-icon{font-size:1.4rem;line-height:1}.help-section-lede{color:var(--text-secondary);margin:0 0 14px;font-size:.92rem;line-height:1.5}.help-list{margin:0;padding-left:20px;color:var(--text);line-height:1.55}.help-list li{margin-bottom:6px}.help-list li strong{color:var(--primary)}.help-list code{background:#f1f5f9;padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.85em;color:var(--text)}.help-pipeline{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin:12px 0 16px}.help-pipeline-step{flex:1 1 140px;background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:10px 12px;min-width:0}.help-pipeline-step .help-step-name{font-weight:700;color:var(--primary);font-size:.9rem;margin-bottom:2px}.help-pipeline-step .help-step-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.help-pipeline-arrow{align-self:center;color:var(--accent);font-weight:700;font-size:1.1rem}.help-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.help-role-card{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:12px 14px}.help-role-card h3{margin:0 0 6px;font-size:.95rem;color:var(--primary)}.help-role-card ul{margin:0;padding-left:18px;font-size:.85rem;color:var(--text-secondary);line-height:1.45}.help-faq dt{font-weight:700;color:var(--primary);margin-top:14px;font-size:.95rem}.help-faq dt:first-of-type{margin-top:0}.help-faq dd{margin:4px 0 0;color:var(--text);font-size:.9rem;line-height:1.55}.help-contact-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:.92rem}.help-contact-label{font-weight:700;color:var(--primary);min-width:110px}.help-contact-value{color:var(--text);word-break:break-word}@media (max-width: 768px){.help-page{padding:1rem}.help-header h1{font-size:1.4rem}.help-section{padding:16px}.help-section h2{font-size:1.05rem}.help-pipeline-arrow{display:none}.help-role-grid{grid-template-columns:1fr}.help-contact-row{gap:4px}.help-contact-label{min-width:0;flex-basis:100%;font-size:.8rem;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}}