@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#2563eb;--primary-light:#eff6ff;--primary-dark:#1d4ed8;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-white:#fff;--bg-secondary:#f1f5f9;--bg-sidebar:#fff;--border:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 16px #00000012;--shadow-lg:0 8px 28px #00000017;--shadow-xl:0 20px 48px #0000001f;--sidebar-w:240px;--radius:12px;--dash-bg-from:#f0f7ff;--dash-bg-mid:#e8f2ff;--dash-bg-to:#eff6ff;--pastel-blue:#e3f2fd;--pastel-pink:#fce4ec;--pastel-green:#e8f5e9;--pastel-yellow:#fff9c4;--pastel-purple:#f3e5f5;--pastel-orange:#fff3e0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}body{color:#1d1d1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}#root,.app-layout,.main-content{width:100%;max-width:100vw;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.auth-loading{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.auth-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lp-root{background-color:#fff;background-image:radial-gradient(80% 60% at 10% 5%,#dbeafe8c 0%,#0000 65%),radial-gradient(60% 50% at 92% 8%,#e0f2fe73 0%,#0000 60%),radial-gradient(50% 60% at 0 80%,#eff6ff80 0%,#0000 55%),radial-gradient(70% 50% at 95% 90%,#d6eaf866 0%,#0000 60%),radial-gradient(90% 70%,#f8faff4d 0%,#0000 80%),linear-gradient(160deg,#f8fbff 0%,#fff 40%,#f4f8ff 70%,#f0f6ff 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.lp-blob{filter:blur(90px);pointer-events:none;z-index:0;mix-blend-mode:multiply;border-radius:50%;position:absolute}.lp-blob--1{background:radial-gradient(circle,#bad8ff59 0%,#93c5fd1f 55%,#0000 100%);width:600px;height:600px;animation:12s ease-in-out infinite blobFloat;top:-200px;right:-150px}.lp-blob--2{background:radial-gradient(circle,#cbe2ff4d 0%,#bad8ff14 60%,#0000 100%);width:480px;height:480px;animation:14s ease-in-out infinite reverse blobFloat;bottom:-140px;left:-120px}.lp-blob--3{background:radial-gradient(circle,#dbf0ff40 0%,#0000 70%);width:320px;height:320px;animation:16s ease-in-out 3s infinite blobFloat;top:45%;left:58%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(14px,-20px)scale(1.05)}66%{transform:translate(-12px,12px)scale(.96)}}.lp-center{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:2rem 1.25rem 3rem;display:flex;position:relative}.lp-card{-webkit-backdrop-filter:blur(32px)saturate(1.6)brightness(1.05);background:linear-gradient(145deg,#fffffff0 0%,#f8faffe6 50%,#f2f7ffeb 100%);border:1px solid #fffffffa;border-color:#fffffffa #c8d7eb66 #c8d7eb80 #fffffffa;border-radius:20px;width:100%;max-width:370px;transition:box-shadow .45s,transform .3s;animation:.6s cubic-bezier(.22,1,.36,1) both cardSlideUp;overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 0 0 1px #d2e1f559,0 4px 16px #6478a014,0 16px 40px #50648c12,0 2px 6px #0000000a}.lp-card:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff,inset 0 0 0 1px #d2e1f566,0 6px 20px #6478a01c,0 20px 50px #50648c17}@keyframes cardSlideUp{0%{opacity:0;filter:blur(4px);transform:translateY(30px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.lp-card-accent{display:none}.lp-card-body{padding:2rem 1.75rem 1.75rem}.lp-card-headline{text-align:center;margin-bottom:1.1rem}.lp-logo-wrap{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.lp-logo-img{object-fit:contain;filter:drop-shadow(0 3px 10px #1e3a8a26);width:auto;height:52px;transition:transform .3s}.lp-logo-img:hover{transform:scale(1.06)}.lp-card-title{color:#1e3a8a;letter-spacing:-.03em;margin-bottom:.25rem;font-size:1.45rem;font-weight:800}.lp-card-desc{color:#64748b;font-size:.82rem;line-height:1.35}.lp-card-tagline{color:#94a3b8;align-items:flex-start;gap:.35rem;margin-top:.5rem;font-size:.8rem;font-style:italic;line-height:1.4;display:flex}.lp-tagline-arrow{color:#3b82f6;flex-shrink:0;margin-top:1px;font-size:.95rem;font-style:normal}.lp-demo-badge{color:#92400e;background:#fbbf241f;border:1px solid #fbbf2466;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.lp-demo-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse-dot;box-shadow:0 0 0 2px #f59e0b4d}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #f59e0b4d}50%{box-shadow:0 0 0 5px #f59e0b26}}.lp-form{flex-direction:column;gap:1.25rem;display:flex}.lp-field{animation:.5s cubic-bezier(.22,1,.36,1) both fieldFadeIn}.lp-field:first-child{animation-delay:.15s}.lp-field:nth-child(2){animation-delay:.25s}.lp-field:nth-child(3){animation-delay:.35s}.lp-field:nth-child(4){animation-delay:.45s}@keyframes fieldFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.lp-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;animation:.35s shake;display:flex}.lp-error--warn{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.lp-error--locked{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5;align-items:flex-start;animation:2s ease-in-out infinite lockPulse}@keyframes lockPulse{0%,to{border-color:#fca5a5;box-shadow:0 0 #dc262600}50%{border-color:#f87171;box-shadow:0 0 0 3px #dc26261f}}.lp-lockout-countdown{font-variant-numeric:tabular-nums;color:#dc2626;letter-spacing:.05em;background:#dc26261a;border:1px solid #dc262633;border-radius:6px;align-items:center;gap:.3rem;margin-top:.4rem;padding:.25rem .6rem;font-size:1rem;font-weight:700;display:inline-flex}.lp-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}.lp-attempts-indicator{align-items:center;gap:.35rem;display:flex}.lp-attempt-dot{border-radius:50%;width:10px;height:10px;transition:background .3s}.lp-attempt-dot--active{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.lp-attempt-dot--used{background:#fca5a5;box-shadow:0 0 0 2px #fca5a533}.lp-attempts-label{color:#6b7280;margin-left:.25rem;font-size:.78rem}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}.lp-field{flex-direction:column;gap:.35rem;display:flex;position:relative}.lp-label{color:#334155;letter-spacing:.01em;font-size:.78rem;font-weight:600}.lp-input-wrap{position:relative}.lp-input-icon{color:#94a3b8;pointer-events:none;font-size:.95rem;transition:color .2s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.lp-input{color:#2d3748;-webkit-backdrop-filter:blur(4px);background:#f5f7fcb3;border:1.5px solid #d7dce6e6;border-radius:10px;outline:none;width:100%;padding:.62rem .8rem .62rem 2.4rem;font-family:inherit;font-size:.86rem;transition:all .25s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 1px 3px #0000000a,0 1px 2px #00000005}.lp-input::placeholder{color:#b8c0cc}.lp-input:hover:not(:disabled){background:#f8faffd9;border-color:#b4bed2e6;box-shadow:inset 0 1px 3px #0000000a,0 2px 8px #6478a00f}.lp-input:focus{background:#fffffff2;border-color:#6378b499;transform:translateY(-1px);box-shadow:0 0 0 3px #6482c81f,inset 0 1px 3px #0000000a}.lp-input-wrap:focus-within .lp-input-icon{color:#6b82c4;transform:translateY(-50%)scale(1.1)}.lp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a72b8 0%,#345498 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:.2rem;padding:.65rem 1rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.22,1,.36,1);display:flex;box-shadow:0 3px 10px #34549838,0 1px 2px #0000000f,inset 0 1px #fff3}.lp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#547cc4 0%,#3b5ea4 100%);transform:translateY(-1px);box-shadow:0 6px 18px #3454984d,0 2px 4px #00000014}.lp-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #34549840}.lp-btn-primary:disabled{opacity:.65;cursor:not-allowed}.lp-copyright{text-align:center;color:#94a3b8;letter-spacing:.01em;margin-top:.75rem;font-size:.78rem}.lp-btn-ghost{color:#475569;cursor:pointer;background:#f1f5f9cc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.72rem 1rem;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.lp-btn-ghost:hover{color:#1e40af;background:#f1f5f9;border-color:#cbd5e1}.lp-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.lp-demo-info{text-align:center;color:#78350f;background:#fef9c3b3;border:1px solid #fde68a;border-radius:10px;flex-direction:column;gap:.25rem;margin-top:1.25rem;padding:.85rem 1rem;font-size:.83rem;display:flex}.lp-footer-note{text-align:center;color:#94a3b8;margin-top:1.25rem;font-size:.78rem}.lp-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;animation:.6s cubic-bezier(.22,1,.36,1) .1s both cardSlideUp;display:flex}.lp-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#334155;background:#ffffff8c;border:1px solid #fffc;border-radius:9999px;padding:.4rem .875rem;font-size:.78rem;font-weight:500;transition:all .2s;box-shadow:0 1px 4px #0000000f}.lp-chip:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb1f}.lp-footer{z-index:10;padding:0 2rem 1.25rem;position:relative}.lp-footer-hr{border:none;border-top:1px solid #94a3b84d;margin-bottom:.875rem}.lp-footer-copy{text-align:center;color:#94a3b8;letter-spacing:.01em;font-size:.75rem}.lp-footer-copy strong{color:#4b72b9;font-weight:600}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border,#e2e8f0);z-index:200;background:#fff;flex-direction:column;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 10px 30px #00000026}.sidebar--open{transform:translate(0)}.sidebar-overlay{z-index:199;background:#00000059;animation:.2s fadeIn;position:fixed;inset:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem 1rem 1.25rem 1.25rem;display:flex}.sidebar-close-btn{width:30px;height:30px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;margin-left:auto;font-size:1.25rem;transition:background .15s,color .15s;display:flex}.sidebar-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-logo-img{width:40px;height:40px;box-shadow:none;object-fit:contain;background:0 0;border:none;border-radius:0;flex-shrink:0;padding:0}.sidebar-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1}.sidebar-sub{color:var(--text-muted);margin-top:2px;font-size:.72rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:1.25rem .75rem;display:flex}.sidebar-section-label{color:var(--text-muted);letter-spacing:.08em;margin-bottom:.5rem;padding:0 .5rem;font-size:.7rem;font-weight:600}.sidebar-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:.75rem;padding:.65rem .75rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-link--active{background:var(--primary-light);color:var(--primary)}.sidebar-icon{font-size:1.25rem;display:flex}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;padding:1rem .75rem 1.25rem;display:flex}.sidebar-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-logout-btn svg{flex-shrink:0;font-size:1.2rem}.sidebar-logout-btn:hover{color:#dc2626;background:#fef2f2}.sidebar-copyright{color:var(--text-muted);text-align:center;padding-top:.25rem;font-size:.72rem}.main-content{flex-direction:column;flex:1;min-height:100vh;display:flex}.navbar{-webkit-backdrop-filter:blur(12px)saturate(180%);z-index:50;background:#ffffffd9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem 0 1rem;display:flex;position:sticky;top:0}.navbar-left{flex:1;align-items:center;gap:.75rem;display:flex}.navbar-center{justify-content:center;align-items:center;display:flex;transform:translateY(3px)}.navbar-right{flex:1;justify-content:flex-end;align-items:center;display:flex;position:relative}.navbar-hamburger{width:38px;height:38px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:background .15s,color .15s;display:flex}.navbar-hamburger:hover{background:var(--bg-secondary);color:var(--primary)}.navbar-brand-pill{background:var(--primary-light);border-radius:9px;flex-shrink:0;align-items:center;gap:.45rem;padding:.28rem .65rem .28rem .35rem;text-decoration:none;display:flex}.navbar-brand-icon{background:var(--primary);color:#fff;letter-spacing:-.02em;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex}.navbar-brand-name{color:var(--primary);letter-spacing:.06em;font-size:.82rem;font-weight:700}.navbar-nav-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f5f9d9;border:1px solid #e2e8f0e6;border-radius:9999px;grid-template-columns:repeat(3,1fr);align-items:center;gap:4px;padding:4px;display:grid;position:relative;box-shadow:0 2px 8px #0000000a}.navbar-active-glider{width:calc(33.3333% - 2.66667px);transform:translateX(calc(var(--active-index,0) * 100% + var(--active-index,0) * 4px));pointer-events:none;z-index:1;background:#fff;border-radius:9999px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 10px #2563eb29,0 1px 3px #0000000d}.navbar-pill-link{z-index:2;color:#64748b;white-space:nowrap;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.45rem 1.25rem;font-size:.85rem;font-weight:500;line-height:1;text-decoration:none;transition:color .2s,transform .2s;display:flex;position:relative}.navbar-pill-icon{justify-content:center;align-items:center;margin-top:-1px;font-size:1.1rem;line-height:0;transition:transform .2s,color .2s;display:flex}.navbar-pill-link:hover{color:#0f172a}.navbar-pill-link:hover .navbar-pill-icon{transform:translateY(-1px)scale(1.08)}.navbar-pill-link.active{color:#2563eb;font-weight:600}.navbar-pill-link.active .navbar-pill-icon{color:#2563eb}.navbar-search-btn{color:#64748b;cursor:pointer;background:#f1f5f9cc;border:1px solid #e2e8f0e6;border-radius:9999px;align-items:center;gap:.4rem;margin-right:.35rem;padding:.38rem .75rem;font-size:.82rem;transition:all .2s;display:flex}.navbar-search-btn:hover{color:#1e293b;background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.navbar-search-icon{color:#64748b;font-size:1.05rem}.navbar-search-placeholder{color:#94a3b8;font-size:.8rem}.navbar-search-kbd{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:.08rem .35rem;font-family:inherit;font-size:.65rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.navbar-notif-wrapper{margin-right:.35rem;position:relative}.navbar-icon-btn{color:#64748b;cursor:pointer;background:#f1f5f9b3;border:1px solid #e2e8f0cc;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex;position:relative}.navbar-icon-btn:hover,.navbar-icon-btn.active{color:#2563eb;background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #2563eb1f}.bell-active{color:#2563eb;animation:2.5s ease-in-out infinite bellShake}@keyframes bellShake{0%,to{transform:rotate(0)}10%,30%{transform:rotate(12deg)}20%,40%{transform:rotate(-12deg)}50%{transform:rotate(0)}}.navbar-notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:.65rem;font-weight:700;animation:2s infinite badgePulse;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 0 0 2px #ef444440}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 0 4px #ef444426}to{transform:scale(1)}}.navbar-dropdown-backdrop{z-index:99;background:0 0;position:fixed;inset:0}.navbar-notif-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:16px;width:320px;animation:.22s cubic-bezier(.16,1,.3,1) popoverSlideIn;position:absolute;top:calc(100% + 10px);right:-10px;overflow:hidden;box-shadow:0 12px 36px #0f172a1f,0 4px 12px #0000000a}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-dropdown-header{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.notif-header-title{color:#0f172a;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.notif-count-pill{color:#2563eb;background:#dbeafe;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700}.notif-mark-read-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:500}.notif-mark-read-btn:hover{text-decoration:underline}.notif-list{max-height:280px;overflow-y:auto}.notif-empty{text-align:center;color:#94a3b8;padding:2rem 1rem;font-size:.85rem}.notif-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;transition:background .15s;display:flex;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#f0f7ff}.notif-item.unread:hover{background:#e6f0fa}.notif-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:1.1rem;display:flex}.notif-icon-box.warning{color:#d97706;background:#fffbebf5}.notif-icon-box.info{color:#2563eb;background:#eff6ff}.notif-icon-box.success{color:#059669;background:#ecfdf5}.notif-icon-box.error{color:#dc2626;background:#fef2f2}.notif-content{flex:1}.notif-title{color:#1e293b;font-size:.82rem;font-weight:600}.notif-desc{color:#64748b;margin-top:.1rem;font-size:.75rem;line-height:1.3}.notif-time{color:#94a3b8;margin-top:.25rem;font-size:.68rem}.notif-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.navbar-user-wrapper{position:relative}.navbar-page-title{color:var(--text-primary);font-size:1.05rem;font-weight:600}.navbar-user{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:.6rem;padding:.35rem .65rem;transition:all .2s;display:flex}.navbar-user:hover{background:#f1f5f9cc;border-color:#e2e8f0cc}.navbar-avatar{width:36px;height:36px;color:var(--primary);background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:relative;box-shadow:0 2px 6px #2563eb1a}.online-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0;box-shadow:0 0 0 2px #10b98133}.navbar-user-role{color:var(--text-primary);font-size:.74rem;font-weight:600;display:block}.navbar-user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.7rem;display:block;overflow:hidden}.navbar-arrow{color:var(--text-muted);font-size:1.1rem;transition:transform .22s}.navbar-arrow.open{transform:rotate(180deg)}.navbar-dropdown-backdrop{z-index:49;position:fixed;inset:0}.navbar-dropdown{background:var(--bg-white);border:1px solid var(--border);z-index:100;border-radius:16px;min-width:230px;animation:.2s cubic-bezier(.22,1,.36,1) dropdownFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 36px #0000001f,0 2px 8px #0000000f}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-dropdown-header{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.navbar-user-badge{color:#059669;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:flex}.badge-status-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.navbar-dropdown-email{color:var(--text-primary);font-size:.85rem;font-weight:600}.navbar-dropdown-role{color:var(--primary);font-size:.74rem;font-weight:500}.navbar-dropdown-divider{background:var(--border);height:1px}.navbar-dropdown-item{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s;display:flex}.navbar-dropdown-item:hover{background:var(--bg-secondary);color:var(--primary)}.navbar-dropdown-item.logout{color:#ef4444}.navbar-dropdown-item.logout:hover{color:#dc2626;background:#fef2f2}.search-modal-backdrop{z-index:200;background:0 0;justify-content:center;align-items:flex-start;padding-top:5vh;animation:.18s ease-out fadeIn;display:flex;position:fixed;inset:64px 0 0}.search-modal-container{background:#fff;border:1px solid #e2e8f0e6;border-radius:20px;width:90%;max-width:560px;animation:.25s cubic-bezier(.16,1,.3,1) searchModalSlide;overflow:hidden;box-shadow:0 20px 50px #0f172a40}@keyframes searchModalSlide{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.search-modal-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.search-modal-icon{color:#2563eb;font-size:1.4rem}.search-modal-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:1.05rem}.search-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.search-modal-close:hover{color:#0f172a;background:#e2e8f0}.search-modal-body{min-height:180px;max-height:340px;padding:1rem 1.25rem;overflow-y:auto}.search-modal-hint{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;font-size:.88rem;display:flex}.search-shortcuts{color:#cbd5e1;font-size:.75rem}.search-modal-empty{text-align:center;color:#94a3b8;padding:2rem 1rem;font-size:.9rem}.search-results-list{flex-direction:column;gap:.4rem;display:flex}.search-result-item{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .15s;display:flex}.search-result-item:hover{background:#eff6ff;border-color:#bfdbfe;transform:translate(2px)}.result-item-name{color:#0f172a;font-size:.9rem;font-weight:600}.result-item-meta{color:#64748b;margin-top:.15rem;font-size:.78rem}.result-item-arrow{color:#2563eb;font-size:1.1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-body{background:#f4f6f8;flex-direction:column;flex:1;gap:1.5rem;padding:1.75rem 2rem;display:flex}.page-loading{text-align:center;color:var(--text-secondary);padding:4rem}.stat-cards-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:1rem;padding:1.25rem;transition:box-shadow .15s;display:flex;box-shadow:0 1px 3px #0000000f}.stat-card:hover{box-shadow:0 4px 12px #00000017}.stat-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.stat-card--blue .stat-card-icon{color:#2563eb;background:#eff6ff}.stat-card--green .stat-card-icon{color:#16a34a;background:#f0fdf4}.stat-card--orange .stat-card-icon{color:#ea580c;background:#fff7ed}.stat-card--purple .stat-card-icon{color:#7c3aed;background:#faf5ff}.stat-card-title{color:var(--text-secondary);font-size:.8rem;font-weight:500}.stat-card-value{color:var(--text-primary);font-size:1.85rem;font-weight:700;line-height:1.2}.dashboard-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.dashboard-card{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff8c;border:1px solid #fffc;border-radius:10px;padding:1.5rem;box-shadow:0 1px 3px #0000000f}.dashboard-card:hover{box-shadow:0 4px 12px #00000014}.dashboard-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.82rem;font-weight:600}.empty-state-small{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.9rem}.mini-table{border-collapse:collapse;width:100%}.mini-table th{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:.6rem .75rem;font-size:.78rem;font-weight:600}.mini-table td{border-bottom:1px solid var(--border);padding:.65rem .75rem;font-size:.88rem}.mini-table tr:last-child td{border-bottom:none}.inventory-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.search-container{flex:1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border);background:var(--bg-white);width:100%;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:8px;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;transition:all .15s}.search-input--icon{padding-left:2.5rem}.search-input:focus{border-color:#007aff;outline:none;box-shadow:0 0 0 3px #007aff33}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #00000008}table{border-collapse:collapse;width:100%}th{color:#86868b;text-align:left;background:#fff;border-bottom:1px solid #e5e5ea;padding:1rem 1.25rem;font-size:.82rem;font-weight:500}td{vertical-align:middle;color:#1d1d1f;border-bottom:1px solid #e5e5ea;padding:1.1rem 1.25rem;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover{background:#f9fafb}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.table-info{color:var(--text-muted);text-align:right;font-size:.82rem}.room-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:500;display:inline-block}.room-ruang-a{background:var(--pastel-blue)}.room-ruang-b{background:var(--pastel-pink)}.room-ruang-c{background:var(--pastel-green)}.room-ruang-d{background:var(--pastel-yellow)}.room-ruang-e{background:var(--pastel-purple)}.room-gudang{background:var(--pastel-orange)}.status-badge{border-radius:20px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}.status-baik{color:#2e7d32;background:#e8f5e9}.status-kurang-baik{color:#e65100;background:#fff3e0}.status-rusak-berat{color:#c62828;background:#ffebee}.jumlah-badge{color:#1d1d1f;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;min-width:28px;padding:.15rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.jumlah-input-wrap{border:1px solid var(--border);background:var(--bg-white);border-radius:8px;align-items:center;gap:0;width:160px;display:flex;overflow:hidden}.jumlah-btn{width:40px;height:40px;color:var(--text-secondary);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;transition:background .15s,color .15s;display:flex}.jumlah-btn:hover{color:var(--primary);background:#dbeafe}.jumlah-input{border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);text-align:center;box-shadow:none;background:0 0;border-radius:0;flex:1;padding:.5rem .25rem;font-size:.95rem;font-weight:600}.jumlah-input:focus{box-shadow:none;border-color:var(--border);outline:none}.jumlah-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jumlah-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jumlah-input[type=number]{-moz-appearance:textfield}.btn{white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#8a96a3 0%,#475569 100%);border:1px solid #475569;box-shadow:0 4px 12px #4755694d,inset 0 1px 1px #fff3}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#64748b 0%,#334155 100%);box-shadow:0 6px 16px #33415566,inset 0 1px 1px #fff3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:var(--bg-white)}.btn-outline:hover{background:var(--bg-secondary)}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-block{justify-content:center;width:100%;padding:.8rem;font-size:.95rem}.action-btn-group{justify-content:center;align-items:center;gap:.35rem;display:flex}.btn-edit{color:#9ca3af;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:inline-flex}.btn-edit:hover{color:#2563eb;background:#eff6ff}.btn-delete{color:#9ca3af;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:inline-flex}.btn-delete:hover{color:#ef4444;background:#fef2f2}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-row-2col{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}@media (width<=520px){.form-row-2col{grid-template-columns:1fr}}.form-textarea{resize:vertical;min-height:56px;line-height:1.4}.form-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.form-input,.form-select{border:1px solid var(--border);background:var(--bg-white);width:100%;color:var(--text-primary);border-radius:8px;padding:.65rem .875rem;font-family:inherit;font-size:.9rem;transition:all .15s}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input--icon{padding-left:2.5rem}.form-input-icon-wrap{position:relative}.form-icon{color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;padding:1.25rem 1rem;animation:.15s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--bg-white);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.2s cardIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}@keyframes cardIn{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-white);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.modal-title{font-size:1.05rem;font-weight:600}.modal-close-btn{width:30px;height:30px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-form{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:1.1rem;padding:1.5rem;display:flex;overflow-y:auto}.modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.7rem 1rem;font-size:.85rem}.modal-footer{border-top:1px solid var(--border);background:var(--bg-white);z-index:10;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1rem;display:flex;position:sticky;bottom:-1.5rem}.confirm-card{background:var(--bg-white);box-shadow:var(--shadow-xl);text-align:center;border-radius:14px;width:100%;max-width:380px;padding:2rem 1.75rem;animation:.2s cardIn}.confirm-icon{margin-bottom:.75rem;font-size:2.5rem}.confirm-card h3{margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.confirm-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.confirm-card .modal-footer{justify-content:center}.quick-actions-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.quick-action-card{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:1rem;padding:1.15rem 1.25rem;font-family:inherit;transition:all .22s;display:flex;position:relative;overflow:hidden}.quick-action-card:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.quick-action-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000001f,inset 0 0 0 1px #ffffff80}.quick-action-card:hover:after{background:#ffffff1f}.quick-action-card:active{transform:translateY(0)}.quick-action-card--blue{background:linear-gradient(135deg,#eff6ffe6,#dbeafee0);border:1px solid #bfdbfeb3;box-shadow:0 4px 16px #2563eb1f,inset 0 0 0 1px #ffffff80}.quick-action-card--blue:hover{background:linear-gradient(135deg,#dbeafef2,#bfdbfee0)}.quick-action-card--blue .qa-icon-wrap{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.quick-action-card--blue .qa-title{color:#1d4ed8}.quick-action-card--blue .qa-arrow{color:#2563eb}.quick-action-card--green{background:linear-gradient(135deg,#f0fdf4e6,#dcfce7e0);border:1px solid #bbf7d0b3;box-shadow:0 4px 16px #16a34a1f,inset 0 0 0 1px #ffffff80}.quick-action-card--green:hover{background:linear-gradient(135deg,#dcfce7f2,#bbf7d0e0)}.quick-action-card--green .qa-icon-wrap{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}.quick-action-card--green .qa-title{color:#15803d}.quick-action-card--green .qa-arrow{color:#16a34a}.quick-action-card--purple{background:linear-gradient(135deg,#faf5ffe6,#ede9fee0);border:1px solid #ddd6feb3;box-shadow:0 4px 16px #7c3aed1f,inset 0 0 0 1px #ffffff80}.quick-action-card--purple:hover{background:linear-gradient(135deg,#ede9fef2,#ddd6fee0)}.quick-action-card--purple .qa-icon-wrap{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.quick-action-card--purple .qa-title{color:#6d28d9}.quick-action-card--purple .qa-arrow{color:#7c3aed}.qa-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.qa-text{flex-direction:column;flex:1;gap:2px;display:flex}.qa-title{font-size:.9rem;font-weight:600;line-height:1}.qa-desc{color:var(--text-secondary);font-size:.78rem}.qa-arrow{opacity:.5;flex-shrink:0;font-size:1rem;font-weight:400}.sidebar-divider{background:var(--border);height:1px;margin:.75rem .5rem}.sidebar-link--add{color:var(--primary);background:var(--primary-light)}.sidebar-link--add:hover{background:#dbeafe}.rekap-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.rekap-header-left{align-items:center;gap:1rem;display:flex}.rekap-header-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex;box-shadow:0 4px 12px #2563eb4d}.rekap-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.rekap-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.85rem}.rekap-actions{flex-wrap:wrap;gap:.75rem;display:flex}.rekap-export-btn{cursor:pointer;white-space:nowrap;color:#334155;background:linear-gradient(135deg,#fff 0%,#e2e8f0 100%);border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #94a3b826}.rekap-export-btn:disabled{opacity:.6;cursor:not-allowed}.rekap-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#f8fafc 0%,#cbd5e1 100%);border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 4px 12px #94a3b840}.rekap-summary{flex-wrap:wrap;gap:1rem;display:flex}.rekap-chip{border:1px solid;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:100px;padding:.75rem 1.5rem;display:flex}.rekap-chip-val{font-size:1.6rem;font-weight:700;line-height:1}.rekap-chip-label{font-size:.78rem;font-weight:500}.rekap-chip--total{background:#eff6ff;border-color:#bfdbfe}.rekap-chip--total .rekap-chip-val{color:#1d4ed8}.rekap-chip--total .rekap-chip-label{color:#3b82f6}.rekap-chip--baik{background:#f0fdf4;border-color:#bbf7d0}.rekap-chip--baik .rekap-chip-val{color:#15803d}.rekap-chip--baik .rekap-chip-label{color:#16a34a}.rekap-chip--ringan{background:#fff7ed;border-color:#fed7aa}.rekap-chip--ringan .rekap-chip-val{color:#c2410c}.rekap-chip--ringan .rekap-chip-label{color:#ea580c}.rekap-chip--berat{background:#fef2f2;border-color:#fecaca}.rekap-chip--berat .rekap-chip-val{color:#b91c1c}.rekap-chip--berat .rekap-chip-label{color:#dc2626}.rekap-filter-bar{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1.1rem;display:flex}.rekap-filter-icon{color:var(--text-muted);flex-shrink:0;font-size:1.15rem}.rekap-filter-label{color:var(--text-secondary);white-space:nowrap;font-size:.82rem;font-weight:600}.rekap-filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.rekap-filter-chip{border:1.5px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:9999px;padding:.3rem .8rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s}.rekap-filter-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.rekap-filter-chip--active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px #2563eb40}@media (width<=900px){.stat-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.quick-actions-row{grid-template-columns:1fr;gap:.75rem}}@media (width<=640px){.page-body{gap:1rem;padding:1rem .875rem}.navbar{height:56px;padding:0 .875rem 0 .625rem}.navbar-page-title{font-size:.95rem}.navbar-user-info,.navbar-arrow{display:none}.stat-cards-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.stat-card{gap:.75rem;padding:1rem .875rem}.stat-card-icon{width:40px;height:40px;font-size:1.2rem}.stat-card-value{font-size:1.5rem}.stat-card-title{font-size:.72rem}.quick-actions-row{grid-template-columns:1fr;gap:.6rem}.quick-action-card{border-radius:14px;padding:.875rem 1rem}.qa-icon-wrap{border-radius:10px;width:38px;height:38px;font-size:1.2rem}.qa-title{font-size:.88rem}.qa-desc{font-size:.74rem}.dashboard-grid{grid-template-columns:1fr;gap:.75rem}.dashboard-card{border-radius:14px;padding:1.1rem 1rem}.dashboard-card-title{margin-bottom:1rem;font-size:.8rem}.inventory-toolbar{flex-direction:column;align-items:stretch;gap:.65rem}.search-container{max-width:100%}.btn.btn-primary{justify-content:center;width:100%;padding:.75rem 1rem}.rekap-checkbox{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.selected-row{background-color:#eff6ff!important}.selection-indicator{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.rekap-bulk-delete-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;align-items:center;gap:4px;padding:.2rem .8rem;font-size:.8rem;font-weight:500;display:flex}n.rekap-bulk-delete-btn:hover{background:#fecaca}n.clear-selection-btn{color:#0369a1;cursor:pointer;background:#fff;border:1px solid #7dd3fc;border-radius:4px;padding:.2rem .8rem;font-size:.8rem;font-weight:500}.clear-selection-btn:hover{background:#bae6fd}@media print{.hide-on-print{display:none!important}}.table-container{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}table{min-width:480px}th,td{padding:.75rem .875rem;font-size:.82rem}.modal-overlay{align-items:flex-end;padding:0}.modal-card{border-radius:20px 20px 0 0;width:100%;max-width:100%;animation:.25s cubic-bezier(.22,1,.36,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-form{max-height:75vh;padding:1.25rem 1rem;overflow-y:auto}.modal-header{padding:1rem 1.25rem}.confirm-card{border-radius:20px 20px 0 0;max-width:100%;padding:1.5rem 1.25rem}.rekap-header{flex-direction:column;align-items:flex-start;gap:.875rem}.rekap-actions{width:100%}.rekap-export-btn{flex:1;justify-content:center}.rekap-summary{gap:.5rem}.rekap-chip{min-width:70px;padding:.6rem .875rem}.rekap-chip-val{font-size:1.3rem}.rekap-chip-label{font-size:.7rem}.rekap-filter-bar{gap:.5rem;padding:.75rem .875rem}.lp-card-wrap{margin:.5rem}.lp-card-body{padding:1.5rem 1.25rem 1.75rem}.lp-card-title{font-size:1.4rem}.table-info{text-align:left;font-size:.76rem}.sidebar-footer{padding:.75rem 1rem;font-size:.7rem}}.lp-forgot-wrap{justify-content:flex-end;margin-top:-.25rem;margin-bottom:.25rem;display:flex}.lp-forgot-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:.2rem 0;font-size:.8rem;font-weight:500;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.lp-forgot-btn:hover{color:#1d4ed8;text-decoration:underline}.fpm-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fpmFadeIn;display:flex;position:fixed;inset:0}@keyframes fpmFadeIn{0%{opacity:0}to{opacity:1}}.fpm-modal{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) fpmSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}@keyframes fpmSlideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.fpm-header{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.fpm-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.fpm-subtitle{color:#64748b;margin:2px 0 0;font-size:.78rem}.fpm-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.fpm-close-btn:hover{color:#0f172a;background:#e2e8f0}.fpm-tabs{background:#f1f5f9;border-radius:12px;gap:4px;margin:1rem 1.5rem 0;padding:4px;display:flex}.fpm-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.fpm-tab.active{color:#2563eb;background:#fff;box-shadow:0 2px 4px #0000000f}.fpm-body{padding:1.25rem 1.5rem 1.5rem}.fpm-stepper{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.fpm-step-item{opacity:.45;align-items:center;gap:.4rem;transition:opacity .2s;display:flex}.fpm-step-item.active{opacity:1}.fpm-step-num{color:#fff;background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex}.fpm-step-item.active .fpm-step-num{background:#2563eb}.fpm-step-lbl{color:#334155;font-size:.75rem;font-weight:600}.fpm-step-line{background:#e2e8f0;flex:1;height:2px;margin:0 .5rem}.fpm-desc{color:#475569;margin-bottom:1rem;font-size:.85rem;line-height:1.45}.fpm-error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.fpm-form{flex-direction:column;gap:1rem;display:flex}.fpm-field{flex-direction:column;gap:.35rem;display:flex}.fpm-label{color:#334155;font-size:.8rem;font-weight:600}.fpm-input-wrap{align-items:center;display:flex;position:relative}.fpm-icon{color:#94a3b8;pointer-events:none;font-size:1.1rem;position:absolute;left:.85rem}.fpm-input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem .65rem 2.5rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.fpm-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.fpm-input-code{letter-spacing:.35em;text-align:center;padding-left:1rem;font-size:1.1rem;font-weight:700}.fpm-demo-code-banner{text-align:center;background:#f0f9ff;border:1px dashed #0284c7;border-radius:12px;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem 1rem;display:flex}.fpm-demo-code-header{color:#0369a1;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.fpm-demo-code-box{letter-spacing:.4em;color:#0284c7;background:#fff;border:1px solid #bae6fd;border-radius:8px;padding:.3rem 1.2rem;font-size:1.6rem;font-weight:900}.fpm-actions{gap:.75rem;margin-top:.5rem;display:flex}.fpm-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.68rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 12px #2563eb40}.fpm-btn-primary:hover:not(:disabled){opacity:.94;transform:translateY(-1px)}.fpm-btn-primary:disabled{opacity:.65;cursor:not-allowed}.fpm-btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.68rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.fpm-btn-secondary:hover{color:#0f172a;background:#e2e8f0}.fpm-btn-block{width:100%}.fpm-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite fpmSpin}@keyframes fpmSpin{to{transform:rotate(360deg)}}.fpm-success-box{text-align:center;flex-direction:column;align-items:center;padding:1rem 0 .5rem;display:flex}.fpm-success-icon{color:#16a34a;margin-bottom:.75rem}.fpm-success-box h3{color:#0f172a;margin:0 0 .4rem;font-size:1.15rem}.fpm-success-box p{color:#475569;margin-bottom:1.25rem;font-size:.85rem;line-height:1.45}.fpm-info-tab{flex-direction:column;gap:1.25rem;display:flex}.fpm-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:1rem}.fpm-info-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.75rem;display:flex}.fpm-info-icon{color:#2563eb;flex-shrink:0}.fpm-info-header h4{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.fpm-info-header p{color:#64748b;margin:2px 0 0;font-size:.76rem}.fpm-info-body{color:#334155;flex-direction:column;gap:.85rem;font-size:.84rem;line-height:1.5;display:flex}.fpm-demo-credentials-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.fpm-demo-tag{color:#16a34a;letter-spacing:.05em;font-size:.7rem;font-weight:800}.fpm-demo-row{justify-content:space-between;font-size:.82rem;display:flex}.fpm-contact-box{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem}.fpm-contact-label{color:#64748b;margin-bottom:.35rem;font-size:.76rem;display:block}.fpm-contact-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.fpm-contact-row code{color:#1e3a8a;font-family:monospace;font-size:.84rem;font-weight:700}.fpm-copy-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.3rem;padding:.3rem .6rem;font-size:.76rem;font-weight:600;transition:all .15s;display:flex}.fpm-copy-btn:hover{background:#e2e8f0}.fpm-contact-note{color:#64748b;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:.6rem .75rem;font-size:.78rem;line-height:1.4}.glass-bubble{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:10;background:radial-gradient(circle at 30% 30%,#ec489999,#3b82f666);border:1px solid #fffc;border-radius:50%;animation:.5s cubic-bezier(.2,.8,.2,1) forwards floatUpBubble;position:absolute;box-shadow:inset 0 0 6px #fff9,0 2px 8px #ec489933}@keyframes floatUpBubble{0%{opacity:1;transform:translateY(0)scale(.3)}to{opacity:0;transform:translateY(-45px)scale(1.6)}}.print-kir-header,.print-signature-area{display:none}@media print{@page{size:A4 landscape;margin:10mm}body{color:#000!important;background:#fff!important;font-family:Times New Roman,Times,serif!important}.navbar,.sidebar,.rekap-header,.rekap-controls,.rekap-export-btn,.rekap-summary,.inventory-toolbar,button,.search-container{display:none!important}.main-content,.page-body,.layout{background:0 0!important;width:100%!important;margin:0!important;padding:0!important}.print-kir-header{text-align:center;margin-bottom:1.5rem;font-family:Times New Roman,Times,serif!important;display:block!important}.kop-surat{border-bottom:4px double #000;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.kop-logo{object-fit:contain;flex-shrink:0;height:auto}.kop-logo--left{width:70px;max-height:80px}.kop-logo--right{width:36px;max-height:80px}.kop-text h2{letter-spacing:.5px;margin:0;font-size:12pt;font-weight:700}.kop-text h1{letter-spacing:.5px;margin:2px 0;font-size:14pt;font-weight:700}.kop-text p{margin:0;font-size:10pt}.print-kir-title{text-transform:uppercase;color:#000;margin-bottom:1rem;font-size:14pt;font-weight:700;text-decoration:underline}.print-kir-meta-grid{text-align:left;color:#000;grid-template-columns:1fr 1fr;gap:4px 20px;margin-bottom:12px;font-size:10pt;display:grid}.print-signature-area{page-break-inside:avoid;flex-direction:column;align-items:center;width:100%;margin-top:2rem;font-family:Times New Roman,Times,serif!important;display:flex!important}.signature-row-top{page-break-inside:avoid;justify-content:space-between;width:100%;margin-bottom:1.5rem;display:flex!important}.signature-row-bottom{page-break-inside:avoid;justify-content:center;width:100%;display:flex!important}.signature-box{text-align:center;width:250px;font-size:10pt}.signature-role{margin-bottom:0}.signature-space{height:70px}.signature-name{margin-bottom:2px;text-decoration:underline}.edit-modal-delete-container{width:100%;margin-top:1.25rem;margin-bottom:.75rem}.btn-gradient-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 50%,#b91c1c 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #dc262659}.btn-gradient-delete:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#991b1b 100%);transform:translateY(-1px);box-shadow:0 6px 18px #dc262673}.edit-modal-delete-box{color:#fff;background:linear-gradient(135deg,#7f1d1d 0%,#991b1b 100%);border:1px solid #fca5a5;border-radius:12px;padding:1.1rem 1.25rem;box-shadow:0 6px 20px #991b1b59}.edit-modal-delete-header{color:#feccae;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:flex}.edit-modal-delete-desc{color:#fee2e2;margin-bottom:.85rem;font-size:.85rem;line-height:1.5}.edit-modal-delete-select,.edit-modal-delete-input{color:#1e293b;background:#fff;border:1px solid #fca5a5;border-radius:8px;width:100%;padding:.6rem .8rem;font-size:.88rem;font-weight:500}.edit-modal-delete-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.btn-delete-cancel{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.btn-delete-confirm-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1px solid #f87171;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #00000040}.rekap-table-container,.table-container,table{border-collapse:collapse!important;width:100%!important;box-shadow:none!important;margin-top:0!important;font-family:Times New Roman,Times,serif!important;font-size:9pt!important}th,td{color:#000!important;border:1px solid #000!important;padding:5px 8px!important}th{-webkit-print-color-adjust:exact;print-color-adjust:exact;text-align:center!important;background-color:#f1f5f9!important;font-weight:700!important}}.lp-logo-img{object-fit:contain;width:56px;height:auto;margin-bottom:.75rem;display:block}.rekap-room-select{color:#334155;cursor:pointer;appearance:none;background-color:#f8fafc;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E);background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;padding:.6rem 2.5rem .6rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.rekap-room-select:hover{background-color:#f1f5f9;border-color:#94a3b8}.rekap-room-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}html,body,#root,.main-content{max-width:100vw;overflow-x:hidden}@media (width<=768px){.navbar-center,.navbar-nav-pill{display:none!important}.dashboard-grid,.stat-cards-grid,.quick-actions-row{box-sizing:border-box;width:100%;max-width:100vw}}.rekap-modern-toolbar{flex-flow:wrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-bottom:2.5rem;display:flex}.rekap-filters-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rekap-compact-select,.rekap-compact-input{cursor:pointer;color:#334155;appearance:none;background-color:#f8fafc;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23475569%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E);background-position:right .6rem center;background-repeat:no-repeat;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:32px;padding:.4rem 2rem .4rem .8rem;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;box-shadow:0 1px 2px #0000000a}.rekap-compact-input{background-image:none;width:120px;padding-right:.8rem}.rekap-compact-select:hover,.rekap-compact-input:hover{background-color:#f1f5f9;border-color:#94a3b8}.rekap-compact-select:focus,.rekap-compact-input:focus{background-color:#fff;border-color:#475569;box-shadow:0 0 0 3px #47556926}.rekap-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.rekap-btn-minimal{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8a96a3 0%,#475569 100%);border:1px solid #475569;border-radius:8px;align-items:center;gap:.4rem;height:32px;padding:.4rem .85rem;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #47556940,inset 0 1px 1px #fff3}.rekap-btn-minimal:hover:not(:disabled){background:linear-gradient(135deg,#64748b 0%,#334155 100%);transform:translateY(-1px);box-shadow:0 4px 12px #33415559}.rekap-btn-minimal:active:not(:disabled),.rekap-btn-minimal.active{background:linear-gradient(135deg,#334155 0%,#1e293b 100%);border-color:#1e293b;transform:translateY(0)}.rekap-btn-minimal:disabled{opacity:.6;cursor:not-allowed}.rekap-checkbox{cursor:pointer;accent-color:#2563eb;width:16px;height:16px}.selected-row{background-color:#eff6ff!important}.selection-indicator{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.clear-selection-btn{color:#0369a1;cursor:pointer;background:#fff;border:1px solid #7dd3fc;border-radius:4px;padding:.2rem .8rem;font-size:.8rem;font-weight:500}.clear-selection-btn:hover{background:#bae6fd}.print-kir-meta-row{color:#374151;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:.5rem;font-size:.85rem;display:flex}.print-kir-meta-row .meta-item{white-space:nowrap}.meta-divider{color:#d1d5db;-webkit-user-select:none;user-select:none;font-size:1rem;font-weight:300}@media print{.hide-on-print,.rekap-modern-toolbar,.selection-indicator,.table-info,.navbar,.sidebar{display:none!important}.table-container{box-shadow:none!important;border-radius:0!important;overflow:visible!important}table{border-collapse:collapse!important;width:100%!important}table th,table td{border:1px solid #000!important;padding:4px 8px!important}.room-tag{color:#000!important;font-weight:400!important;font-size:inherit!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.jumlah-badge{color:#000!important;min-width:unset!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-weight:400!important}.status-badge,.status-baik,.status-kurang-baik,.status-rusak-berat{color:#000!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-weight:600!important}.kop-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.session-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.session-dialog{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:2.25rem 2rem 1.75rem;animation:.3s cubic-bezier(.16,1,.3,1) popoverSlideIn;display:flex;box-shadow:0 24px 64px #0f172a33,0 4px 16px #00000014}.session-dialog-icon{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #fbbf24;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;font-size:2rem;animation:1.5s ease-in-out infinite sessionIconPulse;display:flex}@keyframes sessionIconPulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 10px #fbbf2400}}.session-dialog-title{color:#111827;margin-bottom:.4rem;font-size:1.2rem;font-weight:700}.session-dialog-desc{color:#6b7280;margin-bottom:1.25rem;font-size:.88rem;line-height:1.5}.session-countdown{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;margin-bottom:1.5rem;padding:.75rem 2rem;display:flex}.session-countdown-value{font-variant-numeric:tabular-nums;color:#dc2626;letter-spacing:.04em;font-size:2.5rem;font-weight:800;line-height:1}.session-countdown-label{color:#ef4444;letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:.72rem}.session-dialog-actions{gap:.6rem;width:100%;margin-bottom:1rem;display:flex}.session-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex}.session-btn--extend{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.session-btn--extend:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.session-btn--logout{color:#374151;background:#f9fafb;border:1px solid #e5e7eb}.session-btn--logout:hover{background:#f3f4f6;border-color:#d1d5db}.session-dialog-hint{color:#9ca3af;font-size:.75rem;line-height:1.4}.inventory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.btn-search-item{white-space:nowrap;color:#fff;background:linear-gradient(135deg,#8a96a3 0%,#475569 100%);border:1px solid #475569;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #4755694d,inset 0 1px 1px #fff3}.btn-search-item:hover{background:linear-gradient(135deg,#64748b 0%,#334155 100%);transform:translateY(-1px);box-shadow:0 6px 16px #33415566,inset 0 1px 1px #fff3}.btn-search-item:active{transform:translateY(0)}.ism-overlay{-webkit-backdrop-filter:blur(6px);background:#0f172a73;animation:.2s ease-out ismOverlayFade}@keyframes ismOverlayFade{0%{opacity:0}to{opacity:1}}.item-search-modal{background:#f8fafc;border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:85vh;animation:.22s cubic-bezier(.16,1,.3,1) ismModalPop;display:flex;overflow:hidden;box-shadow:0 24px 54px -12px #0f172a38,0 0 0 1px #cbd5e1cc}@keyframes ismModalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ism-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ism-header-left{align-items:center;gap:.85rem;display:flex}.ism-icon-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.ism-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.ism-subtitle{color:#64748b;margin:0;font-size:.78rem}.ism-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.15rem;transition:all .15s;display:flex}.ism-close-btn:hover{color:#0f172a;background:#f1f5f9}.ism-search-box{background:#f8fafc;padding:1rem 1.5rem .75rem}.ism-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.ism-input-icon{color:#64748b;pointer-events:none;font-size:1.25rem;transition:color .15s;position:absolute;left:.9rem}.ism-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:.7rem 2.6rem .7rem 2.7rem;font-family:inherit;font-size:.9rem;transition:all .2s;box-shadow:0 1px 3px #0000000a}.ism-input:focus{background:#fff;border-color:#475569;box-shadow:0 0 0 4px #4755691f}.ism-input:focus~.ism-input-icon{color:#334155}.ism-input::placeholder{color:#94a3b8;font-size:.85rem}.ism-clear-btn{color:#fff;cursor:pointer;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.85rem;transition:background .15s;display:flex;position:absolute;right:.75rem}.ism-clear-btn:hover{background:#64748b}.ism-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;padding:.5rem 1.5rem 1.5rem;overflow-y:auto}.ism-body::-webkit-scrollbar{width:5px}.ism-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ism-placeholder-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.ism-placeholder-icon{opacity:.85;margin-bottom:.75rem;font-size:2.5rem}.ism-placeholder-state h4{color:#334155;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.ism-placeholder-state p{color:#94a3b8;max-width:320px;font-size:.82rem;line-height:1.45}.ism-summary-bar{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;margin:.5rem 0 .85rem;padding:.45rem .85rem;font-size:.8rem;display:flex;box-shadow:0 1px 2px #00000005}.ism-summary-bar strong{color:#0f172a}.ism-btn-print-all{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.ism-btn-print-all:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.ism-cards-container{flex-direction:column;gap:.65rem;display:flex}.ism-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:all .2s;overflow:hidden}.ism-card:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0f172a0d}.ism-card--active{border-color:#bfdbfe;box-shadow:0 4px 16px #2563eb0f}.ism-card-btn-row{align-items:center;width:100%;display:flex}.ism-card-btn-row .ism-card-btn{flex:1}.ism-card-print-icon{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:.6rem;font-size:1.15rem;transition:all .15s;display:flex}.ism-card-print-icon:hover{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.ism-card-btn{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.1rem;transition:background .15s;display:flex}.ism-card-btn:hover{background:#f8fafc}.ism-card-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.ism-card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.ism-card-code{color:#64748b;background:#f1f5f9;border-radius:4px;width:fit-content;padding:1px 6px;font-family:monospace;font-size:.73rem}.ism-card-right{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.ism-badge-total{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:baseline;gap:.2rem;padding:.25rem .6rem;display:flex}.ism-badge-num{color:#1d4ed8;font-size:.95rem;font-weight:700;line-height:1}.ism-badge-lbl{color:#3b82f6;font-size:.72rem;font-weight:500}.ism-badge-room{color:#64748b;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:.2rem;padding:.25rem .55rem;font-size:.78rem;display:flex}.ism-chevron{color:#94a3b8;align-items:center;font-size:1.25rem;transition:transform .2s;display:flex}.ism-breakdown{background:#fafafa;border-top:1px solid #f1f5f9;padding:.85rem 1.1rem 1rem;animation:.18s ease-out ismSlideDown}@keyframes ismSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ism-breakdown-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:.65rem;font-size:.75rem;font-weight:600;display:flex}.ism-room-rows{flex-direction:column;gap:.55rem;display:flex}.ism-room-item{flex-direction:column;gap:.25rem;display:flex}.ism-room-top{justify-content:space-between;align-items:center;display:flex}.ism-room-label{color:#1e293b;font-size:.84rem;font-weight:500}.ism-room-val{color:#475569;font-size:.8rem}.ism-room-val small{color:#94a3b8;font-weight:400}.ism-bar-bg{background:#e2e8f0;border-radius:3px;width:100%;height:5px;overflow:hidden}.ism-bar-fill{background:linear-gradient(90deg,#3b82f6,#0ea5e9);border-radius:3px;min-width:3px;height:100%;transition:width .35s}.ism-room-label-clickable{cursor:pointer;border-radius:6px;align-items:center;gap:.45rem;margin-left:-.45rem;padding:.2rem .45rem;transition:background .15s,color .15s;display:flex}.ism-room-label-clickable:hover{background:#e0f2fe}.ism-room-label-clickable:hover .ism-room-label{color:#0284c7;text-decoration:underline}.ism-room-view-chip{color:#0284c7;opacity:.85;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;transition:opacity .15s,background .15s,color .15s;display:inline-flex}.ism-room-label-clickable:hover .ism-room-view-chip{opacity:1;color:#fff;background:#0284c7;border-color:#0284c7}.ism-room-btn-table{color:#0369a1;cursor:pointer;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.76rem;font-weight:500;transition:all .15s;display:inline-flex}.ism-room-btn-table:hover{color:#fff;background:#0284c7;border-color:#0284c7}.ism-room-pdf-btn{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #ffedd5;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.76rem;font-weight:500;transition:all .15s;display:inline-flex}.ism-room-pdf-btn:hover{color:#fff;background:#ea580c;border-color:#ea580c}.ism-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out ismFadeIn;display:flex;position:fixed;inset:0}.ism-detail-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:980px;max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) ismScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.ism-detail-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}.ism-detail-title-group{align-items:center;gap:.85rem;display:flex}.ism-detail-title-group h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.ism-detail-title-group p{color:#64748b;margin:.15rem 0 0;font-size:.82rem}.ism-detail-body{flex:1;padding:1.1rem 1.4rem;overflow-y:auto}.ism-detail-table-wrapper{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.ism-detail-table{border-collapse:collapse;width:100%;font-size:.85rem}.ism-detail-table th{color:#334155;text-align:left;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:.7rem .85rem;font-weight:600}.ism-detail-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.7rem .85rem}.ism-detail-table tr:hover td{background:#f8fafc}.ism-detail-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:.9rem 1.4rem;display:flex}@media (width<=640px){.item-search-modal{border-radius:16px;max-width:95vw;max-height:90vh}.ism-header,.ism-search-box,.ism-body{padding-left:1rem;padding-right:1rem}.ism-badge-room{display:none}}.pip-hero{background:linear-gradient(135deg,#64748b 0%,#475569 50%,#334155 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 20px #47556940}.pip-hero-text{align-items:center;gap:1rem;display:flex}.pip-hero-icon{color:#fff;background:#ffffff1f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;display:flex}.pip-hero-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.pip-hero-desc{color:#ffffffa6;margin:4px 0 0;font-size:.82rem;line-height:1.4}.pip-header-actions{align-items:center;gap:.65rem;display:flex}.pip-add-btn,.pip-print-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.pip-add-btn:hover,.pip-print-btn:hover{background:#ffffff38;border-color:#fff6;transform:translateY(-1px)}.pip-stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.85rem;margin-bottom:1.5rem;display:grid}.pip-stat-card{background:#fff;border:1px solid #0000;border-radius:12px;align-items:center;gap:.85rem;padding:1rem 1.1rem;transition:all .2s;display:flex;box-shadow:0 1px 4px #0000000f}.pip-stat-card--clickable{cursor:pointer}.pip-stat-card--clickable:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.pip-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:flex}.pip-stat-num{color:#0f172a;font-size:1.5rem;font-weight:800;line-height:1}.pip-stat-lbl{color:#64748b;margin-top:3px;font-size:.73rem;font-weight:500}.pip-stat-card--slate{border-color:#e2e8f0}.pip-stat-card--slate .pip-stat-icon{color:#475569;background:#f1f5f9}.pip-stat-card--green{border-color:#d1fae5}.pip-stat-card--green .pip-stat-icon{color:#16a34a;background:#d1fae5}.pip-stat-card--green .pip-stat-num{color:#15803d}.pip-stat-card--orange{border-color:#fed7aa}.pip-stat-card--orange .pip-stat-icon{color:#d97706;background:#ffedd5}.pip-stat-card--orange .pip-stat-num{color:#c2410c}.pip-stat-card--blue{border-color:#bfdbfe}.pip-stat-card--blue .pip-stat-icon{color:#2563eb;background:#eff6ff}.pip-stat-card--blue .pip-stat-num{color:#1d4ed8}.pip-stat-card--purple{border-color:#e9d5ff}.pip-stat-card--purple .pip-stat-icon{color:#7c3aed;background:#f3e8ff}.pip-stat-card--purple .pip-stat-num{color:#6d28d9}.pip-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.pip-filter-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.pip-tab{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .8rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.pip-tab:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.pip-tab--active{color:#fff;background:linear-gradient(135deg,#334155 0%,#1e293b 100%);border-color:#1e293b;box-shadow:0 2px 8px #1e293b40}.pip-tab--active:hover{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)}.pip-tab-icon{align-items:center;font-size:.95rem;display:flex}.pip-search-wrap{align-items:center;min-width:220px;display:flex;position:relative}.pip-search-icon{color:#94a3b8;pointer-events:none;font-size:1rem;position:absolute;left:.65rem}.pip-search-input{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.4rem 2rem;font-family:inherit;font-size:.85rem;transition:all .15s}.pip-search-input:focus{background:#fff;border-color:#475569;box-shadow:0 0 0 3px #4755691f}.pip-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;font-size:.95rem;display:flex;position:absolute;right:.5rem}.pip-search-clear:hover{color:#475569}.pip-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.pip-table-info{color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:.6rem 1rem;font-size:.8rem}.pip-table-info strong{color:#1e293b}.pip-table-scroll{overflow-x:auto}.pip-table{border-collapse:collapse;width:100%;font-size:.84rem}.pip-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pip-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:.7rem .85rem;font-size:.75rem;font-weight:600}.pip-tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.pip-tr:last-child{border-bottom:none}.pip-tr:hover{background:#f8fafc}.pip-table td{vertical-align:middle;padding:.65rem .85rem}.pip-td-muted{color:#64748b}.pip-td-keterangan{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.8rem;overflow:hidden}.pip-item-name{align-items:center;gap:.5rem;display:flex}.pip-item-cat-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.pip-item-cat-dot[data-cat=laptop]{background:#2563eb}.pip-item-cat-dot[data-cat=hp]{background:#16a34a}.pip-item-cat-dot[data-cat=kamera]{background:#7c3aed}.pip-item-cat-dot[data-cat=lainnya]{background:#d97706}.pip-code{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-family:Courier New,monospace;font-size:.75rem;display:inline-block}.pip-detail-btn{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .15s;display:flex}.pip-detail-btn:hover{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.pip-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:.25rem;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.pip-badge--baik{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.pip-badge--kurang{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.pip-badge--rusak{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.pip-empty{text-align:center;color:#94a3b8;padding:3.5rem 1rem}.pip-empty-icon{margin-bottom:.75rem;font-size:2.5rem}.pip-empty h3{color:#475569;margin:0 0 .4rem;font-size:1rem;font-weight:600}.pip-empty p{color:#94a3b8;max-width:300px;margin:0 auto 1rem;font-size:.85rem}.pip-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#334155 0%,#1e293b 100%);border:none;border-radius:8px;padding:.5rem 1.2rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.pip-empty-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1e293b4d}@media (width<=768px){.pip-hero{flex-direction:column;align-items:flex-start;gap:.85rem}.pip-stat-grid{grid-template-columns:repeat(2,1fr)}.pip-toolbar{flex-direction:column;align-items:stretch}.pip-search-wrap{min-width:unset;width:100%}.pip-filter-tabs{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}}.pip-hero-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.pip-btn-add{color:#1e293b;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.84rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #00000026}.pip-btn-add:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 14px #0003}.pip-stat-grid--compact{grid-template-columns:repeat(3,1fr);max-width:640px;margin-left:auto;margin-right:auto}.pip-action-btns{justify-content:center;align-items:center;gap:.3rem;display:flex}.pip-action-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .15s;display:flex}.pip-action-btn--edit{color:#2563eb}.pip-action-btn--edit:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.pip-action-btn--delete{color:#ef4444}.pip-action-btn--delete:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px)}.pip-delete-dialog{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:2rem;animation:.2s slideUp;box-shadow:0 20px 60px #0003}.pip-delete-icon{margin-bottom:.75rem;font-size:2.5rem}.pip-delete-dialog h3{color:#0f172a;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.pip-delete-dialog p{color:#64748b;margin:0 0 1.5rem;font-size:.85rem;line-height:1.5}.pip-delete-actions{justify-content:center;gap:.75rem;display:flex}.pip-delete-cancel{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s}.pip-delete-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.pip-delete-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;box-shadow:0 2px 8px #dc26264d}.pip-delete-confirm:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}@media (width<=768px){.pip-stat-grid--compact{grid-template-columns:repeat(3,1fr);max-width:100%}.pip-hero-actions{flex-direction:column;width:100%}.pip-btn-add,.pip-print-btn{justify-content:center;width:100%}}.pim-box{background:#fff;border-radius:16px;width:95vw;max-width:620px;max-height:92vh;animation:.2s cardIn;overflow:hidden auto;box-shadow:0 20px 60px #0000002e,0 4px 16px #0000001a}.pim-form{flex-direction:column;gap:.75rem;padding:0 1.5rem .5rem;display:flex}.pim-section-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;border-bottom:1px solid #f1f5f9;padding-bottom:.35rem;font-size:.7rem;font-weight:700}.pim-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pim-field{flex-direction:column;gap:.3rem;display:flex}.pim-label{color:#475569;font-size:.78rem;font-weight:600}.pim-required{color:#ef4444;margin-left:2px}.pim-input,.pim-select,.pim-textarea{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.48rem .75rem;font-family:inherit;font-size:.85rem;transition:all .15s}.pim-input:focus,.pim-select:focus,.pim-textarea:focus{background:#fff;border-color:#475569;box-shadow:0 0 0 3px #4755691a}.pim-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2394a3b8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;padding-right:2rem}.pim-textarea{resize:vertical;min-height:72px}.pim-char-count{color:#94a3b8;text-align:right;margin-top:1px;font-size:.7rem}.pim-preview{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;display:flex}.pim-preview-label{color:#64748b;white-space:nowrap}.pim-preview-val{color:#1d4ed8;font-weight:700}.pim-qty-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;display:flex;overflow:hidden}.pim-qty-btn{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:38px;font-size:1.1rem;font-weight:700;transition:background .12s;display:flex}.pim-qty-btn:hover{background:#e2e8f0}.pim-qty-input{text-align:center;color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:.9rem;font-weight:600}.pim-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.5rem .85rem;font-size:.82rem;font-weight:500}@media (width<=600px){.pim-row{grid-template-columns:1fr}}.pim2-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c}.pim2-box{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;background:#fff;border-radius:20px;width:95vw;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.34,1.56,.64,1) pim2In;overflow-y:auto;box-shadow:0 32px 80px #00000040,0 8px 24px #0000001f}@keyframes pim2In{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pim2-header{background:linear-gradient(135deg,#64748b 0%,#475569 50%,#334155 100%);padding:1.4rem 1.5rem 1.2rem;position:relative;overflow:hidden}.pim2-header-glow{pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.pim2-header-content{z-index:1;align-items:flex-start;gap:.85rem;display:flex;position:relative}.pim2-header-icon{color:#fff;background:#ffffff1f;border:1.5px solid #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.4rem;transition:all .2s;display:flex}.pim2-title{color:#fff;margin:0 0 3px;font-size:1.1rem;font-weight:700;line-height:1.2}.pim2-subtitle{color:#fff9;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:flex}.pim2-pill{color:#fff;background:#ffffff26;border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}.pim2-close{color:#ffffffb3;cursor:pointer;z-index:2;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.1rem;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.pim2-close:hover{color:#fff;background:#ffffff38}.pim2-section{border-bottom:1px solid #f1f5f9;padding:1.1rem 1.4rem}.pim2-section:last-of-type{border-bottom:none}.pim2-section-head{align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.pim2-step-badge{color:#fff;background:linear-gradient(135deg,#334155,#1e293b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:700;display:inline-flex}.pim2-section-title{text-transform:uppercase;letter-spacing:.06em;color:#475569;flex:1;font-size:.8rem;font-weight:700}.pim2-change-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .15s}.pim2-change-btn:hover{background:#dbeafe}.pim2-group-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.pim2-group-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.pim2-group-tab:hover{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.pim2-group-tab--active{font-weight:700}.pim2-group-tab-icon{align-items:center;font-size:.9rem;display:flex}.pim2-items-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;padding:.65rem;animation:.15s fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pim2-item-chip{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:.25rem;padding:.28rem .75rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.pim2-item-chip:hover{background:#f1f5f9;border-color:#94a3b8}.pim2-item-chip--active{font-weight:700;transform:scale(1.02)}.pim2-chip-check{font-size:.7rem}.pim2-detail-row{align-items:center;gap:.5rem;margin-bottom:.65rem;animation:.15s fadeSlideIn;display:flex}.pim2-name-badge{white-space:nowrap;border-radius:8px;flex-shrink:0;padding:.38rem .7rem;font-size:.82rem;font-weight:700}.pim2-detail-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:.42rem .75rem;font-family:inherit;font-size:.85rem;transition:border-color .15s,box-shadow .15s}.pim2-detail-input:focus{border-color:#475569;box-shadow:0 0 0 3px #4755691a}.pim2-preview{border:1px solid;border-radius:8px;align-items:center;gap:.5rem;padding:.38rem .85rem;font-size:.8rem;animation:.15s fadeSlideIn;display:inline-flex}.pim2-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.pim2-field{flex-direction:column;gap:.3rem;display:flex}.pim2-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.pim2-input,.pim2-textarea{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.45rem .75rem;font-family:inherit;font-size:.85rem;transition:all .15s}.pim2-input:focus,.pim2-textarea:focus{background:#fff;border-color:#475569;box-shadow:0 0 0 3px #4755691a}.pim2-input--mono{letter-spacing:.03em;font-family:Courier New,monospace;font-size:.82rem}.pim2-textarea{resize:vertical;min-height:64px}.pim2-char{color:#94a3b8;text-align:right;font-size:.68rem}.pim2-qty{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;width:fit-content;display:inline-flex;overflow:hidden}.pim2-qty-btn{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:background .12s;display:flex}.pim2-qty-btn:hover{background:#e2e8f0}.pim2-qty-val{text-align:center;color:#1e293b;min-width:40px;padding:0 4px;font-size:.95rem;font-weight:700}.pim2-kondisi-row{flex-wrap:wrap;gap:.5rem;display:flex}.pim2-kondisi-chip{color:#475569;cursor:pointer;text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;min-width:120px;padding:.5rem .75rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s}.pim2-kondisi-chip:hover{background:#f1f5f9;border-color:#94a3b8}.pim2-kondisi-chip--active{font-weight:700;transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.pim2-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin:0 1.4rem .5rem;padding:.5rem .85rem;font-size:.82rem;font-weight:500}.pim2-footer{z-index:10;background:#fafafa;border-top:1px solid #f1f5f9;border-radius:0 0 20px 20px;justify-content:flex-end;align-items:center;gap:.65rem;padding:1rem 1.4rem;display:flex;position:sticky;bottom:0}.pim2-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;padding:.5rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s}.pim2-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.pim2-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#64748b 0%,#475569 50%,#334155 100%);border:none;border-radius:9px;align-items:center;gap:.4rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px 10px #4755694d}.pim2-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #1e293b66}.pim2-btn-save:disabled{opacity:.5;cursor:not-allowed}@media (width<=540px){.pim2-grid{grid-template-columns:1fr}.pim2-kondisi-chip{min-width:90px}}.pip-print-modal{background:#fff;border-radius:16px;flex-direction:column;width:95%;max-width:680px;max-height:90vh;animation:.25s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000038}.pip-modal-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.pip-modal-title{align-items:center;gap:.85rem;display:flex}.pip-modal-title-icon{color:#38bdf8;background:#ffffff1a;border-radius:10px;padding:.4rem;font-size:1.6rem}.pip-modal-title h2{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.pip-modal-title p{color:#94a3b8;margin:2px 0 0;font-size:.8rem}.pip-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.3rem;font-size:1.3rem;transition:all .15s;display:flex}.pip-modal-close:hover{color:#fff;background:#ffffff26}.pip-modal-body{flex-direction:column;gap:1.1rem;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.pip-print-section-label{color:#1e293b;margin-bottom:.5rem;font-size:.88rem;font-weight:700;display:block}.pip-mode-cards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.pip-mode-card{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:all .15s;display:flex}.pip-mode-card:hover{background:#f1f5f9;border-color:#cbd5e1}.pip-mode-card--active{background:#eff6ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.pip-mode-card input[type=radio]{accent-color:#2563eb;margin-top:3px}.pip-mode-card-content{flex-direction:column;gap:.2rem;display:flex}.pip-mode-card-head{align-items:center;gap:.4rem;display:flex}.pip-mode-icon{color:#2563eb;font-size:1.1rem}.pip-mode-card-head strong{color:#0f172a;font-size:.88rem}.pip-mode-card-content span{color:#64748b;font-size:.76rem;line-height:1.3}.pip-type-picker-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;animation:.2s ease-out modalFadeIn;display:flex}.pip-field-label{color:#334155;font-size:.82rem;font-weight:700}.pip-type-input-wrap{align-items:center;display:flex;position:relative}.pip-type-search-icon{color:#2563eb;pointer-events:none;font-size:1.15rem;position:absolute;left:.85rem}.pip-type-input{color:#0f172a;background:#fff;border:1.5px solid #94a3b8;border-radius:10px;outline:none;width:100%;padding:.6rem 2.2rem .6rem 2.5rem;font-family:inherit;font-size:.88rem;transition:all .15s;box-shadow:0 2px 6px #0000000a}.pip-type-input:focus{border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb2e}.pip-type-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:.2rem;font-size:1.1rem;display:flex;position:absolute;right:.6rem}.pip-type-clear-btn:hover{color:#ef4444}.pip-type-results-header{color:#475569;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.pip-type-results-header strong{color:#0f172a}.pip-type-results-list{background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:.35rem;max-height:180px;padding:.4rem;display:flex;overflow-y:auto}.pip-type-empty{text-align:center;color:#94a3b8;padding:1.5rem 1rem;font-size:.82rem}.pip-type-item-row{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .12s;display:flex}.pip-type-item-row:hover{background:#f1f5f9}.pip-type-item-row--selected{background:#eff6ff;border-color:#bfdbfe}.pip-type-item-row input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.pip-type-item-details{flex-direction:column;flex:1;display:flex}.pip-type-item-name{color:#1e293b;font-size:.85rem;font-weight:700}.pip-type-item-meta{color:#64748b;font-size:.75rem}.pip-type-check-badge{color:#16a34a;font-size:1.1rem}.pip-kondisi-text--baik{color:#16a34a;font-weight:600}.pip-kondisi-text--kurangbaik{color:#d97706;font-weight:600}.pip-kondisi-text--rusakberat{color:#dc2626;font-weight:600}.pip-print-format-section{border-top:1px dashed #cbd5e1;padding-top:.85rem}.pip-form-grid-2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.pip-field-group{flex-direction:column;gap:.35rem;display:flex}.pip-field-group label{color:#475569;font-size:.78rem;font-weight:600}.pip-modal-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.45rem .75rem;font-family:inherit;font-size:.85rem}.pip-modal-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.pip-radio-group{gap:.5rem;display:flex}.pip-radio-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.78rem;transition:all .15s;display:flex}.pip-radio-btn--active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;font-weight:600}.pip-checkbox-label{color:#334155;cursor:pointer;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.pip-checkbox-label input[type=checkbox]{accent-color:#2563eb}.pip-modal-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:.3rem;padding-top:.75rem;display:flex}.pip-print-count-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:.45rem .85rem;font-size:.83rem}.pip-modal-footer-actions{gap:.6rem;display:flex}.pip-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600}.pip-btn-secondary:hover{color:#1e293b;background:#f8fafc}.pip-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:9px;align-items:center;gap:.4rem;padding:.55rem 1.3rem;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 3px 10px #2563eb4d}.pip-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #2563eb66}.pip-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pip-selection-bar{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.pip-selection-actions{gap:.5rem;display:flex}.ism-btn-view-table{color:#334155;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.ism-btn-view-table:hover{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #2563eb33}.ism-room-transfer-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.76rem;font-weight:600;transition:all .2s;display:inline-flex}.ism-room-transfer-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 6px #2563eb40}@media (width<=1024px){.page-body{padding:1.25rem 1rem!important}.stat-cards-grid,.dash-bottom-grid,.dash-room-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.pip-summary-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.navbar{height:58px!important;padding:0 .85rem!important}.navbar-center{display:none!important}.navbar-left{gap:.5rem!important}.navbar-page-title{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:170px!important;font-size:.98rem!important;overflow:hidden!important}.navbar-hamburger{width:36px!important;height:36px!important;font-size:1.35rem!important}.sidebar{width:82vw!important;max-width:290px!important}.rekap-modern-toolbar,.inventory-toolbar,.pip-toolbar,.history-toolbar{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.rekap-filters-row,.rekap-actions-row,.inventory-filters,.pip-filter-group{flex-wrap:wrap!important;width:100%!important}.inventory-toolbar{flex-direction:column!important;gap:.75rem!important;width:100%!important;display:flex!important}.btn-search-item,#search-item-btn{color:#fff!important;background:linear-gradient(135deg,#5c6b73 0%,#334155 100%)!important;border:1px solid #475569!important;border-radius:10px!important;justify-content:center!important;width:100%!important;padding:.75rem 1rem!important;font-size:.9rem!important;font-weight:600!important;box-shadow:0 4px 12px #33415540!important}.inventory-action-btns{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:.6rem!important;width:100%!important;margin-left:0!important;display:grid!important}.inventory-action-btns .btn{text-align:center!important;white-space:nowrap!important;color:#fff!important;background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;border:1px solid #475569!important;border-radius:10px!important;justify-content:center!important;width:100%!important;padding:.65rem .75rem!important;font-size:.82rem!important;font-weight:600!important;box-shadow:0 3px 10px #33415533!important}#download-template-btn,#import-excel-btn,#add-item-btn{color:#fff!important;background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;border:1px solid #475569!important}.rekap-compact-select,.rekap-compact-input,.rekap-btn-minimal,.pip-search-box,.inventory-search{width:100%!important;max-width:100%!important}.rekap-summary{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important;width:100%!important;display:grid!important}.rekap-chip{justify-content:center!important;width:100%!important}.table-container,.pip-table-container,.history-table-container{-webkit-overflow-scrolling:touch!important;border-radius:10px!important;margin-bottom:1rem!important;overflow-x:auto!important}table{min-width:680px!important}th,td{padding:.6rem .65rem!important;font-size:.82rem!important}.modal-card,.pim2-card,.ism-modal-card,.fpm-card{width:94%!important;max-width:94%!important;max-height:92vh!important;margin:1rem auto!important;padding:1.1rem 1rem!important}.form-grid,.form-row,.pip-form-grid-2{grid-template-columns:1fr!important;gap:.75rem!important}.modal-footer,.pim2-footer,.pip-modal-footer{flex-direction:column-reverse!important;align-items:stretch!important;gap:.5rem!important}.modal-footer button,.pim2-footer button,.pip-modal-footer button{justify-content:center!important;width:100%!important}}@media (width<=640px){.navbar-user-info{display:none!important}.navbar-user{gap:.3rem!important;padding:.25rem .4rem!important}.navbar-notif-dropdown,.navbar-dropdown{width:calc(100vw - 24px)!important;max-width:320px!important;right:-10px!important}.stat-cards-grid{grid-template-columns:1fr!important;gap:.85rem!important}.dash-bottom-grid,.dash-room-grid,.pip-summary-grid{grid-template-columns:1fr!important}.stat-card{padding:1rem!important}.action-btn-group,.table-actions{flex-wrap:wrap!important;gap:.35rem!important;display:flex!important}.selection-indicator,.pip-selection-bar{text-align:center!important;flex-direction:column!important;align-items:stretch!important;gap:.6rem!important}.pip-selection-actions{justify-content:center!important;width:100%!important}}@media (width<=480px){.page-body{padding:.85rem .65rem!important}.navbar-page-title{max-width:130px!important;font-size:.9rem!important}.rekap-summary{grid-template-columns:1fr!important}.lp-card{max-width:94vw!important;padding:1.25rem 1rem!important}.lp-card-title{font-size:1.25rem!important}}.settings-page{max-width:860px;margin:0 auto;padding:1.5rem}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.settings-header-left{align-items:center;gap:1rem;display:flex}.settings-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;box-shadow:0 4px 14px #6366f159}.settings-title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.settings-subtitle{color:#64748b;margin:.2rem 0 0;font-size:.87rem}.settings-saved-banner{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;animation:.3s fadeInDown;display:flex}.settings-form{flex-direction:column;gap:1.5rem;display:flex}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000a}.settings-section-header{flex-wrap:wrap;align-items:flex-start;gap:.9rem;margin-bottom:1.25rem;display:flex}.settings-section-header h2{color:#1e293b;margin:0 0 .15rem;font-size:1rem;font-weight:700}.settings-section-header p{color:#64748b;margin:0;font-size:.82rem}.settings-section-header>div{flex:1}.settings-section-icon{color:#6366f1;flex-shrink:0;margin-top:2px;font-size:1.5rem}.settings-section-icon--blue{color:#3b82f6}.settings-section-icon--green{color:#10b981}.settings-section-icon--purple{color:#8b5cf6}.settings-fields-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.settings-fields-grid{grid-template-columns:1fr}}.settings-field{flex-direction:column;gap:.4rem;display:flex}.settings-field label{color:#475569;font-size:.82rem;font-weight:600}.settings-field input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:.6rem .9rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.settings-field input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.settings-input-icon-wrap{position:relative}.settings-input-icon{color:#94a3b8;font-size:1.1rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.settings-input-icon-wrap input{padding-left:2.4rem}.settings-sig-preview{margin-top:1rem}.sig-preview-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem;font-weight:600}.sig-preview-box{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;min-width:200px;padding:1rem 1.25rem;display:inline-block}.sig-preview-role{color:#475569;margin:0 0 .2rem;font-size:.82rem}.sig-preview-space{border-bottom:1px solid #94a3b8;width:120px;height:40px;margin:.75rem auto .5rem}.sig-preview-name{color:#1e293b;margin:0 0 .2rem;font-size:.9rem}.sig-preview-nip{color:#64748b;margin:0;font-size:.8rem}.settings-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;align-items:center;gap:.4rem;margin-left:auto;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .2s;display:flex}.settings-add-btn:hover{opacity:.88}.settings-empty-list{text-align:center;color:#94a3b8;padding:2rem;font-size:.88rem}.settings-empty-list svg{margin-bottom:.5rem;margin-left:auto;margin-right:auto;font-size:2.5rem;display:block}.settings-pengurus-list{flex-direction:column;gap:.65rem;display:flex}.settings-pengurus-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.9rem;padding:.75rem 1rem;transition:box-shadow .2s;display:flex}.settings-pengurus-card:hover{box-shadow:0 2px 8px #00000012}.settings-pengurus-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex}.settings-pengurus-info{flex:1;min-width:0}.settings-pengurus-name{color:#1e293b;font-size:.9rem;font-weight:600}.settings-pengurus-meta{color:#64748b;flex-wrap:wrap;gap:.75rem;margin-top:.15rem;font-size:.78rem;display:flex}.settings-pengurus-jabatan{color:#7c3aed;background:#ede9fe;border-radius:5px;padding:.1rem .5rem;font-size:.75rem;font-weight:500}.settings-pengurus-actions{gap:.4rem;display:flex}.settings-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:background .2s;display:flex}.settings-icon-btn--edit{color:#3b82f6;background:#eff6ff}.settings-icon-btn--edit:hover{background:#dbeafe}.settings-icon-btn--delete{color:#ef4444;background:#fef2f2}.settings-icon-btn--delete:hover{background:#fee2e2}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:.85rem;display:flex}.settings-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.92rem;font-weight:600;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 4px 12px #6366f14d}.settings-save-btn:hover{opacity:.9;transform:translateY(-1px)}.settings-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.92rem;font-weight:600;transition:border-color .2s,color .2s;display:flex}.settings-reset-btn:hover{color:#ef4444;border-color:#ef4444}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600;transition:opacity .2s;display:flex}.btn-danger:hover{opacity:.85}.settings-signer-mode-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1rem}.settings-field-label{color:#475569;margin-bottom:.65rem;font-size:.82rem;font-weight:600;display:block}.settings-mode-radios{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=640px){.settings-mode-radios{grid-template-columns:1fr}}.settings-mode-card{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.settings-mode-card input{accent-color:#6366f1;margin-top:3px}.settings-mode-card strong{color:#1e293b;font-size:.88rem;display:block}.settings-mode-card span{color:#64748b;margin-top:.15rem;font-size:.76rem;display:block}.settings-mode-card--active{background:#f5f3ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}