*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#0000;background-image:radial-gradient(1100px 600px at -5% -10%,#3b82f61a,#0000 60%),radial-gradient(900px 600px at 105% 0,#8b5cf614,#0000 55%),linear-gradient(135deg,#eef2f8 0%,#f4f7fb 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;font-family:Inter,system-ui,Arial,sans-serif}.app-error{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-error-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;padding:36px 32px;box-shadow:0 18px 40px #0f172a14}.app-error-icon{color:#dc2626;background:#fef2f2;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 18px;display:flex}.app-error-card h1{color:#0f172a;margin-bottom:8px;font-size:19px;font-weight:700}.app-error-card p{color:#64748b;margin-bottom:22px;font-size:14px;line-height:1.55}.app-error-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600}.app-error-btn:hover{background:#1d4ed8}.notif-root{position:relative}.notif-badge{color:#fff;background:#ef4444;border-radius:20px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex}.notif-root--sidebar{display:block}.notif-sidebar-item{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.notif-sidebar-item .sidebar-item-icon{position:relative}.notif-sidebar-item .notif-badge{border:2px solid #1e293b;position:absolute;top:-5px;right:-6px}.notif-root--topbar{display:none}.notif-topbar-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.notif-topbar-btn:hover{color:#0f172a;border-color:#94a3b8}.notif-topbar-btn .notif-badge{border:2px solid #fff;position:absolute;top:-5px;right:-5px}.notif-panel{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:350px;max-width:92vw;max-height:460px;animation:.16s notif-panel-in;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 44px #0f172a2e}@keyframes notif-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-panel--sidebar{left:calc(var(--sidebar-w,244px) + var(--sidebar-gap,16px) + 12px);bottom:20px}.notif-panel--topbar{position:absolute;top:calc(100% + 10px);right:0}.notif-panel-head{color:#0f172a;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.notif-mark-all{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.notif-mark-all:hover:not(:disabled){background:#eff6ff}.notif-mark-all:disabled{opacity:.6;cursor:not-allowed}.notif-tabs{border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:4px;padding:8px 12px;display:flex}.notif-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s}.notif-tab:hover{color:#334155;background:#f1f5f9}.notif-tab--active{color:#2563eb;background:#eff6ff}.notif-panel-body{flex:1;overflow-y:auto}.notif-loading,.notif-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.notif-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;margin:12px 14px;padding:10px 12px;font-size:12.5px;display:flex}.notif-list{margin:0;padding:0;list-style:none}.notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:9px;padding:12px 16px;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#fafbff}.notif-item--unread{background:#f8fafc}.notif-item--unread:hover{background:#f1f5f9}.notif-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.notif-item-main{flex:1;min-width:0}.notif-item-title{color:#0f172a;font-size:13px;font-weight:600}.notif-item-body{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item-time{color:#94a3b8;margin-top:4px;font-size:11px}.notif-item-read-icon{color:#cbd5e1;flex-shrink:0;margin-top:2px}@media (width<=768px){.notif-root--sidebar{display:none}.notif-root--topbar{display:block}}.mobile-topbar-actions{align-items:center;gap:10px;display:flex}.sidebar{z-index:200;-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#111827e0 0%,#1e293bd1 100%);border:1px solid #ffffff14;border-radius:20px;width:244px;transition:width .24s cubic-bezier(.22,1,.36,1);position:fixed;top:16px;bottom:16px;left:16px;overflow:visible;box-shadow:0 20px 50px #0f172a59,inset 0 1px #ffffff0f}.sidebar-scroll{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.sidebar--collapsed{width:76px}@media (width<=768px){.sidebar{border-radius:0;height:100vh;transition:transform .25s;top:0;bottom:0;left:0;transform:translate(-100%);width:244px!important}.sidebar--mobile-open{transform:translate(0)}}.sidebar-overlay{display:none}@media (width<=768px){.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;position:fixed;inset:0}}.sidebar-brand{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:11px;padding:22px 18px 18px;display:flex}.sidebar-brand-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #2563eb73}.sidebar-brand-name{color:#fff;letter-spacing:-.3px;white-space:nowrap;font-size:16px;font-weight:800;overflow:hidden}.sidebar-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:2px;padding:14px 12px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{color:#94a3b8;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;width:100%;padding:9.5px 11px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .16s,color .16s;display:flex;position:relative}.sidebar-item:hover{color:#e2e8f0;background:#ffffff0f}.sidebar-item--active{color:#fff;background:linear-gradient(135deg,#3b82f638,#2563eb24)}.sidebar-item--active:before{content:"";background:#3b82f6;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-item--active:hover{color:#fff}.sidebar-item-icon{flex-shrink:0;align-items:center;display:flex}.sidebar-item-label{text-overflow:ellipsis;overflow:hidden}.sidebar-group{flex-direction:column;gap:2px;display:flex}.sidebar-group+.sidebar-group{margin-top:6px}.sidebar-group-header{cursor:pointer;color:#cbd5e173;letter-spacing:.7px;text-transform:uppercase;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:9px 11px 5px;font-family:inherit;font-size:10.5px;font-weight:700;transition:color .15s;display:flex}.sidebar-group-header:hover{color:#cbd5e1bf}.sidebar-group-chevron{opacity:.8;transition:transform .2s}.sidebar-group-chevron--closed{transform:rotate(-90deg)}.sidebar-group-items{flex-direction:column;gap:2px;display:flex}.sidebar-group-divider{background:#ffffff17;height:1px;margin:8px 10px 6px}.sidebar-bottom{border-top:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:2px;padding:10px 12px 16px;display:flex}.sidebar-logout{color:#94a3b8}.sidebar-logout:hover{color:#fca5a5;background:#ef444424}.sidebar-collapse-btn{cursor:pointer;color:#cbd5e1;z-index:201;background:#1e293b;border:1.5px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s,color .15s,border-color .15s;display:flex;position:absolute;top:28px;right:-13px;box-shadow:0 4px 10px #0f172a66}.sidebar-collapse-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}@media (width<=768px){.sidebar-collapse-btn{display:none}}.login-page{min-height:100vh;display:flex}.login-left{color:#fff;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 45%,#1d4ed8 100%);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:64px 60px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:#6366f11f;border-radius:50%;width:480px;height:480px;position:absolute;top:-120px;right:-120px}.login-left:after{content:"";pointer-events:none;background:#3b82f61a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-60px}.login-brand{z-index:1;align-items:center;gap:12px;margin-bottom:56px;display:flex;position:relative}.login-brand-icon{color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.login-brand-name{letter-spacing:-.3px;color:#fff;font-size:19px;font-weight:700}.login-left h1{letter-spacing:-.8px;z-index:1;margin-bottom:18px;font-size:38px;font-weight:800;line-height:1.15;position:relative}.login-left h1 span{background:linear-gradient(90deg,#93c5fd,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-left>p{color:#ffffffa6;z-index:1;max-width:380px;margin-bottom:44px;font-size:14.5px;line-height:1.7;position:relative}.login-features{z-index:1;flex-direction:column;gap:13px;display:flex;position:relative}.login-feature-item{color:#fffc;align-items:center;gap:12px;font-size:13.5px;display:flex}.feature-icon{color:#93c5fd;background:#ffffff1a;border:1px solid #ffffff26;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.login-right{background:#fff;flex-direction:column;justify-content:center;width:500px;padding:64px 52px;display:flex;box-shadow:-4px 0 40px #0000000f}.login-form-badge{color:#2563eb;letter-spacing:.3px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;margin-bottom:14px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.login-form-header{margin-bottom:34px}.login-form-header h2{color:#0f172a;letter-spacing:-.6px;margin-bottom:6px;font-size:28px;font-weight:800}.login-form-header p{color:#64748b;font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.login-error svg{flex-shrink:0}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#334155;letter-spacing:.1px;font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{pointer-events:none;color:#94a3b8;align-items:center;display:flex;position:absolute;left:14px}.form-group input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:11px 14px 11px 42px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.form-group input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb1a}.form-group input::placeholder{color:#cbd5e1}.password-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:5px;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#475569;background:#f1f5f9}.form-options{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.remember-me{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.remember-me input[type=checkbox]{accent-color:#2563eb;cursor:pointer;border-radius:4px;width:15px;height:15px}.forgot-link{color:#2563eb;font-size:13px;font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-login{color:#fff;cursor:pointer;letter-spacing:.1px;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:12.5px;font-family:inherit;font-size:14.5px;font-weight:700;transition:background .18s,transform .1s,box-shadow .18s;display:flex}.btn-login:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.btn-login:active:not(:disabled){transform:scale(.99)}.btn-login:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{align-items:center;gap:12px;margin:24px 0 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.login-divider span{color:#94a3b8;white-space:nowrap;letter-spacing:.2px;font-size:11.5px}.login-footer{text-align:center;color:#64748b;margin-top:20px;font-size:13px}.login-footer a{color:#2563eb;font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (width<=768px){.login-left{display:none}.login-right{width:100%;padding:40px 28px}}@media (width<=480px){.login-right,.login-card{padding:32px 20px}}.dash{max-width:1280px;margin:0 auto;padding:30px 36px 40px}.dash-greeting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.dash-greeting h1{color:#0f172a;letter-spacing:-.6px;margin-bottom:4px;font-size:25px;font-weight:800}.dash-greeting p{color:#64748b;font-size:13.5px}.dash-add-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .12s,box-shadow .18s;display:flex}.dash-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a47}.dash-kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.kpi{color:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:116px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a1a}.kpi:after{content:"";background:#ffffff1f;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.kpi--blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.kpi--green{background:linear-gradient(135deg,#10b981,#059669)}.kpi--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi--violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.kpi-icon{z-index:1;background:#fff3;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.kpi-value{letter-spacing:-1px;z-index:1;font-size:30px;font-weight:800;line-height:1;position:relative}.kpi-label{opacity:.9;z-index:1;font-size:12.5px;font-weight:500;position:relative}.dash-skeleton{background:#ffffff40;border-radius:7px;width:52px;height:26px;animation:1.3s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.dash-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:18px;display:grid}.dash-col{flex-direction:column;gap:18px;display:flex}.dash-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px #0f172a0a}.dash-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-card-head h2{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.dash-card-head h2 svg{color:#94a3b8}.dash-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;font-size:12.5px;font-weight:600;display:flex}.dash-link:hover{gap:7px}.dash-loading{color:#94a3b8;justify-content:center;padding:36px 0;display:flex}.dash-muted{text-align:center;color:#94a3b8;padding:28px 0;font-size:13.5px}.dash-bars{flex-direction:column;gap:13px;display:flex}.dash-bar-row{grid-template-columns:150px 1fr 36px;align-items:center;gap:12px;display:grid}.dash-bar-label{color:#475569;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.dash-bar-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dash-bar-track{background:#f1f5f9;border-radius:6px;height:9px;overflow:hidden}.dash-bar-fill{border-radius:6px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.dash-bar-value{color:#0f172a;text-align:right;font-size:13px;font-weight:700}.dash-recent{flex-direction:column;gap:3px;display:flex}.dash-recent-row{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:9px 8px;transition:background .14s;display:flex}.dash-recent-row:hover{background:#f8fafc}.dash-recent-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dash-recent-main{flex:1;min-width:0}.dash-recent-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.dash-recent-sub{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.dash-status{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.dash-orgstats{flex-direction:column;gap:4px;display:flex}.dash-orgstat{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 9px;font-family:inherit;transition:background .14s;display:flex}.dash-orgstat:hover{background:#f8fafc}.dash-orgstat-icon{color:#475569;background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dash-orgstat-icon.warn{color:#b45309;background:#fef3c7}.dash-orgstat-meta{flex:1}.dash-orgstat-value{color:#0f172a;font-size:16px;font-weight:800;line-height:1.1}.dash-orgstat-label{color:#94a3b8;font-size:11.5px}.dash-orgstat-chev{color:#cbd5e1;flex-shrink:0}.dash-orgstat:hover .dash-orgstat-chev{color:#2563eb}.dash-actions{flex-direction:column;gap:8px;display:flex}.dash-action{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e8edf3;border-radius:11px;align-items:center;gap:11px;padding:11px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.dash-action:hover{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.dash-action-icon{color:#475569;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.dash-action:hover .dash-action-icon{color:#fff;background:#2563eb}.dash-action-arrow{color:#cbd5e1;margin-left:auto}.dash-action:hover .dash-action-arrow{color:#2563eb}@media (width<=1000px){.dash-kpis{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (width<=560px){.dash{padding:22px 16px 32px}.dash-kpis{grid-template-columns:1fr 1fr;gap:12px}.dash-bar-row{grid-template-columns:110px 1fr 30px}}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000002e}.modal--confirm{max-width:420px}.modal.modal--drawer{border-radius:0;width:620px;max-width:94vw;height:100vh;max-height:100vh;animation:.22s modal-drawer-in;position:fixed;top:0;right:0}@keyframes modal-drawer-in{0%{opacity:.5;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.modal--drawer .modal-header{border-bottom:1px solid #e2e8f0;padding:18px 20px}.modal--drawer .modal-close{color:#64748b;background:#f1f5f9;border:none;border-radius:8px;width:32px;height:32px}.modal--drawer .modal-close:hover{color:#334155;background:#e2e8f0}.modal--drawer .modal-body{flex:1;padding:18px 20px}.modal--drawer .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:14px 20px}.modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:#0f172a;align-items:center;gap:9px;font-size:15.5px;font-weight:700;display:flex}.modal-title.danger{color:#b91c1c}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:1.5px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.modal-close:hover{color:#0f172a;border-color:#94a3b8}.modal-head-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.confirm-body{color:#475569;padding:20px 24px;font-size:13.5px;line-height:1.6}.confirm-body strong{color:#0f172a}.modal-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 13px;font-size:12.5px;line-height:1.5;display:flex}.modal-error svg{flex-shrink:0;margin-top:1px}.modal-note{color:#b45309;background:#fffbeb;border:1.5px solid #fde68a;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;font-size:12.5px;display:flex}.modal-note svg{flex-shrink:0}.modal-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:#334155;letter-spacing:.1px;font-size:12.5px;font-weight:600}.req{color:#ef4444;margin-left:2px}.modal-input-wrap{align-items:center;display:flex;position:relative}.modal-input-icon{color:#94a3b8;pointer-events:none;flex-shrink:0;position:absolute;left:11px}.modal-field input,.modal-field select{color:#0f172a;appearance:auto;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 11px 9px 32px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.modal-field input:focus,.modal-field select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-field input::placeholder{color:#cbd5e1}.modal-textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.modal-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-textarea::placeholder{color:#cbd5e1}.modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px 20px;display:flex}.btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s}.btn-cancel:hover{color:#0f172a;border-color:#94a3b8}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.btn-submit:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.btn-submit:disabled{opacity:.65;cursor:not-allowed}.btn-deactivate{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.btn-deactivate:hover:not(:disabled){background:#dc2626}.btn-deactivate:disabled{opacity:.65;cursor:not-allowed}@media (width<=640px){.modal-row{grid-template-columns:1fr}}.assets-page{max-width:1200px;margin:0 auto;padding:32px 36px}.assets-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.assets-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.assets-header-text p{color:#64748b;font-size:13.5px}.assets-header-actions{flex-shrink:0;gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.btn-ghost{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.btn-ghost:hover{color:#0f172a;border-color:#94a3b8}.btn-back{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:14px;padding:0;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn-back:hover{color:#2563eb}.assets-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.assets-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.assets-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.assets-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.assets-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.assets-search-wrap{flex:1;min-width:220px;position:relative}.assets-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.assets-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.assets-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.assets-search::placeholder{color:#cbd5e1}.assets-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.assets-search-clear:hover{color:#475569}.assets-filter{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:130px;padding:9.5px 14px;font-family:inherit;font-size:13px;transition:border-color .18s}.assets-filter:focus{border-color:#2563eb}.assets-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.assets-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.assets-loading,.assets-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.assets-table{border-collapse:collapse;width:100%}.assets-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.assets-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.assets-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.assets-table tbody tr:last-child td{border-bottom:none}.assets-row{cursor:pointer;transition:background .12s}.assets-row:hover{background:#fafbff}.asset-name-cell{align-items:center;gap:11px;display:flex}.asset-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.asset-name{color:#0f172a;font-size:13.5px;font-weight:600}.asset-serial{color:#94a3b8;margin-top:1px;font-size:11.5px}.asset-meta{color:#475569;font-size:13px}.asset-loc{color:#94a3b8}.asset-muted{color:#94a3b8;font-style:italic}.asset-status{white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-block}.asset-actions{gap:6px;display:flex}.icon-btn:hover{color:#0f172a;border-color:#94a3b8}.assets-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.assets-pagination-btns{gap:8px;display:flex}.assets-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.assets-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.assets-page-btn:disabled{opacity:.4;cursor:not-allowed}.modal--asset{max-width:620px}.modal--asset-view{max-width:600px}.asset-view-status{margin-bottom:4px}.asset-detail-grid{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}.asset-field{flex-direction:column;gap:3px;display:flex}.asset-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.asset-field-value{color:#0f172a;font-size:13.5px;font-weight:500}.asset-view-desc{color:#475569;background:#f8fafc;border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.5}.asset-qr{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:12.5px;display:flex}.asset-qr-label{font-weight:600}.asset-qr-code{color:#2563eb;word-break:break-all;font-family:monospace;font-size:11.5px}.asset-meters{border-top:1px solid #f1f5f9;padding-top:16px}.asset-meters-head{color:#0f172a;align-items:center;gap:7px;margin-bottom:10px;font-size:13.5px;font-weight:700;display:flex}.asset-meters-empty{color:#94a3b8;margin-bottom:10px;font-size:12.5px}.asset-meters-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.asset-meter{background:#f8fafc;border-radius:8px;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.asset-meter-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.asset-meter-name{color:#334155;font-size:13px;font-weight:600}.asset-meter-right{align-items:center;gap:10px;display:flex}.asset-meter-val{color:#2563eb;font-size:13px;font-weight:600}.asset-meter-record-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.asset-meter-record-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.asset-meter-record{align-items:center;gap:8px;display:flex}.asset-meter-record input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 10px;font-family:inherit;font-size:12.5px}.asset-meter-record input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.asset-meter-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:600}.asset-meter-cancel:hover{color:#475569}.asset-meter-form{gap:8px;display:flex}.asset-meter-form input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:inherit;font-size:12.5px}.asset-meter-form input:focus{background:#fff;border-color:#2563eb}.btn-submit--sm{flex-shrink:0;padding:8px 12px}.modal-hint{color:#94a3b8;font-size:11px;font-weight:400}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.cat-card{background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:flex-start;gap:12px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.cat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0f172a0d}.cat-card-icon{color:#2563eb;background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cat-card-body{flex:1;min-width:0}.cat-card-name{color:#0f172a;margin-bottom:3px;font-size:14.5px;font-weight:700}.cat-card-desc{color:#64748b;margin-bottom:6px;font-size:12.5px;line-height:1.45}.cat-card-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:500;display:inline-block}.cat-card-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.cat-card-actions .icon-btn{width:28px;height:28px}@media (width<=900px){.assets-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.assets-page{padding:20px 16px}.asset-detail-grid{grid-template-columns:1fr}.assets-table th:nth-child(2),.assets-table td:nth-child(2),.assets-table th:nth-child(5),.assets-table td:nth-child(5){display:none}}.wo-page{max-width:1200px;margin:0 auto;padding:32px 36px}.wo-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.wo-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.wo-header-text p{color:#64748b;font-size:13.5px}.wo-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.wo-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.wo-stat--progress .wo-stat-value{color:#b45309}.wo-stat--overdue .wo-stat-value{color:#b91c1c}.wo-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.wo-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.wo-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.wo-search-wrap{flex:1;min-width:220px;position:relative}.wo-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.wo-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.wo-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.wo-search::placeholder{color:#cbd5e1}.wo-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.wo-search-clear:hover{color:#475569}.wo-filter{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:140px;padding:9.5px 14px;font-family:inherit;font-size:13px;transition:border-color .18s}.wo-filter:focus{border-color:#2563eb}.wo-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.wo-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.wo-loading,.wo-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.wo-table{border-collapse:collapse;width:100%}.wo-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.wo-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.wo-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.wo-table tbody tr:last-child td{border-bottom:none}.wo-row{cursor:pointer}.wo-row:hover{background:#fafbff}.wo-title-cell{align-items:center;gap:11px;display:flex}.wo-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.wo-title{color:#0f172a;font-size:13.5px;font-weight:600}.wo-sub{color:#94a3b8;margin-top:1px;font-size:11.5px}.wo-meta{color:#475569;font-size:13px}.wo-muted{color:#cbd5e1}.wo-priority{align-items:center;gap:5px;font-size:12.5px;font-weight:600;display:inline-flex}.wo-status{white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-block}.wo-overdue{color:#b91c1c;font-weight:600}.wo-actions{gap:4px;display:flex}.icon-btn:hover{color:#334155;background:#f8fafc}.wo-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.wo-pagination-btns{gap:8px;display:flex}.wo-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.wo-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.wo-page-btn:disabled{opacity:.4;cursor:not-allowed}.wo-check{color:#475569;cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.wo-check input{cursor:pointer;width:15px;height:15px}.wo-drawer{background:#fff;flex-direction:column;width:560px;max-width:94vw;height:100vh;animation:.22s wo-slide-in;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 32px #0f172a29}@keyframes wo-slide-in{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.wo-drawer-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.wo-drawer-title{color:#0f172a;align-items:center;gap:9px;min-width:0;font-size:15.5px;font-weight:700;display:flex}.wo-drawer-title span:not(.wo-status){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wo-drawer-head-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.wo-drawer .modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.wo-drawer .modal-close:hover{color:#334155;background:#e2e8f0}.wo-drawer-loading{color:#94a3b8;justify-content:center;align-items:center;padding:60px;display:flex}.wo-txn-bar{background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding:14px 20px;display:flex}.wo-txn-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.wo-txn-btn:hover{background:#f8fafc;border-color:#94a3b8}.wo-txn--start,.wo-txn--resume,.wo-txn--assign{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.wo-txn--start:hover,.wo-txn--resume:hover,.wo-txn--assign:hover{background:#dbeafe}.wo-txn--complete{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.wo-txn--complete:hover{background:#dcfce7}.wo-txn--cancel{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.wo-txn--cancel:hover{background:#fee2e2}.wo-tabs{border-bottom:1px solid #e2e8f0;gap:2px;padding:0 12px;display:flex;overflow-x:auto}.wo-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s;display:flex}.wo-tab:hover{color:#334155}.wo-tab--active{color:#2563eb;border-bottom-color:#2563eb}.wo-drawer-body{flex:1;padding:18px 20px;overflow-y:auto}.wo-desc{color:#334155;border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:16px;font-size:13.5px;line-height:1.5}.wo-field-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.wo-field{flex-direction:column;gap:3px;display:flex}.wo-field-label{color:#94a3b8;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:flex}.wo-field-value{color:#0f172a;font-size:13.5px;font-weight:500}.wo-tab-loading{color:#94a3b8;justify-content:center;align-items:center;padding:40px;display:flex}.wo-sub{flex-direction:column;gap:12px;display:flex}.wo-sub-empty{color:#94a3b8;text-align:center;padding:20px 0;font-size:13px}.wo-sub-form{border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding-top:12px;display:flex}.wo-sub-form input[type=text],.wo-sub-form input[type=number],.wo-sub-form select{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:8px 11px;font-family:inherit;font-size:13px}.wo-sub-form input:focus,.wo-sub-form select:focus{border-color:#2563eb}.wo-sub-check{color:#64748b;white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;display:flex}.btn-submit--sm{justify-content:center;min-width:38px;padding:8px 11px}.wo-task-list,.wo-comment-list{flex-direction:column;gap:6px;display:flex}.wo-task{border:1px solid #eef2f7;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;display:flex}.wo-task-main{color:#0f172a;cursor:pointer;flex:1;align-items:center;gap:9px;font-size:13.5px;display:flex}.wo-task-main input{cursor:pointer;width:16px;height:16px}.wo-task-done{color:#94a3b8;text-decoration:line-through}.wo-task-req{color:#b45309;background:#fef3c7;border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:600}.wo-comment{background:#fafbfc;border:1px solid #eef2f7;border-radius:9px;padding:10px 12px}.wo-comment-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.wo-comment-author{color:#334155;font-size:12.5px;font-weight:600}.wo-comment-date{color:#94a3b8;font-size:11px}.wo-comment-body{color:#0f172a;font-size:13px;line-height:1.45}.wo-parts-table{border-collapse:collapse;width:100%}.wo-parts-table th{text-align:left;color:#94a3b8;text-transform:uppercase;border-bottom:1px solid #e2e8f0;padding:6px 8px;font-size:11px;font-weight:600}.wo-parts-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:8px;font-size:13px}.wo-timeline{flex-direction:column;display:flex}.wo-timeline-row{gap:12px;display:flex}.wo-timeline-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:5px;position:relative}.wo-timeline-row:not(:last-child) .wo-timeline-dot:after{content:"";background:#e2e8f0;width:2px;height:calc(100% + 14px);position:absolute;top:12px;left:50%;transform:translate(-50%)}.wo-timeline-main{min-width:0;padding-bottom:18px}.wo-timeline-head{color:#0f172a;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:13px;display:flex}.wo-timeline-action{color:#64748b;font-size:12px}.wo-timeline-note{color:#475569;margin-top:3px;font-size:12.5px}.wo-timeline-date{color:#94a3b8;margin-top:3px;font-size:11px}.wo-optional{color:#94a3b8;font-size:11px;font-weight:400}@media (width<=900px){.wo-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.wo-page{padding:20px 16px}.wo-stats{grid-template-columns:1fr 1fr}.wo-field-grid{grid-template-columns:1fr}.wo-table th:nth-child(2),.wo-table td:nth-child(2),.wo-table th:nth-child(6),.wo-table td:nth-child(6){display:none}}.users-page{max-width:1200px;margin:0 auto;padding:32px 36px}.users-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.users-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.users-header-text p{color:#64748b;font-size:13.5px}.btn-add-user{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.btn-add-user:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.users-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.users-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.users-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1}.users-stat-label{color:#94a3b8;letter-spacing:.2px;font-size:12px;font-weight:500}.users-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.users-search-wrap{flex:1;min-width:220px;position:relative}.users-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.users-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.users-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.users-search::placeholder{color:#cbd5e1}.users-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.users-search-clear:hover{color:#475569}.users-role-filter{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:140px;padding:9.5px 14px;font-family:inherit;font-size:13.5px;transition:border-color .18s}.users-role-filter:focus{border-color:#2563eb}.users-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.users-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.users-loading,.users-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.users-table{border-collapse:collapse;width:100%}.users-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.users-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.users-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#fafbff}.users-user-cell{align-items:center;gap:11px;display:flex}.users-avatar{color:#fff;letter-spacing:.5px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.users-user-info{flex-direction:column;gap:2px;display:flex}.users-user-name{color:#0f172a;white-space:nowrap;font-size:13.5px;font-weight:600}.users-user-email{color:#64748b;white-space:nowrap;font-size:12px}.users-role-badge{text-transform:capitalize;white-space:nowrap;border:1px solid;border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-block}.users-meta{color:#475569;font-size:13px}.users-actions{gap:6px;display:flex}.users-action-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.users-action-edit:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.users-action-deactivate:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.users-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.users-pagination-info{color:#64748b;font-size:13px}.users-pagination-btns{gap:8px;display:flex}.users-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.users-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.users-page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.users-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.users-page{padding:20px 16px}.users-stats{grid-template-columns:repeat(2,1fr)}.users-table th:nth-child(3),.users-table td:nth-child(3),.users-table th:nth-child(4),.users-table td:nth-child(4),.users-table th:nth-child(5),.users-table td:nth-child(5){display:none}}.roles-page{max-width:1200px;margin:0 auto;padding:32px 36px}.roles-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.roles-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.roles-header-text p{color:#64748b;font-size:13.5px}.btn-add-role{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.btn-add-role:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.roles-toolbar{align-items:center;gap:14px;margin-bottom:20px;display:flex}.roles-search-wrap{flex:1;max-width:360px;position:relative}.roles-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.roles-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.roles-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.roles-search::placeholder{color:#cbd5e1}.roles-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.roles-search-clear:hover{color:#475569}.roles-count{color:#64748b;font-size:13px;font-weight:500}.roles-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.roles-loading,.roles-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 24px;font-size:14px;display:flex}.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.role-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.role-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}.role-card-top{align-items:flex-start;gap:12px;display:flex}.role-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.role-card-titles{flex:1;min-width:0}.role-card-name{color:#0f172a;text-transform:capitalize;align-items:center;gap:8px;margin-bottom:3px;font-size:15px;font-weight:700;display:flex}.role-system-badge{text-transform:none;color:#64748b;letter-spacing:.2px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.role-card-desc{color:#64748b;font-size:12.5px;line-height:1.45}.role-card-perms{border-top:1px solid #f1f5f9;flex-direction:column;gap:9px;padding-top:13px;display:flex}.role-perms-label{color:#475569;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.role-perm-chips{flex-wrap:wrap;gap:5px;display:flex}.role-perm-chip{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:500}.role-perm-chip--more{color:#4338ca;background:#e0e7ff}.role-card-actions{gap:8px;margin-top:auto;display:flex}.role-action-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.role-action-edit:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.role-action-delete:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.role-action-btn:disabled{opacity:.4;cursor:not-allowed}.modal--roles{max-width:640px}.perm-section{flex-direction:column;gap:10px;display:flex}.perm-section-head{color:#334155;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;display:flex}.perm-selected-count{color:#2563eb;background:#eff6ff;border-radius:20px;padding:2px 10px;font-size:11.5px;font-weight:600}.perm-matrix{border:1.5px solid #e2e8f0;border-radius:10px;max-height:320px;overflow:hidden auto}.perm-row{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:9px;padding:12px;display:flex}.perm-row:last-child{border-bottom:none}.perm-resource{cursor:pointer;color:#334155;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:13px;font-weight:700;display:flex}.perm-resource.is-active{color:#1d4ed8}.perm-check{color:#fff;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:all .15s;display:flex}.perm-check.checked{background:#2563eb;border-color:#2563eb}.perm-check.partial{border-color:#2563eb}.perm-dash{background:#2563eb;border-radius:2px;width:8px;height:2px}.perm-actions{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px;padding-left:25px;display:grid}.perm-action{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.perm-action input{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:14px;height:14px;margin:1px 0 0}.perm-action.on{background:#eff6ff;border-color:#bfdbfe}.perm-action-text{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-action-name{color:#475569;font-size:12.5px;font-weight:600}.perm-action.on .perm-action-name{color:#1d4ed8}.perm-action-desc{color:#94a3b8;font-size:11px;line-height:1.35}@media (width<=640px){.roles-page{padding:20px 16px}.perm-actions{grid-template-columns:1fr;padding-left:0}}.sites-page{max-width:1280px;margin:0 auto;padding:32px 36px}.sites-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.sites-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.sites-header-text p{color:#64748b;font-size:13.5px}.btn-secondary{color:#2563eb;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.btn-secondary:hover{background:#dbeafe}.sites-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;display:flex}.sites-layout{grid-template-columns:320px 1fr;align-items:start;gap:18px;display:grid}.sites-master{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;position:sticky;top:20px}.sites-search-wrap{margin-bottom:12px;position:relative}.sites-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.sites-search{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8.5px 12px 8.5px 34px;font-family:inherit;font-size:13px;transition:border-color .18s,background .18s}.sites-search:focus{background:#fff;border-color:#2563eb}.sites-search::placeholder{color:#cbd5e1}.sites-loading{color:#94a3b8;justify-content:center;padding:40px 0;display:flex}.sites-empty-master{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 16px;font-size:13px;display:flex}.sites-list{flex-direction:column;gap:4px;max-height:calc(100vh - 180px);display:flex;overflow-y:auto}.site-item{cursor:pointer;text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-family:inherit;transition:background .15s,border-color .15s;display:flex}.site-item:hover{background:#f8fafc}.site-item--active{background:#eff6ff;border-color:#bfdbfe}.site-item-icon{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.site-item--active .site-item-icon{color:#fff;background:#2563eb}.site-item-body{flex:1;min-width:0}.site-item-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13.5px;font-weight:600;display:flex;overflow:hidden}.site-inactive-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:7px;height:7px}.site-item-meta{color:#94a3b8;align-items:center;gap:8px;margin-top:2px;font-size:11.5px;display:flex}.site-item-code{color:#64748b;font-weight:600}.site-item-chevron{color:#cbd5e1;flex-shrink:0}.site-item--active .site-item-chevron{color:#2563eb}.sites-detail{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:400px;padding:22px 24px}.sites-empty-detail{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:100px 24px;font-size:14px;display:flex}.site-detail-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.site-detail-title{align-items:flex-start;gap:13px;display:flex}.site-detail-icon{color:#2563eb;background:#eff6ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.site-detail-name{color:#0f172a;letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:5px;font-size:18px;font-weight:800;display:flex}.site-status{border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}.site-status.active{color:#15803d;background:#dcfce7}.site-status.inactive{color:#b45309;background:#fef3c7}.site-detail-sub{color:#64748b;flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.site-detail-sub span{align-items:center;gap:4px;display:inline-flex}.site-detail-actions{flex-shrink:0;gap:7px;display:flex}.site-detail-address{color:#475569;background:#f8fafc;border-radius:8px;align-items:center;gap:6px;margin-top:16px;padding:9px 12px;font-size:13px;display:flex}.locations-section{border-top:1px solid #f1f5f9;margin-top:24px;padding-top:20px}.locations-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.locations-head h3{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.locations-loading{color:#94a3b8;justify-content:center;padding:40px 0;display:flex}.locations-empty{color:#94a3b8;text-align:center;border:1.5px dashed #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:44px 24px;font-size:13px;display:flex}.locations-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.location-card{border:1px solid #e2e8f0;border-radius:11px;justify-content:space-between;gap:10px;padding:13px 14px;transition:border-color .15s,box-shadow .15s;display:flex}.location-card:hover{border-color:#cbd5e1;box-shadow:0 2px 10px #0f172a0d}.location-card-main{flex:1;min-width:0}.location-card-name{color:#0f172a;margin-bottom:6px;font-size:13.5px;font-weight:700}.location-card-tags{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.location-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 7px;font-size:10.5px;font-weight:600}.location-card-desc{color:#64748b;font-size:12px;line-height:1.45}.location-card-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.location-card-actions .icon-btn{width:28px;height:28px}.modal-subtitle{color:#94a3b8;margin-left:4px;font-size:12px;font-weight:500}.site-toggle{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.site-toggle-text{flex-direction:column;gap:2px;display:flex}.site-toggle-label{color:#334155;font-size:13px;font-weight:600}.site-toggle-hint{color:#94a3b8;font-size:11.5px}@media (width<=880px){.sites-layout{grid-template-columns:1fr}.sites-master{position:static}.sites-list{max-height:280px}}@media (width<=640px){.sites-page{padding:20px 16px}}.depts-page{max-width:1100px;margin:0 auto;padding:32px 36px}.depts-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.depts-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.depts-header-text p{color:#64748b;font-size:13.5px}.depts-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.depts-search-wrap{flex:1;min-width:220px;position:relative}.depts-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.depts-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.depts-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.depts-search::placeholder{color:#cbd5e1}.depts-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.depts-search-clear:hover{color:#475569}.depts-site-filter{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:160px;padding:9.5px 14px;font-family:inherit;font-size:13.5px;transition:border-color .18s}.depts-site-filter:focus{border-color:#2563eb}.depts-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.depts-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.depts-loading,.depts-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.depts-table{border-collapse:collapse;width:100%}.depts-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.depts-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.depts-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.depts-table tbody tr:last-child td{border-bottom:none}.depts-table tbody tr:hover{background:#fafbff}.dept-name-cell{align-items:center;gap:11px;display:flex}.dept-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dept-name{color:#0f172a;font-size:13.5px;font-weight:600}.dept-site-badge{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:5px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.dept-manager{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.dept-muted{color:#94a3b8;font-style:italic}.dept-actions{gap:6px;display:flex}@media (width<=640px){.depts-page{padding:20px 16px}}.pm-page{max-width:1200px;margin:0 auto;padding:32px 36px}.pm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.pm-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.pm-header-text p{color:#64748b;font-size:13.5px}.pm-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.pm-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.pm-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.pm-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.pm-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.pm-search-wrap{flex:1;min-width:220px;position:relative}.pm-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pm-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.pm-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pm-search::placeholder{color:#cbd5e1}.pm-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pm-search-clear:hover{color:#475569}.pm-filter{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:140px;padding:9.5px 14px;font-family:inherit;font-size:13px;transition:border-color .18s}.pm-filter:focus{border-color:#2563eb}.pm-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.pm-loading,.pm-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 24px;font-size:14px;display:flex}.pm-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.pm-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.pm-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}.pm-card--inactive{opacity:.7;background:#fafbfc}.pm-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pm-card-titles{min-width:0}.pm-card-name{color:#0f172a;margin-bottom:6px;font-size:15px;font-weight:700}.pm-priority{border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.pm-card-rows{border-top:1px solid #f1f5f9;flex-direction:column;gap:7px;padding-top:12px;display:flex}.pm-row{color:#475569;align-items:center;gap:8px;font-size:12.5px;display:flex}.pm-row svg{color:#94a3b8;flex-shrink:0}.pm-card-due{background:#f8fafc;border-radius:10px;flex-wrap:wrap;gap:16px;padding:11px 13px;display:flex}.pm-due-item{flex-direction:column;gap:3px;display:flex}.pm-due-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:10.5px;font-weight:600;display:flex}.pm-due-value{color:#0f172a;font-size:13px;font-weight:600}.pm-card-actions{gap:8px;margin-top:auto;display:flex}.pm-action-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.pm-action-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.pm-action-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.pm-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.pm-pagination-btns{gap:8px;display:flex}.pm-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.pm-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.pm-page-btn:disabled{opacity:.4;cursor:not-allowed}.modal--pm{max-width:600px}.pm-trigger-tabs{gap:8px;display:flex}.pm-trigger-tab{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:9px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.pm-trigger-tab.is-active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.pm-trigger-hint{color:#64748b;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:9px 12px;font-size:12px;line-height:1.45}.pm-add-meter-link{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:6px;padding:0;font-family:inherit;font-size:12px;font-weight:600}.pm-add-meter-link:hover{text-decoration:underline}.pm-add-meter{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.pm-add-meter input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:inherit;font-size:12.5px}.pm-add-meter input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pm-active-toggle{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.pm-active-toggle>div{flex-direction:column;gap:2px;display:flex}.pm-active-label{color:#334155;font-size:13px;font-weight:600}.pm-active-hint{color:#94a3b8;font-size:11.5px}.switch:disabled{opacity:.6;cursor:wait}@media (width<=900px){.pm-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.pm-page{padding:20px 16px}.pm-stats{grid-template-columns:1fr}}.sup-page{max-width:1150px;margin:0 auto;padding:32px 36px}.sup-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.sup-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.sup-header-text p{color:#64748b;font-size:13.5px}.sup-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.sup-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.sup-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.sup-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.sup-toolbar{gap:12px;margin-bottom:18px;display:flex}.sup-search-wrap{flex:1;max-width:380px;position:relative}.sup-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sup-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.sup-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.sup-search::placeholder{color:#cbd5e1}.sup-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.sup-search-clear:hover{color:#475569}.sup-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.sup-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.sup-loading,.sup-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.sup-table{border-collapse:collapse;width:100%}.sup-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.sup-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.sup-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.sup-table tbody tr:last-child td{border-bottom:none}.sup-table tbody tr:hover{background:#fafbff}.sup-name-cell{align-items:center;gap:11px;display:flex}.sup-avatar{color:#fff;letter-spacing:.5px;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.5px;font-weight:700;display:flex}.sup-name{color:#0f172a;font-size:13.5px;font-weight:600}.sup-website{color:#2563eb;align-items:center;gap:3px;margin-top:1px;font-size:11.5px;text-decoration:none;display:inline-flex}.sup-website:hover{text-decoration:underline}.sup-meta{color:#475569;font-size:13px}.sup-link{color:#2563eb;text-decoration:none}.sup-link:hover{text-decoration:underline}.sup-status{white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-block}.sup-status.active{color:#15803d;background:#dcfce7}.sup-status.inactive{color:#b45309;background:#fef3c7}.sup-actions{gap:6px;display:flex}.sup-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.sup-pagination-btns{gap:8px;display:flex}.sup-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.sup-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.sup-page-btn:disabled{opacity:.4;cursor:not-allowed}.sup-active-toggle{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.sup-active-toggle>div{flex-direction:column;gap:2px;display:flex}.sup-active-label{color:#334155;font-size:13px;font-weight:600}.sup-active-hint{color:#94a3b8;font-size:11.5px}@media (width<=900px){.sup-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.sup-page{padding:20px 16px}.sup-stats{grid-template-columns:1fr}.sup-table th:nth-child(3),.sup-table td:nth-child(3),.sup-table th:nth-child(4),.sup-table td:nth-child(4){display:none}}.parts-page{max-width:1150px;margin:0 auto;padding:32px 36px}.parts-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.parts-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.parts-header-text p{color:#64748b;font-size:13.5px}.parts-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.parts-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.parts-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.parts-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.parts-toolbar{gap:12px;margin-bottom:18px;display:flex}.parts-search-wrap{flex:1;max-width:380px;position:relative}.parts-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.parts-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.parts-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.parts-search::placeholder{color:#cbd5e1}.parts-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.parts-search-clear:hover{color:#475569}.parts-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.parts-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.parts-loading,.parts-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.parts-table{border-collapse:collapse;width:100%}.parts-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.parts-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.parts-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.parts-table tbody tr:last-child td{border-bottom:none}.parts-table tbody tr:hover{background:#fafbff}.part-name-cell{align-items:center;gap:11px;display:flex}.part-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.part-name{color:#0f172a;font-size:13.5px;font-weight:600}.part-desc{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:1px;font-size:11.5px;overflow:hidden}.part-sku{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:12px}.part-unit{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 9px;font-size:12px;font-weight:500}.part-meta{color:#475569;font-size:13px}.part-spn{color:#94a3b8;font-size:12px}.part-muted{color:#94a3b8}.part-status{white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-block}.part-status.active{color:#15803d;background:#dcfce7}.part-status.inactive{color:#b45309;background:#fef3c7}.part-actions{gap:6px;display:flex}.parts-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.parts-pagination-btns{gap:8px;display:flex}.parts-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.parts-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.parts-page-btn:disabled{opacity:.4;cursor:not-allowed}.parts-active-toggle{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.parts-active-toggle>div{flex-direction:column;gap:2px;display:flex}.parts-active-label{color:#334155;font-size:13px;font-weight:600}.parts-active-hint{color:#94a3b8;font-size:11.5px}.switch{cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .18s;position:relative}.switch--on{background:#2563eb}.switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch--on .switch-knob{transform:translate(18px)}@media (width<=900px){.parts-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.parts-page{padding:20px 16px}.parts-stats{grid-template-columns:1fr}.parts-table th:nth-child(3),.parts-table td:nth-child(3),.parts-table th:nth-child(4),.parts-table td:nth-child(4){display:none}}.stock-page{max-width:1150px;margin:0 auto;padding:32px 36px}.stock-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.stock-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.stock-header-text p{color:#64748b;font-size:13.5px}.stock-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.stock-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stock-stat--low .stock-stat-value{color:#b45309}.stock-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.stock-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.stock-toolbar{gap:12px;margin-bottom:18px;display:flex}.stock-search-wrap{flex:1;max-width:380px;position:relative}.stock-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.stock-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.stock-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.stock-search::placeholder{color:#cbd5e1}.stock-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.stock-search-clear:hover{color:#475569}.stock-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.stock-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.stock-loading,.stock-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.stock-table{border-collapse:collapse;width:100%}.stock-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.stock-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.stock-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.stock-table tbody tr:last-child td{border-bottom:none}.stock-table tbody tr:hover{background:#fafbff}.stock-row--low{background:#fffbeb}.stock-row--low:hover{background:#fef9e7}.stock-part-cell{align-items:center;gap:11px;display:flex}.stock-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stock-part-name{color:#0f172a;font-size:13.5px;font-weight:600}.stock-part-sku{color:#94a3b8;margin-top:1px;font-family:monospace;font-size:11.5px}.stock-meta{color:#475569;font-size:13px}.stock-qty{align-items:center;gap:7px;display:flex}.stock-qty-value{color:#0f172a;font-size:14px;font-weight:700}.stock-qty-unit{color:#94a3b8;font-size:11.5px}.stock-low-badge{color:#b45309;background:#fef3c7;border-radius:20px;align-items:center;gap:3px;padding:1px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.stock-actions{gap:6px;display:flex}.icon-btn{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.icon-btn-adjust:hover{color:#0891b2;background:#ecfeff;border-color:#0891b2}.icon-btn-edit:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.icon-btn-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.stock-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.stock-pagination-btns{gap:8px;display:flex}.stock-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.stock-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.stock-page-btn:disabled{opacity:.4;cursor:not-allowed}.stock-adjust-current{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:13px;display:flex}.stock-adjust-current strong{color:#0f172a}@media (width<=900px){.stock-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.stock-page{padding:20px 16px}.stock-stats{grid-template-columns:1fr}.stock-table th:nth-child(4),.stock-table td:nth-child(4),.stock-table th:nth-child(5),.stock-table td:nth-child(5){display:none}}.pr-page{max-width:1200px;margin:0 auto;padding:32px 36px}.pr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.pr-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.pr-header-text p{color:#64748b;font-size:13.5px}.pr-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.pr-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.pr-stat--pending .pr-stat-value{color:#b45309}.pr-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.pr-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.pr-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.pr-search-wrap{flex:1;min-width:220px;position:relative}.pr-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.pr-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.pr-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pr-search::placeholder{color:#cbd5e1}.pr-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pr-search-clear:hover{color:#475569}.pr-filter{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;min-width:150px;padding:9.5px 14px;font-family:inherit;font-size:13px;transition:border-color .18s}.pr-filter:focus{border-color:#2563eb}.pr-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.pr-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.pr-loading,.pr-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.pr-table{border-collapse:collapse;width:100%}.pr-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pr-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.pr-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.pr-table tbody tr:last-child td{border-bottom:none}.pr-table tbody tr:hover{background:#fafbff}.pr-part-cell{align-items:center;gap:11px;display:flex}.pr-icon{color:#4f46e5;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pr-part-name{color:#0f172a;font-size:13.5px;font-weight:600}.pr-notes{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:1px;font-size:11.5px;overflow:hidden}.pr-ref{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:1px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.pr-meta{color:#475569;font-size:13px}.pr-status{white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-block}.pr-approve-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.pr-approve-btn:hover{background:#dcfce7;border-color:#86efac}.pr-approved-by{color:#94a3b8;font-size:12px;font-style:italic}.pr-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.pr-pagination-btns{gap:8px;display:flex}.pr-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.pr-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.pr-page-btn:disabled{opacity:.4;cursor:not-allowed}.btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.btn-approve:hover:not(:disabled){background:#15803d}.btn-approve:disabled{opacity:.65;cursor:not-allowed}@media (width<=900px){.pr-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.pr-page{padding:20px 16px}.pr-stats{grid-template-columns:1fr}.pr-table th:nth-child(5),.pr-table td:nth-child(5),.pr-table th:nth-child(6),.pr-table td:nth-child(6){display:none}}.inv-page{max-width:1100px;margin:0 auto;padding:32px 36px}.inv-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.inv-header-text h1{color:#0f172a;letter-spacing:-.4px;align-items:center;gap:10px;margin-bottom:4px;font-size:22px;font-weight:800;display:flex}.inv-header-text p{color:#64748b;font-size:13.5px}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,box-shadow .15s;display:flex}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.btn-link{color:#2563eb;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px;font-weight:600}.btn-link:hover{text-decoration:underline}.inv-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.inv-stat{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.inv-stat--pending .inv-stat-value{color:#b45309}.inv-stat-value{color:#0f172a;letter-spacing:-.5px;font-size:24px;font-weight:800;line-height:1}.inv-stat-label{color:#94a3b8;font-size:12px;font-weight:500}.inv-toolbar{gap:12px;margin-bottom:18px;display:flex}.inv-search-wrap{flex:1;max-width:380px;position:relative}.inv-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inv-search{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9.5px 36px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.inv-search:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.inv-search::placeholder{color:#cbd5e1}.inv-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.inv-search-clear:hover{color:#475569}.inv-page-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:flex}.inv-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.inv-loading,.inv-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;font-size:14px;display:flex}.inv-table{border-collapse:collapse;width:100%}.inv-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.inv-table th{text-align:left;color:#64748b;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11.5px;font-weight:600}.inv-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table tbody tr:hover{background:#fafbff}.inv-email-cell{align-items:center;gap:11px;display:flex}.inv-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.inv-email{color:#0f172a;font-size:13.5px;font-weight:600}.inv-role{color:#475569;text-transform:capitalize;background:#f1f5f9;border-radius:20px;padding:3px 11px;font-size:12px;font-weight:600}.inv-status{white-space:nowrap;border-radius:20px;padding:3px 11px;font-size:11.5px;font-weight:600;display:inline-block}.inv-meta{color:#475569;font-size:13px}.inv-meta svg{color:#94a3b8;vertical-align:-2px;margin-right:3px}.inv-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.inv-pagination-btns{gap:8px;display:flex}.inv-page-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.inv-page-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-link-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:9px;padding:12px 13px}.inv-link-label{color:#15803d;align-items:center;gap:6px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.inv-link-row{align-items:center;gap:8px;display:flex}.inv-link{color:#334155;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #d1fae5;border-radius:6px;flex:1;min-width:0;padding:7px 9px;font-family:monospace;font-size:11.5px;overflow:hidden}.inv-copy-btn{color:#15803d;cursor:pointer;background:#fff;border:1.5px solid #bbf7d0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:7px 11px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.inv-copy-btn:hover{background:#dcfce7}@media (width<=900px){.inv-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.inv-page{padding:20px 16px}.inv-stats{grid-template-columns:1fr}.inv-table th:nth-child(4),.inv-table td:nth-child(4){display:none}}.accept-page{background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 55%,#1d4ed8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.accept-card{background:#fff;border-radius:18px;width:100%;max-width:440px;padding:36px 34px;box-shadow:0 24px 60px #00000040}.accept-brand{align-items:center;gap:11px;margin-bottom:26px;display:flex}.accept-brand-icon{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.accept-brand-name{color:#0f172a;letter-spacing:-.3px;font-size:18px;font-weight:800}.accept-header{margin-bottom:22px}.accept-header h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:5px;font-size:23px;font-weight:800}.accept-header p{color:#64748b;font-size:14px}.accept-form{flex-direction:column;gap:16px;display:flex}.accept-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.accept-field{flex-direction:column;gap:7px;display:flex}.accept-field label{color:#334155;font-size:13px;font-weight:600}.accept-input-wrap{align-items:center;display:flex;position:relative}.accept-input-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;left:13px}.accept-field input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:11px 14px 11px 40px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.accept-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb1a}.accept-field input::placeholder{color:#cbd5e1}.accept-pw-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:5px;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.accept-pw-toggle:hover{color:#475569;background:#f1f5f9}.accept-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;align-items:center;gap:9px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.accept-error svg{flex-shrink:0}.accept-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:12.5px;font-family:inherit;font-size:14.5px;font-weight:700;transition:background .18s,box-shadow .18s;display:flex}.accept-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 14px #2563eb59}.accept-btn:disabled{opacity:.7;cursor:not-allowed}.accept-footer{text-align:center;color:#64748b;margin-top:20px;font-size:13px}.accept-footer a{color:#2563eb;font-weight:600;text-decoration:none}.accept-footer a:hover{text-decoration:underline}.accept-success{text-align:center;padding:12px 0}.accept-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;display:flex}.accept-success h2{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:800}.accept-success p{color:#64748b;margin-bottom:22px;font-size:14px;line-height:1.6}.accept-success strong{color:#0f172a}@media (width<=480px){.accept-card{padding:28px 22px}.accept-row{grid-template-columns:1fr}}.settings-page{flex-direction:column;max-width:1100px;height:100%;padding:24px 32px 32px;display:flex}.settings-head{margin-bottom:18px}.settings-head h1{color:#0f172a;letter-spacing:-.5px;align-items:center;gap:9px;margin-bottom:3px;font-size:22px;font-weight:800;display:flex}.settings-head p{color:#64748b;font-size:13px}.settings-grid{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.settings-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.card-header{border-bottom:1px solid #f1f5f9;padding-bottom:14px}.card-header h2{color:#0f172a;align-items:center;gap:8px;margin-bottom:4px;font-size:14.5px;font-weight:700;display:flex}.card-header h2 svg{color:#2563eb}.card-header p{color:#64748b;font-size:12px;line-height:1.5}.settings-identity{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 60%,#4f46e5 100%);border-radius:11px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.settings-identity:after{content:"";background:#ffffff14;border-radius:50%;width:130px;height:130px;position:absolute;top:-40px;right:-30px}.settings-avatar{color:#fff;letter-spacing:.5px;z-index:1;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:19px;font-weight:800;display:flex;position:relative}.settings-identity-meta{z-index:1;position:relative}.settings-identity-name{color:#fff;letter-spacing:-.2px;margin-bottom:6px;font-size:15px;font-weight:800}.settings-identity-rows{flex-wrap:wrap;gap:5px 12px;display:flex}.settings-identity-rows span{color:#ffffffd9;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.settings-identity-rows svg{color:#ffffffb3}.settings-role{text-transform:capitalize;color:#fff;background:#fff3;border-radius:20px;padding:1px 9px;font-size:10.5px;font-weight:700}.settings-form{flex-direction:column;gap:12px;display:flex}.settings-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-field{flex-direction:column;gap:5px;display:flex}.settings-field label{color:#334155;font-size:12px;font-weight:600}.settings-hint{color:#94a3b8;font-size:11px;font-weight:400}.settings-input-wrap{align-items:center;display:flex;position:relative}.settings-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.settings-field input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 10px 9px 30px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.settings-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.settings-field input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.settings-field input::placeholder{color:#cbd5e1}.settings-pw-toggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:5px;align-items:center;padding:3px;display:flex;position:absolute;right:10px}.settings-pw-toggle:hover{color:#475569;background:#f1f5f9}.settings-actions{justify-content:flex-end;margin-top:2px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s,transform .12s;display:flex}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 5px 14px #2563eb4d}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.settings-error,.settings-ok{border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:500;display:flex}.settings-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca}.settings-ok{color:#15803d;background:#f0fdf4;border:1.5px solid #bbf7d0}.settings-error svg,.settings-ok svg{flex-shrink:0}.spin{animation:.8s linear infinite spin}.settings-card--wide{grid-column:1/-1}.gen-list{flex-direction:column;gap:8px;display:flex}.gen-row{border:1px solid #e8edf3;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;display:flex}.gen-row-label{flex-direction:column;gap:2px;min-width:0;display:flex}.gen-name{color:#0f172a;font-size:13.5px;font-weight:600}.gen-key{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.gen-row-toggle{color:#94a3b8;flex-shrink:0;align-items:center;gap:10px;display:flex}.gen-row--multi{flex-direction:column;align-items:stretch;gap:10px}.gen-roles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gen-role-chip{color:#64748b;cursor:pointer;text-transform:capitalize;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.gen-role-chip:hover:not(:disabled){color:#334155;border-color:#94a3b8}.gen-role-chip.is-on{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.gen-role-chip:disabled{opacity:.6;cursor:not-allowed}.gen-hint{color:#94a3b8;font-size:11.5px}.seq-loading,.seq-empty{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:28px;font-size:13px;display:flex}.seq-list{flex-direction:column;gap:12px;display:flex}.seq-row{background:#fff;border:1px solid #e8edf3;border-radius:11px;flex-direction:column;gap:12px;padding:13px 15px;transition:opacity .15s;display:flex}.seq-row--off{background:#fafbfc}.seq-row--off .seq-fields{opacity:.55}.seq-row-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.seq-row-label{flex-direction:column;gap:2px;min-width:0;display:flex}.seq-name{color:#0f172a;font-size:13.5px;font-weight:700}.seq-preview{color:#94a3b8;font-size:11.5px}.seq-preview code,.card-header code{color:#334155;background:#f1f5f9;border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.seq-switch{cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .18s;position:relative}.seq-switch--on{background:#2563eb}.seq-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.seq-switch--on .seq-switch-knob{transform:translate(18px)}.seq-fields{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.seq-field{flex-direction:column;flex:1;gap:5px;min-width:130px;display:flex}.seq-field--sm{flex:0 0 96px;min-width:96px}.seq-field label{color:#475569;font-size:11.5px;font-weight:600}.seq-field input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,background .15s}.seq-field input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.seq-field input:disabled{opacity:.6;cursor:not-allowed}.seq-save{flex-shrink:0}@media (width<=860px){.settings-grid{grid-template-columns:1fr}}@media (width<=560px){.settings-page{padding:16px 14px 24px}.settings-row{grid-template-columns:1fr}.settings-identity{text-align:center;flex-direction:column;align-items:center}}.email-enable{border:1px solid #e8edf3;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px 15px;display:flex}.email-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px}.btn-ghost{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.btn-ghost:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-ghost:disabled{opacity:.55;cursor:not-allowed}.app-layout{--sidebar-w:244px;--sidebar-gap:16px}.app-layout--collapsed{--sidebar-w:76px}.app-main{margin-left:calc(var(--sidebar-w) + var(--sidebar-gap) * 2);min-height:100vh;transition:margin-left .24s cubic-bezier(.22,1,.36,1)}.mobile-topbar{display:none}@media (width<=768px){.app-main{margin-left:0}.mobile-topbar{z-index:150;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-topbar-brand{color:#0f172a;align-items:center;gap:9px;font-size:16px;font-weight:800;display:flex}.mobile-topbar-brand-icon{color:#fff;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-menu-btn{cursor:pointer;color:#475569;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}}