@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oswald:wght@200..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Stack+Sans+Notch:wght@200..700&display=swap";�� html,body{font-family:Barlow,Inter,Roboto Condensed,Oswald,Stack Sans Notch,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important}body *{font-family:inherit!important}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nprogress .bar{background:#0036ff!important;height:3px!important}#nprogress .peg{box-shadow:0 0 10px #0036ff,0 0 5px #0036ff!important}#nprogress .spinner{display:none!important}body,html{margin:0;padding:0;font-family:Poppins,sans-serif;background:linear-gradient(145deg,#f5f7fb,#e8ecf5);height:100%}.login-wrapper{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(circle at top left,#eaf1ff,#fff)}.login-card{width:380px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #3369e726;padding:40px 30px;text-align:center;animation:fadeIn .5s ease-in-out}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.company-logo{width:200px;height:200px;margin-bottom:10px}.company-name{color:#1f3c88;font-size:1.7rem;font-weight:700;margin-bottom:4px}.login-subtitle{color:#5a6a85;font-size:.9rem}.divider{height:1px;width:100%;background:#e0e6f1;margin:15px 0}.login-content h2{color:#1f3c88;font-size:1.4rem;margin-bottom:8px}.login-content p{color:#5a6a85;font-size:.9rem;margin-bottom:25px}.google-login-btn{background:#1f3c88;color:#fff;border:none;border-radius:8px;font-size:1rem;padding:10px 18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-weight:600;box-shadow:0 3px 10px #1f3c884d;transition:all .3s ease}.google-login-btn:hover{background:#2a4fb5;transform:translateY(-2px);box-shadow:0 5px 12px #1f3c8866}.google-icon{width:22px;height:22px}.login-footer{margin-top:25px;font-size:.85rem;color:#7485a1}.loader{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #4285F4;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.google-login-btn:disabled{opacity:.8;cursor:wait}.home-container{display:flex;min-height:100vh;background:var(--bg);font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--text-main)}.home-content{flex:1;display:flex;flex-direction:column;padding:22px;margin-left:var(--sidebar-w);transform:translate(0);will-change:transform,margin-left;transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.sidebar.collapsed~.home-content{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .home-content{margin-left:0!important;transform:translate(var(--sidebar-w))}body.mobile-sidebar-open .sidebar.collapsed~.home-content{transform:translate(var(--sidebar-w-collapsed))}@media(max-width:820px){.home-content{margin-left:0;padding:16px;transform:translate(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left h2{font-size:1.8rem;margin:0;font-weight:800;letter-spacing:-.5px}.header-left p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.mobile-menu-btn{display:none;background:transparent;border:none;padding:8px;color:var(--text-main);cursor:pointer;border-radius:8px}@media(max-width:820px){.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}}.quick-actions-row{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.qa-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-main);font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #02061708;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;font-family:inherit}.qa-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb14;background:#fff}.qa-btn svg{color:var(--accent)}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.main-col{display:flex;flex-direction:column;gap:24px}.side-col{display:flex;flex-direction:column;gap:24px;position:sticky;top:90px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:24px;display:flex;justify-content:space-between;align-items:center;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #2563eb14}.card-info{flex:1}.card-info h4{margin:0 0 6px;font-size:.95rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.card-info p{margin:0;font-size:2.2rem;color:var(--text-main);font-weight:800;line-height:1}.task-card{justify-content:space-between}.task-subtext{font-size:.95rem!important;color:var(--muted)!important;font-weight:600!important;margin-top:8px!important}.card-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center}.blue-glow{background:#eff6ff;color:#2563eb}.purple-glow{background:#f3e8ff;color:#9333ea}.circular-progress-container{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.circular-progress-text{position:absolute;font-weight:800;font-size:15px;color:var(--text-main)}.charts-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-span{grid-column:1 / span 2}.chart-card{padding:22px;transition:transform .25s ease}.chart-card:hover{transform:translateY(-2px)}.chart-header{display:flex;align-items:center;gap:10px;margin-bottom:24px}.chart-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main)}.icon-wrapper{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-wrapper.blue-bg{background:#eff6ff;color:#2563eb}.icon-wrapper.red-bg{background:#fef2f2;color:#ef4444}.absent-feed{padding:24px;min-height:280px;display:flex;flex-direction:column}.absent-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.absent-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main)}.absent-list{display:flex;flex-direction:column;gap:12px;flex:1}.absent-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff80;border-radius:10px;border:1px solid rgba(255,255,255,.6)}.absent-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b}.absent-item p{margin:0;font-weight:600;font-size:.95rem;color:var(--text-main)}.empty-absent{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;color:var(--muted);font-size:.95rem;font-weight:500}.empty-absent svg{margin-bottom:16px}.skeleton-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.skeleton{background:#e2e8f0;background:linear-gradient(90deg,#fff0,#fff9,#fff0) #e2e8f0;background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:16px}.card-skeleton{height:120px}.chart-skeleton{height:340px;grid-column:span 1}.chart-skeleton:last-child{grid-column:span 1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.side-col{position:static}}@media(max-width:1024px){.charts-container{grid-template-columns:1fr}.chart-span{grid-column:auto}.skeleton-container{grid-template-columns:1fr 1fr}.chart-skeleton{grid-column:1 / span 2}}@media(max-width:820px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.header-left h2{font-size:1.5rem}.cards,.skeleton-container{grid-template-columns:1fr}.card-skeleton,.chart-skeleton{grid-column:auto}}:root{--sidebar-width-desktop: 240px;--sidebar-width-collapsed: 80px;--sidebar-width-mobile: 260px;--sidebar-bg-1: #1e293b;--sidebar-bg-2: #0f172a}.sidebar{width:var(--sidebar-width-desktop);height:100vh;background:linear-gradient(180deg,var(--sidebar-bg-1) 0%,var(--sidebar-bg-2) 100%);color:#e2e8f0;display:flex;flex-direction:column;justify-content:flex-start;padding:20px 0;position:fixed;left:0;top:0;overflow-y:auto;overflow-x:hidden;box-shadow:3px 0 8px #0000001f;transition:transform .4s cubic-bezier(.2,.9,.2,1),width .4s cubic-bezier(.2,.9,.2,1),box-shadow .2s;z-index:999;will-change:transform,width;-webkit-tap-highlight-color:transparent;transform:translate(0)}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{text-align:center;margin-bottom:20px;padding:0 10px;white-space:nowrap}.sidebar-top{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;transition:gap .3s ease}.sidebar.collapsed .sidebar-top{gap:0}.menu-icon{background:transparent;border:none;color:#cbd5e1;cursor:pointer;transition:transform .18s ease,color .18s ease;display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;flex-shrink:0}.menu-icon:hover,.menu-icon:focus{transform:scale(1.06);color:#38bdf8;outline:none}.sidebar-logo{color:#f8fafc;font-size:20px;font-weight:700;letter-spacing:.5px;opacity:1;transform:translate(0);transition:opacity .3s ease .1s,transform .3s ease .1s}.sidebar.collapsed .sidebar-logo{opacity:0;transform:translate(-10px);transition:opacity .1s ease,transform .1s ease;pointer-events:none;width:0;overflow:hidden}.sidebar-title{font-size:12px;font-weight:600;color:#94a3b8;margin:10px 20px;letter-spacing:.5px;white-space:nowrap;opacity:1;transform:translate(0);transition:opacity .3s ease .1s,transform .3s ease .1s,margin .3s ease,height .3s ease}.sidebar.collapsed .sidebar-title{opacity:0;transform:translate(-10px);margin:0;height:0;pointer-events:none;transition:opacity .1s ease,transform .1s ease,margin .3s ease,height .3s ease}.sidebar-section ul{list-style:none;margin:0;padding:0}.sidebar-section ul li{display:flex;align-items:center;gap:12px;padding:10px 20px;margin:4px 10px;border-radius:8px;color:#cbd5e1;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,padding .3s ease,width .3s ease,margin .3s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.sidebar-section ul li>*{pointer-events:none}.sidebar-section ul li .link-text{font-size:14px;font-weight:500;opacity:1;transform:translate(0);transition:opacity .3s ease .15s,transform .3s ease .15s}.sidebar-section ul li .link-arrow{opacity:.9;transition:opacity .3s ease .15s}.sidebar-section ul li:hover,.sidebar-section ul li:focus{background-color:#334155;color:#fff;transform:translate(5px);outline:none}.sidebar-section ul li svg{color:#94a3b8;transition:color .2s ease,transform .18s ease;flex-shrink:0}.sidebar-section ul li:hover svg,.sidebar-section ul li:focus svg{color:#38bdf8}.sidebar-section ul li.active{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a,inset 0 1px #ffffff1a;color:#fff;transform:translate(5px);z-index:2}.sidebar-section ul li.active svg{color:#38bdf8}.sidebar.collapsed ul li{justify-content:center;padding:0;width:46px;height:46px;margin:4px auto;border-radius:10px}.sidebar.collapsed ul li .link-text{opacity:0;transform:translate(10px);transition:opacity .1s ease,transform .1s ease;position:absolute;left:100%}.sidebar.collapsed ul li .link-arrow{display:none;opacity:0}.sidebar.collapsed ul li.active{justify-content:center;transform:none}.sidebar-section ul li:focus-visible{box-shadow:0 0 0 3px #38bdf81f;border-radius:8px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background-color:#94a3b847;border-radius:10px}.sidebar-backdrop{position:fixed;inset:0;background:#0206177a;opacity:0;pointer-events:none;transition:opacity .28s ease;z-index:990}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar.open .sidebar-logo{opacity:1!important;width:auto;transform:translate(0)}.sidebar.open .sidebar-title,.sidebar.open ul li .link-text{opacity:1!important;position:static;transform:translate(0);pointer-events:auto!important}.sidebar.collapsed.open{width:var(--sidebar-width-mobile)!important}.sidebar.collapsed.open ul li{justify-content:flex-start;padding:10px 20px;width:auto;height:auto;margin:4px 10px}.sidebar.collapsed.open ul li .tooltip{display:none!important}@media(max-width:768px){.sidebar{width:var(--sidebar-width-mobile);transform:translate(-100%);box-shadow:6px 0 20px #02061799;transition:transform .28s cubic-bezier(.2,.9,.2,1);will-change:transform;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:fixed;max-height:100vh;padding-bottom:250px;overflow-y:auto;overscroll-behavior:contain}.sidebar.open{transform:translate(0)}.sidebar[data-side=right]{left:auto;right:0;transform:translate(100%)}.sidebar[data-side=right].open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width-mobile)}.sidebar.collapsed ul li .link-text{opacity:1;position:static;transform:none}.sidebar-section ul li{padding:14px 18px;margin:6px 12px;font-size:16px;width:auto;height:auto}.sidebar-section ul li svg{width:20px;height:20px}.sidebar{-ms-overflow-style:none;scrollbar-width:thin}.sidebar::-webkit-scrollbar{display:none}}body.mobile-sidebar-open{overflow:hidden;touch-action:none;height:100%;position:fixed;width:100%}.sidebar.collapsed ul li .tooltip{position:absolute;left:90px;top:50%;transform:translateY(-50%);background:#111827fa;color:#e2e8f0;padding:6px 10px;border-radius:6px;font-size:13px;white-space:nowrap;box-shadow:0 6px 18px #02061799;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:1000}.sidebar.collapsed ul li:hover .tooltip,.sidebar.collapsed ul li:focus-within .tooltip{opacity:1;transform:translateY(-50%) translate(6px);pointer-events:auto}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar.open,.sidebar.collapsed,.sidebar-section ul li,.sidebar-backdrop{transition:none!important}}body:not(.mobile-sidebar-open) .sidebar:not(.open){will-change:auto}.sidebar .sidebar-menu{min-height:0;overflow:visible}.sidebar-section ul li a{display:flex;align-items:center;gap:12px;width:100%;color:inherit;text-decoration:none}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.sidebar-spacer{height:50px;flex-shrink:0}@media(max-width:768px){body.mobile-sidebar-open .mobile-menu-btn,.sidebar.open~.otm-main .mobile-menu-btn,.sidebar.open~.home-content .mobile-menu-btn,.sidebar.open~.attendance-main .mobile-menu-btn,.sidebar.open~.scrap-main .mobile-menu-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.sidebar.open+* .mobile-menu-btn,.sidebar.open~* .mobile-menu-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.modern-glass-topbar{--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: rgba(31, 38, 135, .1);--accent-color: #1e3a8a;position:sticky;top:10px;z-index:1000;margin:0 1.5rem 25px;box-sizing:border-box}.glass-inner{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:68px;background:var(--glass-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:16px;border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--glass-shadow)}.glass-brand{display:flex;align-items:center;gap:12px}.logo-glow-container{padding:4px;background:#ffffff4d;border-radius:10px;display:flex}.glass-logo{height:38px;width:auto;filter:drop-shadow(0 0 8px rgba(30,58,138,.2))}.brand-text{font-weight:800;font-size:1.5rem;letter-spacing:-.5px;color:var(--accent-color);display:inline-block}.brand-text small{font-weight:500;font-size:.7rem;background:var(--accent-color);color:#fff;padding:1px 6px;border-radius:4px;vertical-align:middle}.glass-actions{position:relative}.glass-avatar-wrapper{width:44px;height:44px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;overflow:hidden;background:#fff3}.glass-avatar-wrapper:hover,.glass-avatar-wrapper.active{border-color:var(--glass-border);transform:scale(1.05);box-shadow:0 4px 15px #0000001a}.glass-user-img{width:100%;height:100%;object-fit:cover}.glass-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 10px 40px #0000001a;padding:10px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.glass-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-info{padding:10px;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:8px}.user-name{margin:0;font-weight:700;font-size:.95rem;color:var(--accent-color)}.user-status{margin:0;font-size:.75rem;color:#10b981}.dropdown-link{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:transparent;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:500;color:#1e293b;cursor:pointer;transition:background .2s ease}.dropdown-link:hover{background:#f1f5f9;color:var(--accent-color);box-shadow:0 4px 12px #0000000d}.glass-divider{height:1px;background:#00000014;margin:8px 0}.logout{color:#ef4444!important}.logout:hover{background:#ef444414}@media(max-width:768px){.modern-glass-topbar{margin:10px auto 20px;width:calc(100% - 20px);max-width:calc(100% - 20px);left:0;right:0}.brand-text{display:inline-block;font-size:1.6rem}.brand-text small{display:none}}.tb-modal-overlay{position:fixed;inset:0;background-color:#0f172abf;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tb-modal-content{background:#fff;padding:20px;border-radius:16px;width:100%;max-width:350px;box-shadow:0 20px 25px -5px #0000001a;font-family:inherit}.tb-modal-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.tb-modal-close-btn{background:#f1f5f9;border:none;border-radius:50%;padding:8px;cursor:pointer;display:flex;transition:background .2s}.tb-modal-close-btn:hover{background:#e2e8f0}.tb-modal-helper-text{font-size:12px;color:#64748b;margin-bottom:10px;text-align:center}.tb-cropper-viewport{width:256px;height:256px;margin:0 auto;border:2px solid #2563eb;border-radius:8px;overflow:hidden;position:relative;background:#f8fafc;touch-action:none}.tb-cropper-viewport.grab{cursor:grab}.tb-cropper-viewport.grabbing{cursor:grabbing}.tb-cropper-img{position:absolute;pointer-events:none}.tb-zoom-container{margin-top:20px}.tb-zoom-label{font-size:13px;font-weight:600;display:block;margin-bottom:8px;color:#1f2937}.tb-zoom-input{width:100%;cursor:pointer;height:30px}.tb-cropper-actions{display:flex;gap:10px;margin-top:20px}.tb-cropper-cancel-btn,.tb-cropper-apply-btn{flex:1;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s;font-size:14px}.tb-cropper-cancel-btn{border:1px solid #cbd5e1;background:#fff;color:#1f2937}.tb-cropper-apply-btn{border:none;background:#2563eb;color:#fff}.tb-cropper-cancel-btn:active,.tb-cropper-apply-btn:active{transform:scale(.97)}:root{--primary-color: #2563eb;--primary-hover: #3b82f6;--danger-color: #ef4444;--bg-light: #f5f6fa;--bg-white: #ffffff;--text-dark: #1f2937;--muted: #6b7280;--border-color: #e5e7eb;--shadow: 0 3px 10px rgba(0, 0, 0, .06);--radius: 12px;--sidebar-w: 240px;--sidebar-w-collapsed: 80px}.employees-page-container{display:flex;min-height:100vh;background:var(--bg-light);font-family:Poppins,sans-serif;color:var(--text-dark);overflow-x:visible}.employees-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-w);transition:margin-left .24s ease,padding .16s ease,transform .24s ease;box-sizing:border-box;position:relative;z-index:1}.employees-header{display:flex;align-items:center;gap:12px;background:var(--bg-white);margin:12px 0;padding:14px 16px;border-radius:var(--radius);box-shadow:var(--shadow);position:relative;z-index:5}.mobile-menu-btn{display:none;background:none;border:none;padding:10px;margin:-10px;cursor:pointer;color:var(--muted);position:relative;z-index:6}.sidebar.collapsed~.employees-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .employees-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(min-width:1025px){body.mobile-sidebar-open .employees-main{transform:none!important}}.employees-header-inner{display:flex;align-items:center;gap:10px}.employees-header h2{font-size:1.25rem;margin:0;font-weight:600}.employees-form{background:var(--bg-white);margin:12px 0;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box;width:100%}.form-content-wrapper{display:flex;gap:20px;flex-wrap:wrap}.photo-upload-container{position:relative;width:120px;height:120px;flex-shrink:0}.photo-preview{width:100%;height:100%;border-radius:12px;border:2px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc}.photo-preview-img{width:100%;height:100%;object-fit:cover}.photo-upload-btn{position:absolute;bottom:-10px;right:-10px;background:var(--primary-color);color:#fff;padding:10px;border-radius:50%;cursor:pointer;display:flex;box-shadow:0 4px 6px #2563eb33;transition:transform .2s}.photo-upload-btn:active{transform:scale(.9)}.form-fields{flex:1;min-width:250px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row input{flex:1;min-width:150px;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;-webkit-appearance:none}.form-row input:focus{outline:none;box-shadow:0 0 0 4px #2563eb0f;border-color:var(--primary-color)}.form-actions{margin-top:15px;display:flex;justify-content:flex-end;gap:10px}.add-btn{display:inline-flex;gap:8px;align-items:center;padding:12px 18px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:opacity .2s,transform .1s;min-height:44px}.add-btn:active{transform:scale(.98)}.add-btn:disabled{opacity:.75;cursor:not-allowed}.cancel-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:10px;background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:44px}.cancel-btn:hover{background:#e2e8f0;color:#334155}.employees-table-container{background:var(--bg-white);margin:12px 0;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);width:100%;box-sizing:border-box}.employees-table-container h3{margin:0 0 16px;font-weight:700;color:var(--text-dark)}.employees-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--border-color)}.employees-table{width:100%;border-collapse:separate;border-spacing:0;min-width:700px;table-layout:fixed}.employees-table th,.employees-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employees-table th{background:#f8fafc;font-weight:700;color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.th-sr{width:60px;text-align:center!important}.th-photo{width:80px;text-align:center!important}.th-name{width:auto}.th-phone,.th-pos{width:150px}.th-act{width:120px;text-align:center!important}.employees-table td.center{text-align:center!important}.employees-table tr{transition:background .15s}.employees-table tr:hover{background:#fbfdff}.table-photo-container{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#e2e8f0;border:2px solid white;box-shadow:0 2px 4px #0000000d;margin:0 auto}.clickable-name{color:var(--primary-color);font-weight:600;cursor:pointer;transition:color .2s;padding:8px 0}.clickable-name:hover{color:var(--primary-hover);text-decoration:underline;text-underline-offset:4px}.editing-row{background-color:#f0f9ff!important}.editing-row td:first-child{box-shadow:inset 3px 0 0 var(--primary-color)}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.edit-btn,.delete-btn{border:none;padding:10px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn{background:#e0f2fe;color:#0284c7}.edit-btn:hover{background:#bae6fd;transform:translateY(-2px)}.delete-btn{background:#fee2e2;color:#ef4444}.delete-btn:hover{background:#fecaca;transform:translateY(-2px)}.modal-overlay,.details-modal-overlay{position:fixed;inset:0;background-color:#0f172abf;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:20px;border-radius:16px;width:100%;max-width:350px;box-shadow:0 20px 25px -5px #0000001a}.modal-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header-actions h3{margin:0;font-size:18px;color:var(--text-dark)}.modal-close-btn,.details-close-btn{background:#f1f5f9;border:none;border-radius:50%;padding:8px;cursor:pointer;display:flex;transition:background .2s}.modal-close-btn:hover,.details-close-btn:hover{background:#e2e8f0}.modal-helper-text{font-size:12px;color:var(--muted);margin-bottom:10px;text-align:center}.cropper-viewport{margin:0 auto;border:2px solid var(--primary-color);border-radius:8px;overflow:hidden;position:relative;background:#000;touch-action:none}.cropper-viewport.grab{cursor:grab}.cropper-viewport.grabbing{cursor:grabbing}.cropper-img{position:absolute;pointer-events:none}.zoom-container{margin-top:20px}.zoom-label{font-size:13px;font-weight:600;display:block;margin-bottom:8px}.zoom-input{width:100%;cursor:pointer;height:30px}.cropper-actions{display:flex;gap:10px;margin-top:20px}.cropper-cancel-btn,.cropper-apply-btn{flex:1;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .1s}.cropper-cancel-btn{border:1px solid #cbd5e1;background:#fff;color:var(--text-dark)}.cropper-apply-btn{border:none;background:var(--primary-color);color:#fff}.cropper-cancel-btn:active,.cropper-apply-btn:active{transform:scale(.97)}.details-modal-overlay{z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.details-modal-overlay.visible{opacity:1;visibility:visible}.details-modal-content{background:#fff;padding:30px;border-radius:24px;width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;align-items:center;position:relative;transform:translateY(20px) scale(.95);transition:transform .3s cubic-bezier(.16,1,.3,1)}.details-modal-content.visible{transform:translateY(0) scale(1)}.details-close-btn{position:absolute;top:20px;right:20px}.details-photo-box{width:130px;height:130px;border-radius:50%;overflow:hidden;background:#e2e8f0;margin-bottom:20px;border:5px solid #f8fafc;box-shadow:0 10px 15px -3px #0000001a;position:relative}.photo-update-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;cursor:pointer;transition:opacity .2s;border-radius:50%}.details-photo-box:hover .photo-update-overlay{opacity:1}.details-name{margin:0 0 5px;font-size:24px;color:#0f172a;text-align:center}.details-position{margin:0 0 25px;color:var(--primary-color);font-size:15px;font-weight:600;background:#eff6ff;padding:6px 14px;border-radius:20px}.details-info-card{width:100%;background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:15px}.details-info-row{display:flex;align-items:center;gap:12px}.details-icon-box{padding:10px;border-radius:10px;display:flex}.details-icon-box.phone{background:#e0f2fe;color:#0369a1}.details-icon-box.briefcase{background:#fef3c7;color:#b45309}.details-info-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.details-info-value{font-size:15px;color:#334155;font-weight:500}.details-info-divider{height:1px;background:#e2e8f0;width:100%}.details-edit-btn{width:100%;padding:14px;margin-top:20px;border-radius:12px;border:none;background:#0f172a;color:#fff;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;font-size:15px;transition:transform .1s,background .2s}.details-edit-btn:active{transform:scale(.98)}.details-edit-btn:hover{background:#1e293b}@media(max-width:1024px){.employees-main{margin-left:var(--sidebar-w-collapsed);padding:16px}.mobile-menu-btn{display:inline-flex}}@media(max-width:768px){.employees-main{margin-left:0;padding:12px}.form-content-wrapper{flex-direction:column;align-items:center}.form-row{flex-direction:column;width:100%}.form-actions{justify-content:stretch;width:100%;flex-direction:column}.add-btn,.cancel-btn{width:100%;justify-content:center}.form-row input{font-size:16px}}@media(max-width:480px){.employees-table-container{padding:16px 12px}}*{-webkit-tap-highlight-color:transparent}.employees-page-container{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media(max-height:600px){.details-modal-content,.modal-content{max-height:90vh;overflow-y:auto;padding:15px}}@media(max-width:380px){.employees-header h2{font-size:1.1rem}.details-photo-box{width:100px;height:100px}.details-name{font-size:20px}.action-buttons{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:768px){html,body{overflow-x:hidden;width:100%;position:relative}.employees-page-container,.employees-main,.employees-form,.employees-table-container{max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.employees-table-wrap{width:100%!important;overflow-x:auto;display:block}.employees-main{padding:10px!important}}.edit-menu-content{max-width:450px!important;padding:30px!important}.edit-menu-inputs input{padding:12px;border-radius:8px;border:1px solid var(--border-color);width:100%;box-sizing:border-box}.modal-overlay{position:fixed;inset:0;background-color:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.cropper-overlay-fix{z-index:10001!important}.edit-menu-content{background:#fff;max-width:450px!important;width:100%;padding:30px!important;border-radius:20px;box-shadow:0 25px 50px -12px #00000040}.edit-menu-form{display:flex;flex-direction:column;gap:20px;align-items:center}.edit-menu-photo-section{position:relative;width:130px;height:130px}.edit-menu-inputs{width:100%;display:flex;flex-direction:column;gap:12px}.edit-menu-inputs input{padding:12px;border-radius:8px;border:1px solid var(--border-color);width:100%;box-sizing:border-box;font-size:14px}.details-section-title{font-size:13px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:6px;margin:15px 0 10px}.details-heading-row{display:flex;justify-content:space-between;align-items:center;width:100%}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.doc-item{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative}.doc-label{font-size:10px;font-weight:600;color:var(--muted);text-align:center;white-space:nowrap}.doc-preview{width:100%;aspect-ratio:677/390;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.doc-preview img{width:100%;height:100%;object-fit:cover}.doc-edit-overlay{position:absolute;bottom:4px;right:28px;background:#2563ebe6;color:#fff;border:none;padding:4px;border-radius:4px;cursor:pointer;z-index:5;display:flex}.doc-del-btn{position:absolute;top:4px;right:4px;background:#ef4444e6;color:#fff;border:none;padding:4px;border-radius:4px;cursor:pointer;z-index:5;display:flex}.cropper-modal-box{max-width:450px!important}.doc-download-btn{position:absolute;bottom:4px;left:4px;background:#22c55ee6;color:#fff;border:none;padding:4px;border-radius:4px;cursor:pointer;z-index:5;display:flex}:root{--bg: #f8fafc;--card: #ffffff;--muted: #64748b;--text: #0f172a;--accent: #0ea5e9;--accent-light: #f0f9ff;--border: #e2e8f0;--radius: 16px;--sidebar-width-desktop: 240px;--sidebar-width-collapsed: 80px;--sidebar-width-mobile: 260px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06)}.attendance-container{display:flex;min-height:100vh;background:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);overflow-x:visible}.attendance-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width-desktop);padding:32px;transition:margin-left .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.sidebar.collapsed~.attendance-main{margin-left:var(--sidebar-width-collapsed)}body.mobile-sidebar-open .attendance-main{margin-left:0!important;transform:translate(var(--sidebar-width-mobile))}@media(min-width:1025px){body.mobile-sidebar-open .attendance-main{transform:none!important}}.attendance-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px;flex-wrap:wrap;position:relative;top:auto;z-index:10;padding:12px 0}.mobile-menu-btn{display:none;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--muted)}.title-section{display:flex;align-items:center;gap:12px}.title-section h2{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0;color:#1e293b}.holiday-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;background:linear-gradient(145deg,#fbbf24,#d97706);color:#fff;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #d977064d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.holiday-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px #d9770666;filter:brightness(1.1)}.holiday-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.attendance-calendar-wrapper{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-md);margin-bottom:32px;border:1px solid var(--border);display:flex;flex-direction:column;align-items:center}.react-calendar.professional-calendar{width:100%;max-width:400px;background:transparent;border:none;font-family:inherit}.react-calendar__tile--active{background:var(--accent)!important;color:#fff!important;border-radius:10px;box-shadow:0 4px 12px #0ea5e94d}.calendar-sunday{color:#ef4444!important;font-weight:800!important}.calendar-saturday{color:#f59e0b!important;font-weight:800!important}.calendar-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);width:100%;display:flex;justify-content:space-between;align-items:center}.selected-date-label{font-size:14px;color:var(--text);font-weight:700}.locked-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;color:#b91c1c;border-radius:99px;font-size:12px;font-weight:800;border:1px solid #fee2e2}.attendance-marking-section{display:flex;flex-direction:column;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden}.attendance-controls-block{padding:24px;background:#f8fafc;border-bottom:1px solid var(--border);display:flex;justify-content:center;align-items:center}.controls-content{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.attendance-table-wrapper{padding:0 24px 24px;overflow-x:auto}.pill{padding:10px 16px;border-radius:12px;background:#fff;font-weight:700;font-size:13px;color:#475569;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm)}.mark-all-12h-btn{background:linear-gradient(145deg,#38bdf8,#2563eb);color:#fff;padding:14px 32px;border-radius:14px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.5px;border:none;box-shadow:0 4px 6px -1px #0000001a,0 10px 15px -3px #2563eb4d;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mark-all-12h-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 20px 25px -5px #2563eb66;filter:brightness(1.1)}.mark-all-12h-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.attendance-table{width:100%;border-collapse:collapse;min-width:800px}.attendance-table thead th{padding:16px;font-size:11px;text-transform:uppercase;color:var(--muted);background:#f8fafc;font-weight:800;border-bottom:2px solid var(--border);text-align:left}.attendance-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px}.status-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0}.status-btn.present{background:#f0fdf4;color:#16a34a;border-color:#dcfce7}.status-btn.absent{background:#fef2f2;color:#dc2626;border-color:#fee2e2}.status-btn.holiday{background:#fffbeb;color:#d97706;border-color:#fef3c7}.auto-12-btn{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#fff;font-weight:700;color:var(--accent);cursor:pointer}.hours-input{width:60px;height:38px;border-radius:8px;border:1px solid var(--border);text-align:center;font-weight:800;color:var(--accent)}@media(max-width:1024px){.attendance-main{padding:20px;margin-left:0}.mobile-menu-btn{display:block}}@media(max-width:640px){.attendance-header{flex-direction:column;align-items:stretch}.attendance-marking-section{margin:0 -20px;border-radius:0;border-left:none;border-right:none}.controls-content{gap:12px;width:100%}.mark-all-12h-btn{order:-1;width:100%;justify-content:center}.pill{flex:1;text-align:center}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}:root{--bg: #f8f9fb;--card: #ffffff;--muted: #6b7280;--text: #111827;--accent: #0ea5e9;--accent-gradient: linear-gradient(90deg, #0ea5e9, #06b6d4);--purple: #7e22ce;--orange: #f97316;--green: #10b981;--red: #ef4444;--border: #f1f3f6;--shadow-sm: 0 3px 10px rgba(2, 6, 23, .05);--shadow-md: 0 8px 26px rgba(2, 6, 23, .08);--radius: 10px;--sidebar-w: 240px;--sidebar-w-collapsed: 80px}.report-container{display:flex;width:100%;min-height:100vh;background:var(--bg);color:var(--text);overflow-x:visible}.report-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-w);padding:20px 28px;transition:margin-left .24s ease,transform .24s ease;max-width:100%;box-sizing:border-box}.sidebar.collapsed~.report-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .report-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(min-width:1025px){body.mobile-sidebar-open .report-main{transform:none!important}}.report-header{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);padding:14px 16px;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:18px;flex-wrap:wrap}.title-section{display:flex;align-items:center;gap:10px}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;background:#f1f5f9;padding:0 10px;border-radius:8px;border:1px solid #e2e8f0}.filter-icon{color:var(--muted);margin-right:6px}.filter-select{border:none;background:transparent;padding:8px 0;font-size:14px;font-weight:600;color:var(--text);outline:none;cursor:pointer}.date-input-wrapper{display:flex;align-items:center}.styled-date-input{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;font-size:14px;color:var(--text);background:#fff;outline-color:var(--accent);min-height:20px}.range-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.to-text{font-size:13px;color:var(--muted);font-weight:600}.download-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:var(--accent-gradient);color:#fff;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 12px #0ea5e926;transition:opacity .2s;white-space:nowrap}.download-btn:disabled{opacity:.6;cursor:not-allowed}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#1e293b;color:#fff;font-weight:600;font-size:13px;border:none;cursor:pointer;transition:all .2s}.view-btn:hover{background:#334155;transform:translateY(-1px)}.mobile-menu-btn{display:none}.report-table-wrapper{background:var(--card);border-radius:12px;box-shadow:var(--shadow-sm);padding:12px}.report-table-scroll{width:100%;overflow-x:auto}.report-table,.modal-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:14px 10px;border-bottom:1px solid var(--border);text-align:center;font-size:14px}.report-table th{background:#f7f9fb;font-weight:700;position:sticky;top:0;z-index:2}.present{color:var(--green);font-weight:700}.absent{color:var(--red);font-weight:700}.holiday{color:var(--orange);font-weight:700}.modal-table td.holiday{color:var(--orange);font-weight:600}.modal-table td.holiday-overtimed,.modal-table td.only-overtimed{color:var(--purple);font-weight:600}.modal-overlay{position:fixed;inset:0;z-index:1200;background:#0006;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out forwards}.modal-overlay.closing{animation:fadeOut .3s ease-in forwards}.modal{background:var(--card);border-radius:12px;width:min(820px,100%);max-height:86vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-md);animation:popIn .3s cubic-bezier(.16,1,.3,1) forwards;margin-top:80px}.modal.closing{animation:popOut .3s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes popOut{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.95) translateY(10px);opacity:0}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-table th,.modal-table td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left}.loading{text-align:center;padding:40px;color:var(--muted);font-weight:600}.spin{animation:rotate 1s linear infinite;display:inline-block}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1024px){.report-main{margin-left:var(--sidebar-w-collapsed);padding:16px}}@media(max-width:720px){.mobile-menu-btn{display:inline-flex}.report-main{margin-left:0!important;padding:12px}.report-header{padding:12px;flex-direction:column;align-items:stretch;gap:16px}.header-left{justify-content:flex-start}.header-actions{flex-direction:column;align-items:stretch;gap:12px}.filter-group,.styled-date-input,.download-btn{width:100%;justify-content:center;box-sizing:border-box}.filter-select{width:100%}.range-inputs{flex-direction:column;align-items:stretch}.to-text{text-align:center;padding:4px}.modal{width:100%;height:100%;max-height:none;border-radius:0;margin-top:0}.modal-open .modern-glass-topbar{display:none!important}}@media(max-width:480px){.report-table,.report-table thead,.report-table tbody,.report-table tr,.report-table td{display:block}.report-table thead{display:none}.report-table tr{margin-bottom:15px;border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff}.report-table td{display:flex;justify-content:flex-start;align-items:center;text-align:left;padding:10px 12px;border-bottom:1px solid #f9fafb;gap:16px}.report-table td:before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left;min-width:100px;max-width:120px;flex-shrink:0}.report-table td[data-label=Report]{justify-content:flex-start;padding-left:12px;gap:12px}.report-table td[data-label=Report]:before{display:none}}.report-fade-in{position:relative;z-index:1;animation:fadeIn .4s ease-in-out}:root{--primary: #2563eb;--primary-dark: #1e3a8a;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--danger: #dc2626;--warning: #f59e0b;--purple: #7c3aed;--radius: 12px;--input-height: 44px;--sidebar-w: 240px;--sidebar-w-collapsed: 80px}.salary-layout{display:flex;min-height:100vh;background-color:var(--bg);font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--text-main)}.salary-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-w);padding:24px;transition:margin-left .3s ease,transform .3s ease;width:100%;box-sizing:border-box}.sidebar.collapsed~.salary-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .salary-main{transform:translate(var(--sidebar-w));margin-left:0!important}@media(min-width:1025px){body.mobile-sidebar-open .salary-main{transform:none}}.fade-in{animation:fadeIn .4s ease-in-out;position:relative;z-index:1}.salary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mobile-menu-btn{display:none;background:transparent;border:none;padding:8px;border-radius:8px;color:var(--text-main);cursor:pointer}.salary-title{font-size:24px;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:10px;margin:0}.icon-wrapper{background:#dbeafe;color:var(--primary);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.table-photo-container{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#e2e8f0;border:2px solid white;box-shadow:0 2px 4px #0000000d}.table-photo-img{width:100%;height:100%;object-fit:cover}.table-photo-placeholder{display:flex;align-items:center;justify-content:center;height:100%}.manage-profile-section{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.details-photo-box{width:130px;height:130px;border-radius:50%;overflow:hidden;background:#e2e8f0;border:5px solid #f8fafc;box-shadow:0 10px 15px -3px #0000001a;flex-shrink:0}.details-photo-img{width:100%;height:100%;object-fit:cover}.details-photo-placeholder{display:flex;align-items:center;justify-content:center;height:100%}.salary-section{margin-bottom:24px}.salary-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border);padding:24px;overflow:hidden}.salary-card__header{display:flex;align-items:center;gap:10px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:16px}.salary-card__header h2{font-size:18px;font-weight:700;margin:0}.manage-header{justify-content:space-between;flex-wrap:wrap;gap:10px;align-items:flex-start}.manage-title{display:flex;flex-direction:column}.manage-title .badge{font-size:12px;color:var(--text-muted);font-weight:500}.btn{padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-manage{background:#eff6ff;color:var(--primary);border:1px solid #bfdbfe}.btn-back{background:#f1f5f9;color:var(--text-main)}.btn-update{background:var(--success);color:#fff;padding:0 20px}.btn-pay{background:var(--primary);color:#fff;height:var(--input-height);width:100%;font-size:16px;margin-top:10px}select,input:not([type=checkbox]){height:var(--input-height);padding:0 12px;border:1px solid var(--border);border-radius:8px;font-size:16px;width:100%;box-sizing:border-box;background:#fff;-webkit-appearance:none}select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:30px}input:focus,select:focus{border-color:var(--primary);outline:none}.input-with-button{display:flex;gap:8px}.dates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.date-box{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid var(--border)}.primary-border{border-left:4px solid var(--primary)}.warning-border{border-left:4px solid var(--warning)}.danger-border{border-left:4px solid var(--danger)}.date-box-header{font-weight:700;font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:6px;color:var(--text-main)}.date-inputs{display:flex;gap:10px;margin-bottom:10px}.date-field{flex:1}.date-field label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase}.checkbox-wrapper{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-main);cursor:pointer;margin-top:8px}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple);margin:0;cursor:pointer;-webkit-appearance:auto;appearance:auto;border:none}.fill-purple{fill:var(--purple);color:var(--purple)}.summary-container{background:#fdfdfd;border:1px solid var(--border);border-radius:12px;padding:20px;margin-top:24px}.summary-title{font-size:16px;font-weight:800;margin-bottom:16px}.month-summary-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 2px 4px #00000005}.month-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed var(--border)}.month-name{font-weight:700;font-size:15px}.date-range{font-size:12px;color:var(--text-muted);font-family:monospace}.month-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-item{display:flex;flex-direction:column}.stat-item span{font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:600}.stat-item strong{font-size:14px;color:var(--text-main)}.stat-item.highlight strong{color:var(--success)}.stat-item.purple strong{color:var(--purple)}.stat-item.red span,.stat-item.red strong{color:var(--danger)}.full-width-stat{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:8px;margin-top:4px}.final-calculation{background:#f8fafc;padding:16px;border-radius:10px;margin-top:20px}.calc-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:8px}.calc-row span{color:var(--text-muted)}.calc-row strong{font-weight:600}.calc-row.purple strong{color:var(--purple)}.calc-row.red strong{color:var(--danger)}.calc-row.total{font-size:18px;font-weight:800;color:var(--success);margin-top:8px}.calc-divider{height:1px;background:#e2e8f0;margin:8px 0}.payment-form{margin-top:20px}.responsive-table-wrapper{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;width:100%}.custom-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8fafc}.custom-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px}.font-medium{font-weight:600}.font-mono{font-family:monospace}.font-success{color:var(--success);font-weight:700}.font-bold{font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-muted)}@media(max-width:820px){.salary-main{margin-left:0;padding:16px}}@media(max-width:768px){.salary-main{margin-left:0;padding:14px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.salary-card{padding:16px}.manage-profile-section{flex-direction:column;align-items:flex-start}.dates-grid{grid-template-columns:1fr;gap:12px}.date-inputs{gap:8px}.custom-table,.custom-table thead,.custom-table tbody,.custom-table tr,.custom-table td{display:block;width:100%;box-sizing:border-box}.custom-table thead{display:none}.custom-table tr{margin-bottom:12px;background:#fff;border-radius:10px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;padding:8px 0}.custom-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #f1f5f9;text-align:right}.custom-table td:last-child{border-bottom:none}.custom-table td:before{content:attr(data-label);font-weight:700;color:var(--text-muted);font-size:11px;text-transform:uppercase;text-align:left}.action-cell{justify-content:flex-end;padding-top:8px;padding-bottom:8px}.action-cell:before{display:none}}.records-history-section{margin-top:32px;border-top:1px solid var(--border);padding-top:24px}.records-history-section h3{font-size:16px;font-weight:700;margin-bottom:16px}.icon-btn{border:none;background:none;cursor:pointer;padding:6px;border-radius:6px;transition:.2s}.icon-btn.edit{color:var(--primary);background:#eff6ff;margin-right:4px}.icon-btn.delete{color:var(--danger);background:#fef2f2}.icon-btn:hover{transform:scale(1.1)}.action-cell-mini{display:flex;align-items:center;justify-content:center}.text-danger{color:var(--danger)!important}.date-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;height:var(--input-height);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;width:100%}.date-input-text{flex:1;border:none!important;height:100%!important;font-size:14px!important;padding:0 10px!important;outline:none;background:transparent!important;transition:color .3s;color:var(--text-main);min-width:0}.date-action-zone{position:relative;width:44px;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-left:1px solid var(--border);transition:all .3s ease;cursor:pointer}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg: #f8fafc;--card: #ffffff;--text: #1e293b;--muted: #64748b;--accent: #2563eb;--accent-dark: #1d4ed8;--success: #10b981;--danger: #ef4444;--radius: 12px;--border: #e2e8f0}.task-create-layout{display:flex;min-height:100vh;background:var(--bg);font-family:Poppins,sans-serif}.task-create-main{flex:1;padding:24px;margin-left:var(--sidebar-w);transition:all .24s ease;width:100%;box-sizing:border-box}.sidebar.collapsed~.task-create-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .task-create-main{transform:translate(var(--sidebar-w));margin-left:0!important}.tc-content-wrapper{position:relative;z-index:1}.task-create-header-row{margin-bottom:24px}.header-left-group{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;border:none;background:transparent;padding:8px;border-radius:8px;cursor:pointer;border:1px solid var(--border)}.task-create-header{display:flex;align-items:center;gap:10px}.header-icon{color:var(--accent)}.task-create-header h2{margin:0;font-size:22px;font-weight:800;color:#0f172a}.task-form{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:0 4px 20px #0000000a;max-width:800px;margin-bottom:32px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group.full{grid-column:span 2}.input-group label{display:block;margin-bottom:8px;font-weight:700;color:var(--muted);font-size:13px;text-transform:uppercase}.input-group input{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font-size:15px;outline:none}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a}.repeat-days{display:flex;gap:8px;flex-wrap:wrap}.day-button{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#f8fafc;font-weight:600;cursor:pointer}.day-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.task-form-actions{grid-column:span 2;display:flex;gap:12px;margin-top:10px}.tc-submit-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:#fff;padding:0 32px;height:48px;border-radius:12px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 15px #2563eb40}.tc-cancel-btn{background:#f1f5f9;color:var(--muted);padding:0 24px;height:48px;border-radius:12px;font-weight:700;border:none;cursor:pointer}.task-list-container{background:var(--card);border-radius:var(--radius);box-shadow:0 4px 20px #0000000a;overflow:hidden}.list-header-main{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.list-header-main h3{margin:0;font-size:18px;font-weight:800}.task-count{background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700;color:var(--muted)}.tc-table-ui{width:100%;display:flex;flex-direction:column}.tc-thead{display:flex;background:#f8fafc;border-bottom:2px solid var(--border)}.tc-th{padding:16px 24px;font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.tc-tbody{display:flex;flex-direction:column}.tc-tr{display:flex;border-bottom:1px solid #f1f5f9;transition:background .2s;align-items:center}.tc-tr:hover{background:#fbfcfe}.tc-td{padding:16px 24px;font-size:14px;color:var(--text)}.tc-w-task{width:30%}.tc-w-days{width:25%}.tc-w-time{width:10%}.tc-w-date{width:25%}.tc-w-actions{width:10%}.task-name-text{font-weight:700;color:var(--text)}.time-text{font-family:monospace;font-weight:600;color:var(--accent)}.mini-badge{background:#eff6ff;color:var(--accent);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;margin-right:4px;border:1px solid #dbeafe}.task-actions{display:flex;gap:8px}.tc-btn-edit{background:#f0fdf4;color:#16a34a;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.tc-btn-delete{background:#fef2f2;color:#ef4444;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center}@media(max-width:1024px){.tc-w-task{width:25%}.tc-w-date{width:30%}}@media(max-width:820px){.task-create-main{margin-left:0!important;padding:16px}.mobile-menu-btn{display:inline-flex}.task-form{grid-template-columns:1fr}.input-group.full{grid-column:span 1}.tc-submit-btn,.tc-cancel-btn{height:52px;width:100%;justify-content:center}.tc-thead{display:none}.tc-tr{flex-direction:column;padding:15px;border-bottom:8px solid #f8fafc}.tc-td{width:100%!important;padding:8px 0;display:flex;justify-content:space-between;align-items:center;text-align:right}.tc-td:before{content:attr(data-label);font-weight:800;color:var(--muted);text-transform:uppercase;font-size:11px;text-align:left}.task-actions{justify-content:flex-end;width:100%;margin-top:10px;border-top:1px solid #eee;padding-top:15px}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg: #f4f6fb;--card: #ffffff;--text: #111827;--muted: #6b7280;--accent: #2563eb;--success: #16a34a;--danger: #ef4444;--radius: 12px;--shadow: 0 4px 14px rgba(0,0,0,.06)}.task-layout{display:flex;min-height:100vh;background:var(--bg);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--text);overflow-x:visible}.task-main{flex:1;padding:22px 28px;margin-left:var(--sidebar-w);transition:margin-left .24s ease,background .2s ease,transform .24s ease;box-sizing:border-box;position:relative;z-index:1}.sidebar.collapsed~.task-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .task-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(min-width:1025px){body.mobile-sidebar-open .task-main{transform:none!important}}.task-header-row{display:flex;align-items:center;gap:12px;margin-bottom:6px;position:relative;z-index:1}.mobile-menu-btn{display:none;border:none;background:transparent!important;width:44px;height:44px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1}.mobile-menu-btn svg{color:var(--text)}.task-section{margin-bottom:28px}.task-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.task-header h2{font-size:1.4rem;margin:0;color:#0f172a;font-weight:600}.task-header .icon{color:var(--accent)}.task-table-container{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);overflow-x:auto}.task-table{width:100%;border-collapse:collapse;min-width:640px}.task-table th,.task-table td{padding:12px 10px;border-bottom:1px solid #edf2f7;text-align:left;font-size:14px;vertical-align:middle}.task-table th{background:#fbfdff;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px;font-size:12px}.task-table tr:hover{background:#fbfdff;transition:background .14s ease}.no-records{text-align:center;padding:12px 0;color:var(--muted);font-style:italic}.status{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:700;font-size:13px}.status-pending{background:#fef3c7;color:#92400e}.status-completed{background:#dcfce7;color:#166534}.btn-complete{background:var(--accent);color:#fff;border:none;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:700;display:inline-flex;gap:8px;align-items:center}.btn-complete:hover{background:#1d4ed8;transform:translateY(-1px)}.muted{color:#9ca3af;font-weight:600}@media(max-width:1024px){.task-main{margin-left:var(--sidebar-w-collapsed);padding:18px}.task-table{min-width:560px}}@media(max-width:768px){.task-main{margin-left:0;padding:14px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.task-header h2{font-size:1.2rem}.task-table{min-width:100%}.task-table th,.task-table td{padding:10px 8px;font-size:13px}.task-table-container{padding:10px;border-radius:10px}}@media(max-width:420px){.task-table,.task-table thead,.task-table tbody,.task-table th,.task-table td,.task-table tr{display:block}.task-table thead{display:none}.task-table tbody tr{display:block;margin-bottom:12px;background:var(--card);padding:8px;border-radius:10px;box-shadow:0 4px 12px #0000000a}.task-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.task-table tbody tr td:last-child{border-bottom:0}.task-table tbody tr td:before{content:attr(data-label);font-weight:700;color:var(--muted);margin-right:8px;flex:0 0 auto;white-space:nowrap;font-size:12px}}button:focus,a:focus,input:focus{outline:3px solid rgba(37,99,235,.12);outline-offset:2px;border-radius:8px}.stock-layout{display:flex;min-height:100vh;background:#f6f8fa;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111827;overflow-x:visible}.stock-fade-in{position:relative;z-index:1}.stock-main{flex:1;display:flex;flex-direction:column;margin-left:240px;padding:22px;transition:margin-left .24s ease,filter .2s ease,pointer-events .2s ease,transform .24s ease;min-height:100vh}.stock-layout .sidebar.collapsed~.stock-main,.stock-layout.sidebar-collapsed .stock-main{margin-left:80px}body.mobile-sidebar-open .stock-main{margin-left:0!important;transform:translate(240px)}@media(min-width:1025px){body.mobile-sidebar-open .stock-main{transform:none!important}}.stock-layout .sidebar.mobile-open~.stock-main,.stock-layout .sidebar.open.mobile-open~.stock-main,.stock-layout .sidebar.open~.stock-main{filter:brightness(.96);pointer-events:none}.stock-main[aria-hidden=true]{pointer-events:none;-webkit-user-select:none;user-select:none}.stock-card{background:#fff;border-radius:12px;box-shadow:0 6px 22px #0206170f;padding:18px;animation:fadeIn .22s ease-in-out}.stock-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.stock-icon{color:#2563eb}#stock-title{font-size:1.2rem;margin:0;font-weight:700}.stock-body{display:flex;flex-direction:column;gap:14px}.stock-controls{display:flex;align-items:center;gap:14px;justify-content:space-between}.btn-add{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700}.small-note{color:#64748b;font-size:.9rem;margin:0}.stock-add-form{margin-top:8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#0f172a}.form-grid input[type=text],.form-grid input[type=number],.form-grid select{padding:8px 10px;border-radius:8px;border:1px solid #e6e9ef;background:#fff;font-size:.95rem}.form-actions{display:flex;gap:8px;align-items:center}.btn-primary{background:#16a34a;color:#fff;padding:8px 12px;border:none;border-radius:8px;font-weight:700;cursor:pointer}.btn-primary[disabled]{opacity:.7;cursor:not-allowed}.btn-cancel{background:transparent;border:1px solid #e5e7eb;padding:8px 10px;border-radius:8px;cursor:pointer}.parts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.part-col{background:transparent}.stock-part-section{background:#fff;border-radius:10px;padding:12px;box-shadow:0 3px 10px #0206170a}.stock-part-section .part-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.part-heading-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.part-heading{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.part-search{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6e9ef;padding:6px 8px;border-radius:8px;min-width:180px;box-shadow:0 2px 8px #0206170a}.part-search svg{opacity:.7}.part-search input[type=search]{border:none;outline:none;font-size:.9rem;padding:6px 4px;min-width:90px;background:transparent;color:inherit}.table-wrap{overflow-x:auto}.stock-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:320px}.stock-table thead{background:#f0f4ff;color:#0f172a}.stock-table th,.stock-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle}.stock-table th{font-weight:700}.stock-table th.actions-col,.stock-table td.actions-col{text-align:center}.stock-table td[data-label="#"]{width:48px}.cell-size{font-weight:600;color:#0f172a}.cell-input{width:100px;padding:6px 8px;border-radius:6px;border:1px solid #e6e9ef;font-size:.95rem}.action-group{display:flex;gap:8px;align-items:center;justify-content:center}.btn-edit,.btn-save,.btn-delete{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:.9rem}.btn-edit{background:#3b82f6;color:#fff}.btn-save{background:#16a34a;color:#fff}.btn-delete{background:transparent;color:#dc2626;border:1px solid rgba(220,20,60,.08)}.muted{color:#64748b}.mobile-menu-btn{display:none;position:relative;z-index:1300;background:#fff;border:1px solid rgba(15,23,42,.06);width:40px;height:40px;border-radius:10px;display:inline-grid;place-items:center}@media(max-width:1024px){.stock-main{margin-left:80px;padding:18px}.parts-grid{grid-template-columns:1fr}}@media(max-width:768px){.stock-main{margin-left:0;padding:14px}.parts-grid{grid-template-columns:1fr}.cell-input{width:80px}.mobile-menu-btn{display:inline-grid}.stock-layout .sidebar.mobile-open{position:fixed;top:0;left:0;width:82%;max-width:360px;height:100vh;z-index:1200;box-shadow:0 20px 60px #0206174d;transform:translate(0);transition:transform .24s ease;background:#fff;overflow-y:auto}.stock-part-section .part-heading-row{flex-direction:column;align-items:flex-start;gap:8px}.part-search{width:100%;justify-content:flex-start}.part-search input[type=search]{min-width:120px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sc-scope{--card-bg: #ffffff;--main-bg: #f8fafc;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--primary-dark: #1e40af;--accent: #7c3aed;--danger: #ef4444;--radius: 12px;--sidebar-w: 240px;--sidebar-w-collapsed: 80px}.scrap-layout{display:flex;background:var(--main-bg);min-height:100vh;font-family:Poppins,sans-serif}.scrap-main{flex:1;padding:24px;margin-left:var(--sidebar-w);transition:margin-left .3s ease,transform .3s ease;width:100%;box-sizing:border-box}.sidebar.collapsed~.scrap-main{margin-left:var(--sidebar-w-collapsed)}.sc-fade-in-wrapper{position:relative;z-index:1;animation:scFade .3s ease-in-out}@keyframes scFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scrap-header-modern{display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);padding:20px 24px;border-radius:var(--radius);box-shadow:0 4px 12px #00000008;margin-bottom:24px;flex-wrap:wrap;gap:16px}.title-stack h1{margin:0;font-size:22px;font-weight:800}.title-stack p{margin:0;font-size:13px;color:var(--muted)}.header-actions{display:flex;gap:10px}.btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;height:44px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap}.btn-modern.add{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 4px 15px #2563eb40}.btn-modern.export{background:#fff;border:1.5px solid var(--border);color:var(--text)}.btn-modern:hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-modern:active{transform:translateY(0)}.btn-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.animate-spin{animation:spin 1s linear infinite}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--card-bg);padding:24px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 15px #00000005;border-left:6px solid #e2e8f0}.stat-card.purchase{border-left-color:var(--primary)}.stat-card.sale{border-left-color:var(--accent)}.stat-card.balance{border-left-color:red}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-val{font-size:26px;font-weight:800}.stat-val small{font-size:14px;color:var(--muted)}.stat-icon{color:var(--primary);opacity:.15}.scrap-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sc-col{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:0 4px 15px #00000005}.col-heading{margin:0 0 16px;font-size:16px;font-weight:700;text-transform:uppercase;color:var(--muted)}.sc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.sc-table{width:100%;border-collapse:collapse;min-width:320px}.sc-table th{text-align:left;padding:12px;font-size:12px;color:var(--muted);border-bottom:2px solid var(--main-bg)}.sc-table td{padding:12px;border-bottom:1px solid var(--main-bg);font-size:14px}.right-header{text-align:right!important;padding-right:20px!important}.right-cell{text-align:right!important;padding-right:12px!important}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}.edit-input{width:80px;padding:6px;border:1.5px solid var(--primary);border-radius:6px;font-size:14px;outline:none}.action-group-right{display:flex;gap:8px;justify-content:flex-end}.btn-icon{border:none;padding:8px;border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.btn-icon.edit{color:var(--primary);background:#eff6ff}.btn-icon.delete{color:var(--danger);background:#fef2f2}.btn-icon.save{background:#dcfce7;color:#15803d}.btn-icon.cancel{background:#f1f5f9;color:var(--muted)}.sc-select-wrapper{position:relative;width:100%}.sc-select-wrapper select{appearance:none;-webkit-appearance:none;padding-right:35px!important}.sc-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted)}.sc-modal-backdrop{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.sc-modal{background:#fff;width:100%;max-width:550px;border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000040}.sc-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sc-modal-header h3{margin:0;font-size:20px;font-weight:800}.sc-close-btn{background:none;border:none;cursor:pointer;color:var(--muted)}.sc-modal-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sc-modal-body .full{grid-column:span 2}.form-item label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:8px}.form-item input,.form-item select{width:100%;padding:12px;border-radius:12px;border:1.5px solid var(--border);font-size:15px;outline:none;background:#fff;transition:.2s}.form-item input:focus,.form-item select:focus{border-color:var(--primary)}.sc-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.btn-cancel-modal{background:#f1f5f9;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer}.btn-save-modal{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer}@media(max-width:920px){.scrap-dual-grid{grid-template-columns:1fr}}@media(max-width:820px){.scrap-main{margin-left:0!important;padding:16px}.mobile-menu-btn{display:inline-flex;background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px}.scrap-header-modern{flex-direction:column;align-items:stretch}.header-actions{width:100%;flex-direction:column}.btn-modern{height:48px;width:100%;justify-content:center}}body.mobile-sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%}body.mobile-sidebar-open .scrap-main{transform:translate(var(--sidebar-w))}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg: #f5f6fa;--card: #fff;--text: #111827;--muted: #64748b;--accent: #2563eb;--accent-2: #7c3aed;--danger: #ef4444;--warning: #d97706;--success: #16a34a;--shadow: 0 3px 10px rgba(2, 6, 23, .06);--modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--radius: 12px;--font-main: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}.ration-layout{display:flex;min-height:100vh;background:var(--bg);font-family:var(--font-main);color:var(--text)}.ration-main{flex:1;display:block;margin-left:var(--sidebar-w);position:relative;z-index:1;padding:0;transition:margin-left .24s ease,padding .16s ease,transform .24s ease;width:100%}.ration-fade-in{padding:24px;position:relative;z-index:1}.sidebar.collapsed~.ration-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .ration-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(min-width:769px){body.mobile-sidebar-open .ration-main{transform:none!important}}.ration-header{margin-bottom:20px}.ration-main h1{font-size:1.5rem;font-weight:700;color:var(--text)}.ration-main .muted{color:var(--muted);font-size:.9rem}.mobile-menu-btn{display:none;border:none;background:transparent;padding:8px;border-radius:8px;color:var(--text);cursor:pointer;position:relative;z-index:1}@media(max-width:768px){.ration-main{margin-left:0}.ration-fade-in{padding:16px}.mobile-menu-btn{display:inline-flex}.expense-form-grid{grid-template-columns:1fr!important;gap:12px!important}.expense-form-grid button{width:100%}.header-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}.period-filters-box{width:100%;overflow-x:auto}}.card,.group-detail-section,.add-expense-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(226,232,240,.8)}input,select,textarea{font-family:var(--font-main);padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:var(--text);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.btn-add,.btn-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:transform .1s,opacity .2s}.btn-add:active,.btn-save:active{transform:scale(.98)}.btn-add:disabled,.btn-save:disabled{opacity:.7;cursor:not-allowed}.btn-export,.btn-close-sheet,.btn-cancel,.btn-refresh{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.btn-export:hover,.btn-close-sheet:hover,.btn-cancel:hover{background-color:#e2e8f0!important}.btn-cancel{padding:10px 20px;background:#f1f5f9;border:none;border-radius:8px;color:var(--text);font-weight:500}.table-container,.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:600px}th,td{padding:10px 12px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:middle;font-size:.9rem}thead th{background:#f8fafc;color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}th:nth-child(n+4),td:nth-child(n+4){text-align:right}.groups-table th:nth-child(4),.groups-table td:nth-child(4){text-align:center}.groups-table th:last-child,.groups-table td:last-child{text-align:center}.expenses-table th:nth-child(3),.expenses-table td:nth-child(3){text-align:right}.expenses-table th:nth-child(4),.expenses-table td:nth-child(4){text-align:center!important}.expenses-table th:nth-child(5),.expenses-table td:nth-child(5){text-align:left!important}.expenses-table th:last-child,.expenses-table td:last-child{text-align:center}.leader-chip{display:inline-block;white-space:nowrap}.date-chip{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:12px;font-family:monospace;color:var(--text)}.action-buttons-wrapper{display:flex;gap:6px;justify-content:center}.btn-action{background:transparent;border:1px solid transparent;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-action:hover{background-color:#f1f5f9;border-color:#e2e8f0}.btn-action.edit{color:var(--accent)}.btn-action.delete{color:var(--danger)}.btn-action.remove-member{color:var(--warning)}.btn-delete-small{padding:6px;border-radius:4px;transition:background .2s}.btn-delete-small:hover{background-color:#fee2e2}.modal-backdrop{position:fixed;inset:0;background-color:#0f172a99;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:16px}.modal-container{background:#fff;border-radius:16px;box-shadow:var(--modal-shadow);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);margin-top:20px}.group-modal-size{max-width:750px;height:85vh}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;color:var(--text);display:flex;align-items:center;gap:8px}.modal-body{padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column}.modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;background-color:#f8fafc;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;justify-content:flex-end;gap:12px;margin-top:auto}.btn-close-modal{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:4px;display:flex;border-radius:50%;transition:background .2s}.btn-close-modal:hover{background:#f1f5f9;color:var(--text)}.modal-label{display:block;margin-bottom:8px;font-weight:600;font-size:.9rem;color:#334155;display:flex;justify-content:space-between;align-items:center}.count-badge{background:#e0f2fe;color:#0369a1;font-size:11px;padding:2px 8px;border-radius:12px}.styled-input{width:100%;padding:12px;border-radius:8px;border:1px solid #cbd5e1;font-size:15px;transition:all .2s}.styled-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.leaders-chip-container{display:flex;flex-wrap:wrap;gap:8px;max-height:80px;overflow-y:auto}.chip{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;transition:all .2s;padding:6px 14px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#64748b}.chip:active{transform:scale(.95)}.chip-active{background:#dbeafe;border-color:#2563eb;color:#1e40af;font-weight:600}.search-input-wrapper{position:relative;width:200px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:6px 10px 6px 32px;font-size:13px;border-radius:20px;border:1px solid #cbd5e1}.group-modal-grid-wrapper{flex:1;min-height:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:10px;overflow-y:auto}.group-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.member-option-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;user-select:none}.member-option-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 5px #00000008}.member-option-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.member-option-card.disabled{opacity:.6;background:#f1f5f9;cursor:not-allowed}.member-avatar{width:32px;height:32px;background:#e2e8f0;color:#475569;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.member-option-card.selected .member-avatar{background:#bfdbfe;color:#1e40af}.member-info{flex:1;min-width:0}.member-name{font-size:13px;font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-pos{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkbox-indicator{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;background:#fff}.member-option-card.selected .checkbox-indicator{background:#2563eb;border-color:#2563eb}.remove-member-list{border:1px solid #cbd5e1;border-radius:8px;max-height:250px;overflow-y:auto;-webkit-overflow-scrolling:touch}.remove-member-item{padding:12px 16px;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;font-weight:500}.remove-member-item:last-child{border-bottom:none}.remove-member-item:hover{background-color:#f8fafc}.remove-member-item.selected{background-color:#fef2f2;color:var(--danger);font-weight:600}.date-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.date-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.date-input-text{flex:1;border:none!important;height:100%!important;font-size:14px!important;padding:0 8px!important;outline:none;background:transparent!important;transition:color .3s;color:var(--text)}.date-action-zone{position:relative;width:44px;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-left:1px solid #cbd5e1;transition:all .3s ease;cursor:pointer}.date-wrapper:focus-within .date-action-zone .cal-icon{color:var(--accent);transform:scale(1.1)}.date-action-zone:hover .cal-icon{transform:scale(1.15) rotate(-5deg);color:var(--accent)}.ration-fade-in{position:relative;z-index:1}button:focus,a:focus,input:focus{outline:3px solid rgba(37,99,235,.12);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.cashbook-root input,.cashbook-root select,.cashbook-root button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Poppins,system-ui,-apple-system,sans-serif}.cb-layout{display:flex;min-height:100vh;background:var(--bg-gradient);font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased}.cb-main{flex:1;display:flex;flex-direction:column;padding:24px 32px;margin-left:var(--sidebar-w);transform:translate(0);will-change:transform,margin-left;transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;position:relative;z-index:1}.sidebar.collapsed~.cb-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .cb-main{margin-left:0!important;transform:translate(var(--sidebar-w))!important}body.mobile-sidebar-open .sidebar.collapsed~.cb-main{transform:translate(var(--sidebar-w-collapsed))!important}.cb-content-wrapper{position:relative;z-index:10}.cb-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.cb-header-left{display:flex;align-items:center;gap:16px}.cb-title{display:flex;align-items:center;gap:12px}.cb-title h2{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;color:#0f172a}.cb-icon{color:var(--primary);background:#eff6ff;padding:10px;border-radius:12px;display:flex;box-shadow:0 4px 10px var(--primary-glow)}.cb-header-actions{display:flex;gap:12px;flex-wrap:wrap}.cb-btn-outline{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;background:#ffffffe6;border:1px solid var(--border-dark);color:var(--text-main);font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.95rem;box-shadow:var(--shadow-sm)}.cb-btn-outline:hover:not(:disabled){background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:0 6px 15px var(--primary-glow);transform:translateY(-2px)}.cb-btn-outline:disabled{opacity:.6;cursor:not-allowed;transform:none}.cb-filter-container{display:flex;align-items:center;gap:16px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);padding:16px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px;flex-wrap:wrap}.cb-filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase}.cb-filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cb-filter-select,.cb-filter-input{border:1px solid var(--border-dark);border-radius:var(--radius-sm);padding:0 16px;height:42px;font-size:.95rem;outline:none;background:#fff;font-family:inherit;color:var(--text-main);transition:.3s ease;cursor:pointer;box-shadow:inset 0 2px 4px #00000005}.cb-filter-select:focus,.cb-filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.range-inputs{display:flex;align-items:center;gap:10px}.range-sep{font-size:14px;font-weight:600;color:var(--muted)}.cb-form-card{position:relative;z-index:50;background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:30px;transition:box-shadow .3s ease}.cb-form-card:hover{box-shadow:var(--shadow-lg)}.cb-ledger-form{display:grid;grid-template-columns:1.2fr 2.5fr 1fr 2.8fr;gap:20px;align-items:flex-end}.cb-input-group{display:flex;flex-direction:column;gap:8px;position:relative}.cb-input-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.shortcut-hint{font-size:10px;color:#94a3b8;text-transform:none;font-weight:400;margin-left:6px}.cb-input{height:48px;padding:0 16px;border:1px solid var(--border-dark);border-radius:var(--radius-md);font-size:.95rem;outline:none;background:#fff;font-family:inherit;transition:all .3s ease;color:var(--text-main);box-shadow:inset 0 2px 4px #00000005}.cb-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.select-debit{color:var(--danger)!important;font-weight:700}.select-credit{color:var(--success)!important;font-weight:700}.cb-select-wrapper{position:relative;display:flex;align-items:center}.cb-select-arrow{position:absolute;right:14px;pointer-events:none;color:var(--text-muted);transition:.3s}.cb-select-wrapper:focus-within .cb-select-arrow{color:var(--primary);transform:rotate(180deg)}.cb-select-wrapper select{width:100%;padding-right:40px!important;cursor:pointer}.no-stepper-scroll{-moz-appearance:textfield}.no-stepper-scroll::-webkit-inner-spin-button,.no-stepper-scroll::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cb-date-stepper{display:flex;align-items:center;background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius-md);height:48px;overflow:hidden;transition:.3s ease;box-shadow:inset 0 2px 4px #00000005}.cb-date-stepper:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.cb-date-stepper button{width:48px;height:100%;border:none;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:.2s}.cb-date-stepper button:hover{background:#e2e8f0;color:var(--text-main)}.cb-date-stepper input{flex:1;height:100%;border:none;border-left:1px solid var(--border-dark);border-right:1px solid var(--border-dark);text-align:center;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text-main);outline:none;background:transparent}.autocomplete-wrapper{position:relative;z-index:100}.autocomplete-wrapper input{width:100%;box-sizing:border-box}.suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:0 15px 35px #00000026;list-style:none;padding:8px 0;margin:8px 0 0;z-index:999;max-height:250px;overflow-y:auto}.suggestions-list li{padding:14px 20px;cursor:pointer;font-size:.95rem;border-bottom:1px solid #f8fafc;transition:.15s}.suggestions-list li:last-child{border-bottom:none}.suggestions-list li:hover,.suggestions-list li.active{background:#eff6ff;color:var(--primary);font-weight:600;padding-left:24px}.amount-submit-row input{flex:1;min-width:120px}.cb-submit-btn{height:48px;border:none;border-radius:var(--radius-sm);padding:0 24px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-family:inherit;white-space:nowrap;flex-shrink:0;color:#fff}.cb-submit-btn.debit{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 15px #ef44444d}.cb-submit-btn.credit{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 15px #10b9814d}.cb-submit-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.1)}.cb-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cb-table-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.cb-ledger-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}.cb-ledger-table th,.cb-ledger-table td{padding:18px 24px;border-bottom:1px solid rgba(0,0,0,.04);font-size:.95rem;text-align:left;vertical-align:middle}.cb-ledger-table thead th{background:#f8fafccc;font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cb-ledger-table tbody tr{transition:background .2s ease;cursor:default}.cb-ledger-table tbody tr:hover{background:#ffffffe6}.w-sr{width:8%}.w-date{width:15%}.w-desc{width:37%}.w-amt{width:15%}.w-act{width:12%}.date-bold{font-weight:700;color:var(--text-main)}.amt-cell{font-weight:800;font-family:Courier New,Courier,monospace;font-size:1.05rem}.text-danger{color:var(--danger)}.date-chip{background:#f1f5f9;padding:6px 10px;border-radius:8px;font-size:.85rem;font-family:inherit;font-weight:600;color:var(--text-main);border:1px solid var(--border-dark)}.cb-btn-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;padding:8px}.cb-btn-icon:hover{transform:translateY(-1px)}.cb-btn-icon.danger{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca}.cb-btn-icon.danger:hover{background:var(--danger);color:#fff;box-shadow:0 4px 10px #ef444433}.ledger-totals-row td{background:#f8fafc;border-top:2px solid var(--border-dark);padding:20px 24px;font-size:1.1rem}.totals-label{font-weight:800;text-align:right;color:var(--text-main)}.empty-table{text-align:center!important;padding:40px!important;color:var(--text-muted);font-weight:500;font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);width:100%;max-width:500px;border-radius:var(--radius-lg);padding:30px;box-shadow:0 25px 50px #0003;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{margin:0;font-size:1.4rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.close-btn{background:#f1f5f9;border:none;cursor:pointer;color:var(--text-main);padding:8px;border-radius:50%;display:flex;transition:all .2s}.close-btn:hover{background:#e2e8f0;transform:rotate(90deg)}.shortcut-form{display:flex;gap:12px;margin-bottom:24px}.shortcut-form input{flex:1}.cb-btn-modal{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:0 24px;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.95rem;box-shadow:0 4px 15px var(--primary-glow)}.cb-btn-modal:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.shortcuts-list{display:flex;flex-direction:column;gap:10px;max-height:350px;overflow-y:auto;padding-right:8px}.shortcuts-list::-webkit-scrollbar{width:6px}.shortcuts-list::-webkit-scrollbar-track{background:transparent}.shortcuts-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f8fafc;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;border:1px solid var(--border-dark);transition:.2s}.shortcut-item:hover{background:#fff;border-color:var(--primary);box-shadow:0 4px 12px #00000008}.shortcut-item button{background:var(--danger-bg);border:1px solid #fecaca;color:var(--danger);cursor:pointer;display:flex;padding:6px;border-radius:8px;transition:.2s}.shortcut-item button:hover{background:var(--danger);color:#fff}@media(max-width:1100px){.cb-ledger-form{grid-template-columns:1fr 1fr}}@media(max-width:820px){.cb-main{margin-left:0!important;padding:0;transform:translate(0)}.cb-content-wrapper{padding:5px}.mobile-menu-btn{display:inline-flex}.cb-header-row{align-items:flex-start;flex-direction:column;gap:20px}.cb-header-left h2{font-size:1.4rem}.cb-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.cb-btn-outline{font-size:.8rem;padding:0;height:40px}.cb-filter-container{flex-direction:column;align-items:flex-start;padding:20px}.cb-filter-controls{width:100%;flex-direction:column;align-items:stretch;gap:12px}.range-inputs{flex-direction:column;align-items:stretch}.range-sep{text-align:center;padding:4px 0}.cb-form-card{padding:20px}.cb-ledger-form{grid-template-columns:1fr;gap:16px}.amount-submit-row{flex-direction:column;align-items:stretch}.cb-submit-btn{width:100%}.cb-table-container{border-radius:12px;padding:0;border-left:none;border-right:none}.cb-ledger-table{min-width:100%}.cb-ledger-table th,.cb-ledger-table td{padding:12px 10px;font-size:.8rem;word-wrap:break-word;white-space:normal;text-align:left}.cb-ledger-table thead th{padding:10px;font-size:.75rem}.amt-cell{font-size:.85rem}.date-bold{font-size:.75rem}.cb-btn-icon{padding:6px}.cb-btn-icon svg{width:14px;height:14px}.ledger-totals-row td{padding:12px 10px;font-size:.9rem}.modal-content{width:95%;padding:20px}}.otm-scope{--card-bg: #ffffff;--main-bg: #f8fafc;--border-color: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--primary-color: #2563eb;--danger-color: #ef4444;--radius: 12px;--sidebar-w: 240px;--sidebar-w-collapsed: 80px;font-family:Poppins,sans-serif}.otm-layout{display:flex;min-height:100vh;background:var(--main-bg)}.otm-main{flex:1;padding:24px;margin-left:var(--sidebar-w);transition:all .3s ease;width:100%;box-sizing:border-box}.sidebar.collapsed~.otm-main{margin-left:var(--sidebar-w-collapsed)}@media(max-width:820px){.otm-main{margin-left:0;padding:16px}}.otm-card{max-width:1100px;margin:0 auto;background:var(--card-bg);border-radius:var(--radius);padding:24px;box-shadow:0 4px 20px #0000000d;border:1px solid var(--border-color)}.otm-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.otm-header-left{display:flex;align-items:center;gap:12px}.otm-title-group h1{font-size:20px;margin:0;color:var(--text-primary)}.otm-title-group .muted{font-size:13px;color:var(--text-secondary);margin:0}.mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border-color);padding:8px;border-radius:8px;cursor:pointer}@media(max-width:820px){.mobile-menu-btn{display:inline-flex}.otm-header{flex-direction:column;align-items:flex-start}}.otm-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.otm-export-group{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn.primary{background:var(--primary-color);color:#fff;border:none}.btn.primary:hover{background:#1d4ed8}.btn.outline{background:#fff;border:1px solid var(--border-color);color:var(--text-primary)}.btn.outline:hover{background:#f8fafc;border-color:#94a3b8}.btn.outline.whatsapp{color:#166534;border-color:#bbf7d0}.btn-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.otm-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}.otm-table{width:100%;border-collapse:collapse;min-width:700px}.otm-table thead th{background:#f1f5f9;padding:12px 16px;font-size:12px;font-weight:800;text-transform:uppercase;text-align:left;border-bottom:2px solid var(--border-color);color:#000}.otm-table td{padding:8px 12px;border-bottom:1px solid var(--border-color)}.cell-input{width:100%;background:transparent;border:1px solid transparent;padding:8px 10px;border-radius:6px;font-size:14px;color:#000;transition:all .2s}.cell-input:hover{border-color:var(--border-color);background:#fff}.cell-input:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.cell-right{text-align:right}.actions-col{width:50px;text-align:center}.btn-icon.danger{background:transparent;border:none;color:var(--text-secondary);padding:6px;border-radius:6px;cursor:pointer}.btn-icon.danger:hover{background:#fef2f2;color:var(--danger-color)}.total-row td{background:#f8fafc;font-weight:800;color:#000!important;font-size:14px;border-top:2px solid var(--border-color)}.otm-footer-controls{margin-top:24px;display:flex;justify-content:flex-end;align-items:center;gap:24px}.otm-toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.otm-toggle input{display:none}.otm-toggle-track{width:36px;height:20px;background:#cbd5e1;border-radius:20px;position:relative;transition:.2s}.otm-toggle input:checked+.otm-toggle-track{background:var(--primary-color)}.otm-toggle-indicator{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.2s;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.otm-toggle input:checked+.otm-toggle-track .otm-toggle-indicator{transform:translate(16px)}.otm-toggle-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.otm-rate-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:#f8fafc;color:#000}.otm-rate-box label{font-weight:800;font-size:14px}.rate-input{width:90px;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;font-weight:600;color:#000}@media(max-width:600px){.otm-footer-controls{flex-direction:column;align-items:stretch}.otm-btn-group{width:100%}.btn{flex:1}.otm-rate-box{justify-content:space-between}}body.mobile-sidebar-open{overflow:hidden;position:fixed;width:100%}body.mobile-sidebar-open .otm-main{transform:translate(var(--sidebar-w))}:root{--primary: #2563eb;--bg: #f8fafc;--card-bg: #ffffff;--text-main: #1e293b;--text-light: #64748b;--border: #e2e8f0;--danger: #ef4444;--input-height: 48px;--sidebar-w: 240px;--sidebar-w-collapsed: 80px}.advance-layout{display:flex;min-height:100vh;background-color:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.advance-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;padding:24px;transition:margin-left .24s ease,padding .16s ease,transform .24s ease;width:100%;box-sizing:border-box}.sidebar.collapsed~.advance-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .advance-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(min-width:1025px){body.mobile-sidebar-open .advance-main{transform:none!important}}.content-container{width:100%;box-sizing:border-box;max-width:1600px;margin:0 auto;position:relative;z-index:10}.advance-header-wrapper{display:flex;flex-direction:column;gap:16px;margin-bottom:18px}.header-top-row{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:10px}.mobile-menu-btn{display:none;background:none;border:none;padding:8px 4px 8px 0;color:var(--text-main);cursor:pointer}.page-title{font-size:24px;font-weight:800;color:var(--text-main);margin:0;display:flex;align-items:center;gap:10px}.icon-box{width:38px;height:38px;background:#dbeafe;color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.mobile-total-badge{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;padding:6px 14px;border-radius:20px;font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap}.mobile-total-badge .lbl{font-weight:500;opacity:.8}.mobile-total-badge .val{font-weight:800;font-size:16px}.filters-bar{display:flex;align-items:center;gap:10px;background:var(--card-bg);padding:8px;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border);flex-wrap:wrap}.filter-select-wrapper{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:8px;padding:0 10px;flex:1;min-width:140px}.filter-select,.filter-input{height:44px;border:none;background:transparent;font-size:14px;color:var(--text-main);outline:none;width:100%}.filter-input{background:#f1f5f9;border-radius:8px;padding:0 10px}.refresh-btn{background:#fff;border:1px solid var(--border);color:var(--text-light);cursor:pointer;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-section{margin-bottom:24px}.glass-card{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid var(--border)}.card-heading-mobile{display:block;font-weight:700;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:end}.input-group{display:flex;flex-direction:column;gap:6px}.input-group.full{grid-column:1 / -1}.input-group label{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-light);letter-spacing:.5px}select,input:not([type=date]){height:var(--input-height);padding:0 12px;border:1px solid var(--border);border-radius:8px;font-size:16px;background:#fff;width:100%;box-sizing:border-box}.date-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;height:var(--input-height);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.date-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.date-input-text{flex:1;border:none!important;height:100%!important;font-size:15px!important;padding:0 12px!important;outline:none;background:transparent!important;transition:color .3s}.date-input-text::placeholder{color:#94a3b8}.date-action-zone{position:relative;width:50px;height:100%;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-left:1px solid #e2e8f0;transition:all .3s ease;cursor:pointer}.date-wrapper:focus-within .date-action-zone{background:#eff6ff;border-left-color:#bfdbfe}.date-action-zone .cal-icon{color:#64748b;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s}.date-wrapper:focus-within .date-action-zone .cal-icon{color:var(--primary);transform:scale(1.1)}.date-action-zone:hover .cal-icon{transform:scale(1.15) rotate(-5deg);color:var(--primary)}.hidden-native-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0;margin:0}.hidden-native-picker::-webkit-calendar-picker-indicator{display:block;width:100%;height:100%;cursor:pointer;opacity:1}select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:30px;-webkit-appearance:none}.form-footer{margin-top:20px;display:flex;justify-content:flex-end}.submit-btn{background:var(--primary);color:#fff;border:none;height:var(--input-height);padding:0 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px #2563eb33;transition:transform .1s}.submit-btn:focus{outline:3px solid rgba(37,99,235,.4);outline-offset:2px}.submit-btn:active{transform:scale(.98)}.records-card{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 6px #00000005;border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column}.records-header-main{padding:16px 20px;border-bottom:1px dashed var(--border);display:flex;justify-content:space-between;align-items:center}.records-header-main h3{margin:0;font-size:18px;font-weight:800;color:var(--text-main)}.record-count-badge{background:#f1f5f9;font-size:12px;padding:4px 8px;border-radius:12px;color:var(--text-light);font-weight:600}.records-header-sub{padding:10px 20px;background:#f8fafc;border-bottom:1px solid var(--border)}.employee-badge{font-size:14px;font-weight:700;color:var(--primary)}.table-responsive-wrapper{position:relative;width:100%}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.custom-table{width:100%;border-collapse:collapse;min-width:600px}.custom-table th{background:#f8fafc;color:var(--text-light);font-weight:600;text-transform:uppercase;font-size:11px;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.custom-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.amount-cell{font-weight:700;color:#0f172a}.note-cell{color:#64748b;font-size:.85rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-name{font-weight:500;color:#334155}.date-chip{background:#f1f5f9;padding:4px 8px;border-radius:6px;font-size:12px;font-family:monospace;color:var(--text-main)}.delete-btn{width:32px;height:32px;background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.th-fixed-width-xs{width:40px}.th-fixed-width-sm{width:70px}.th-min-width-sm{min-width:90px}.th-min-width-md{min-width:140px}.th-min-width-lg{min-width:180px}@media(max-width:900px){.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.advance-main{margin-left:0;padding:14px}.content-container{padding:0}.mobile-menu-btn{display:block}.advance-header-wrapper{gap:12px;margin-bottom:16px}.filters-bar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px}.filter-select-wrapper{grid-column:1 / -1}.refresh-btn{grid-column:2;grid-row:2}.form-grid{grid-template-columns:1fr;gap:16px}.card-heading-mobile{display:block;font-weight:700;margin-bottom:12px}.glass-card{padding:16px}.submit-btn{width:100%}}@media(max-width:600px){.custom-table{display:block;min-width:100%}.custom-table thead{display:none}.custom-table tbody,.custom-table tr,.custom-table td{display:block;width:100%;box-sizing:border-box}.custom-table tr{margin-bottom:12px;background:#fff;border-radius:12px;border:1px solid var(--border);padding:8px 0;box-shadow:0 2px 4px #00000008}.custom-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;text-align:right!important;border-bottom:1px solid #f1f5f9;min-height:44px}.custom-table td:last-child{border-bottom:none}.custom-table td:before{content:attr(data-label);float:left;font-weight:600;color:var(--text-light);font-size:12px;text-transform:uppercase}.text-left,.text-center,.text-right{text-align:right!important}.note-cell{max-width:100%;white-space:normal}.custom-table td[data-label=Action]{justify-content:flex-end;padding:6px 16px}.custom-table td[data-label=Action]:before{display:none}}@media(max-width:400px){.mobile-total-badge .lbl{display:none}}:root{--sidebar-width-desktop: 240px;--sidebar-width-collapsed: 80px;--ot-primary: #7e22ce;--ot-bg: #f3e8ff;--ot-hover: #6b21a8;--ot-light: #faf5ff;--bg: #f6f8fb;--card: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--radius: 16px}.overtime-container{display:flex;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.overtime-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width-desktop);padding:24px;transition:margin-left .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box}.sidebar.collapsed~.overtime-main{margin-left:var(--sidebar-width-collapsed)}body.mobile-sidebar-open .overtime-main{margin-left:0!important;transform:translate(var(--sidebar-width-desktop))}@media(min-width:1025px){body.mobile-sidebar-open .overtime-main{transform:none!important}}.ot-fade-in{animation:fadeIn .4s ease-in-out;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overtime-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-title{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:-.02em;color:#1e293b;margin:0}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--muted);padding:8px 8px 8px 0;-webkit-tap-highlight-color:transparent}.ot-calendar-wrapper{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px -10px #0000000d;border:1px solid var(--border);margin-bottom:24px;display:flex;flex-direction:column;align-items:center}.react-calendar.ot-calendar{border:none;width:100%;max-width:400px;font-family:inherit;background:transparent}.react-calendar__navigation button{min-width:44px;height:44px;background:none;font-size:16px;font-weight:700;color:#334155;border-radius:8px}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#f1f5f9}.react-calendar__month-view__weekdays{text-transform:uppercase;font-size:.75em;color:#94a3b8;text-decoration:none;font-weight:600}.react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.react-calendar__tile{padding:12px 6px;height:44px;border-radius:10px;font-weight:500;color:#475569;font-size:14px}.react-calendar__tile:enabled:hover{background:#f8fafc;color:var(--ot-primary)}.react-calendar.ot-calendar .react-calendar__tile--active{background:var(--ot-primary)!important;color:#fff!important;box-shadow:0 4px 12px #7e22ce4d}.react-calendar.ot-calendar .react-calendar__tile--now{background:var(--ot-bg);color:var(--ot-primary);font-weight:700}.react-calendar__month-view__days__day.calendar-sunday{color:#ef4444!important;font-weight:800!important}.react-calendar__month-view__days__day.calendar-saturday{color:#f59e0b!important;font-weight:800!important}.react-calendar__tile--active.calendar-sunday,.react-calendar__tile--active.calendar-saturday{color:#fff!important}.calendar-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);width:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;color:var(--ot-primary);font-size:14px}.ot-table-wrapper{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:0 2px 10px #00000008;overflow-x:auto;-webkit-overflow-scrolling:touch}.ot-table{width:100%;border-collapse:separate;border-spacing:0;min-width:600px}.ot-table th{background:#f8fafc;padding:16px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);text-align:left}.ot-table tbody tr{transition:background .1s}.ot-table tbody tr:hover{background:#f8fafc}.ot-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:var(--text);font-size:14px}.col-action{width:140px;text-align:center!important}.col-auto{width:80px;text-align:center!important}.col-hours{width:100px;text-align:center!important}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;min-height:36px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ot-btn.active{background:var(--ot-primary);color:#fff;box-shadow:0 2px 4px #7e22ce4d}.ot-btn.inactive{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}.ot-btn:hover{transform:translateY(-1px)}.ot-btn:active{transform:translateY(0)}.ot-input{width:70px;padding:8px;border-radius:6px;border:1px solid #cbd5e1;text-align:center;font-weight:700;color:var(--ot-primary);transition:border .2s,box-shadow .2s;-moz-appearance:textfield;appearance:none;-webkit-appearance:none;font-size:16px}.ot-input::-webkit-outer-spin-button,.ot-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ot-input:focus{outline:none;border-color:var(--ot-primary);box-shadow:0 0 0 3px var(--ot-bg)}.ot-input:disabled{background:#f8fafc;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed;opacity:1}.auto-12-btn{min-height:36px;-webkit-tap-highlight-color:transparent}@media(max-width:1024px){.overtime-main{margin-left:var(--sidebar-width-collapsed);padding:16px}}@media(max-width:768px){.overtime-main{margin-left:0;padding:14px}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.overtime-header{flex-direction:column;align-items:flex-start;gap:16px}.ot-table-wrapper{margin:0 -14px;width:calc(100% + 28px);border-radius:0;border-left:none;border-right:none}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);--text-main: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .25);--success: #10b981;--danger: #ef4444;--danger-bg: #fef2f2;--warning: #f59e0b;--shadow-sm: 0 2px 4px rgba(15, 23, 42, .04);--shadow-md: 0 8px 20px rgba(15, 23, 42, .06);--shadow-lg: 0 15px 35px rgba(15, 23, 42, .08);--border-light: rgba(255, 255, 255, .7);--border-dark: rgba(226, 232, 240, .8);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .6)}.et-root input,.et-root select,.et-root button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:Poppins,system-ui,-apple-system,sans-serif}.et-layout{display:flex;min-height:100vh;background:var(--bg-gradient);font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased}.et-main{flex:1;display:flex;flex-direction:column;padding:24px 32px;margin-left:var(--sidebar-w);transform:translate(0);will-change:transform,margin-left;transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;position:relative;z-index:1}.sidebar.collapsed~.et-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .et-main{margin-left:0!important;transform:translate(var(--sidebar-w))!important}body.mobile-sidebar-open .sidebar.collapsed~.et-main{transform:translate(var(--sidebar-w-collapsed))!important}.et-content-wrapper{position:relative;z-index:10}.et-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.et-header-left{display:flex;align-items:center;gap:16px}.mobile-menu-btn{display:none;background:#fff;border:1px solid var(--border-dark);padding:10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-main);box-shadow:var(--shadow-sm);transition:.2s}.mobile-menu-btn:active{transform:scale(.95)}.et-title{display:flex;align-items:center;gap:12px}.et-title h2{margin:0;font-size:1.7rem;font-weight:800;letter-spacing:-.5px;color:#0f172a}.et-icon{color:var(--primary);background:#eff6ff;padding:10px;border-radius:12px;display:flex;box-shadow:0 4px 10px var(--primary-glow)}.et-header-actions{display:flex;gap:12px}.et-primary-outline-btn{display:flex;align-items:center;gap:8px;height:44px;padding:0 24px;background:#ffffffe6;border:1px solid var(--border-dark);color:var(--primary);font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.95rem;box-shadow:var(--shadow-sm)}.et-primary-outline-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 6px 15px var(--primary-glow);transform:translateY(-2px)}.et-top-grids{display:grid;grid-template-columns:1.2fr 2fr;gap:24px;margin-bottom:30px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);padding:28px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow .3s ease}.glass-panel:hover{box-shadow:var(--shadow-lg)}.card-title{margin:0 0 20px;font-size:1.1rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.05)}.et-inline-form{display:flex;flex-direction:column;gap:16px}.et-expense-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:end}.et-input-group{display:flex;flex-direction:column;gap:8px;position:relative}.et-input-group label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.span-full{grid-column:1 / -1}.et-input,.et-input-small{height:46px;padding:0 16px;border:1px solid var(--border-dark);border-radius:var(--radius-sm);font-size:.95rem;outline:none;background:#fff;font-family:inherit;transition:all .3s ease;color:var(--text-main);box-shadow:inset 0 2px 4px #00000005}.et-input-small{height:40px;padding:0 12px;border-radius:var(--radius-sm);box-shadow:none}.et-input:focus,.et-input-small:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.no-spin{-moz-appearance:textfield}.no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.et-date-stepper-container{display:flex;align-items:center;background:#fff;border:1px solid var(--border-dark);border-radius:var(--radius-sm);overflow:hidden;height:46px;transition:.3s ease;box-shadow:inset 0 2px 4px #00000005}.et-date-stepper-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.et-date-stepper-container button{width:44px;height:100%;border:none;background:#f8fafc;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:.2s}.et-date-stepper-container button:hover{background:#e2e8f0;color:var(--text-main)}.et-date-stepper-container button:active{background:#cbd5e1}.et-date-stepper-container input{flex:1;border:none!important;text-align:center;padding:0!important;font-weight:600;background:transparent;outline:none;box-shadow:none}.et-select-wrapper{position:relative;display:flex;align-items:center}.et-select-arrow{position:absolute;right:14px;pointer-events:none;color:var(--text-muted);transition:.3s}.et-select-wrapper:focus-within .et-select-arrow{color:var(--primary);transform:rotate(180deg)}.et-select-wrapper select{width:100%;padding-right:40px!important;cursor:pointer}.amount-submit-row{display:flex;gap:12px;width:100%;align-items:center}.amount-submit-row input{flex:1}.et-submit-btn{height:46px;border:none;border-radius:var(--radius-sm);padding:0 24px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;font-size:.95rem;white-space:nowrap}.et-submit-btn.primary{background:linear-gradient(135deg,var(--primary),#2563eb);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.et-submit-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.et-submit-btn.secondary{background:#f8fafc;color:var(--text-main);border:1px solid var(--border-dark)}.et-submit-btn.secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px)}.et-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.et-table-panel{padding:0;overflow:hidden;display:flex;flex-direction:column}.et-table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid rgba(0,0,0,.06);background:#fff6;flex-wrap:wrap;gap:16px}.et-table-header h3{margin:0;border:none;padding:0}.et-filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.et-filter-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase}.et-date-range{display:flex;align-items:center;gap:8px;background:#fff;padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border-dark)}.et-input-small{border:1px solid var(--border-dark);border-radius:6px;padding:4px 8px;font-family:inherit;font-size:.9rem;outline:none;background:#fff;cursor:pointer;color:var(--text-main)}.et-date-range input{border:none;background:transparent}.et-date-range span{font-size:.85rem;font-weight:600;color:var(--text-muted);padding:0 4px}.et-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.et-list-table,.et-modal-table,.et-matrix-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}.et-list-table th,.et-list-table td,.et-modal-table td,.et-modal-table th,.et-matrix-table td,.et-matrix-table th{padding:18px 24px;border-bottom:1px solid rgba(0,0,0,.04);font-size:.95rem;text-align:left;vertical-align:middle}.et-list-table thead th,.et-modal-table thead th,.et-matrix-table thead th{background:#f8fafccc;font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clickable-row{transition:background .2s ease,transform .2s ease;cursor:pointer}.clickable-row:hover{background:#ffffffe6;transform:scale(1.002)}.center{text-align:center!important}.right{text-align:right!important}.bold-text{font-weight:700;color:var(--text-main)}.muted-text{color:var(--text-muted);font-weight:600}.text-danger{color:var(--danger);font-family:Courier New,Courier,monospace;font-weight:800;font-size:1.1rem}.et-view-btn,.et-delete-btn,.et-edit-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.et-view-btn{background:#eff6ff;color:var(--primary);border:1px solid #bfdbfe;padding:8px 18px;font-size:.85rem}.et-view-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px var(--primary-glow)}.et-delete-btn{background:var(--danger-bg);color:var(--danger);border:1px solid #fecaca;padding:8px}.et-delete-btn:hover{background:var(--danger);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #ef444433}.et-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.et-modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);width:100%;border-radius:var(--radius-lg);box-shadow:0 25px 50px #0003;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:90vh;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.et-large-modal{max-width:750px}.et-xl-modal{max-width:1100px}.et-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 30px;border-bottom:1px solid rgba(0,0,0,.06);background:#f8fafc80}.et-modal-header h3{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.modal-subtitle{margin:6px 0 0;font-size:.9rem;color:var(--text-muted);font-weight:500}.close-btn{background:#e2e8f0;border:none;cursor:pointer;color:var(--text-main);padding:8px;border-radius:50%;display:flex;transition:all .2s}.close-btn:hover{background:#cbd5e1;transform:rotate(90deg)}.et-modal-actions{display:flex;gap:12px;padding:16px 30px;background:#fffc;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.et-export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer;border:1px solid var(--border-dark);background:#fff;color:var(--text-main);transition:all .2s;font-family:inherit;box-shadow:var(--shadow-sm)}.et-export-btn:hover:not(:disabled){background:#f8fafc;border-color:var(--text-muted);transform:translateY(-1px)}.et-export-btn.pdf{background:#eff6ff;border-color:#bfdbfe;color:var(--primary)}.et-export-btn.pdf:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.et-modal-body{flex:1;overflow-y:auto;background:transparent;padding:0}.et-edit-row{background:#eff6ff!important;box-shadow:inset 0 0 0 1px #bfdbfe;position:relative}.et-edit-row td{padding:12px 16px!important}.et-inline-input{width:100%;height:38px;padding:0 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;font-family:inherit;color:var(--text-main);background:#fff;transition:all .2s ease;box-shadow:inset 0 1px 3px #00000005}.et-inline-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.et-inline-actions{display:flex;gap:8px;justify-content:center;align-items:center}.et-inline-save-btn{background:#10b981;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #10b98140}.et-inline-save-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.et-inline-cancel-btn{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:8px 14px;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.et-inline-cancel-btn:hover{background:#e2e8f0;color:#1e293b}.et-summary-controls{border-bottom:1px solid rgba(0,0,0,.06);background:#ffffff80}.summary-filter-bar{display:flex;align-items:center;gap:16px;padding:20px 30px;background:transparent;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.summary-select{font-weight:600;width:auto;min-width:180px}.summary-range-group{display:flex;align-items:center;gap:10px}.et-matrix-table th,.et-matrix-table td{white-space:nowrap}.th-month,.td-month{font-weight:700;color:var(--text-main);position:sticky;left:0;background:#fff;z-index:1;border-right:1px solid rgba(0,0,0,.06);box-shadow:2px 0 5px #00000005}.et-matrix-table thead .th-month{background:#f8fafc;z-index:3}.td-footer-label{position:sticky;left:0;z-index:1;background:#f8fafc;border-right:1px solid rgba(0,0,0,.06);font-weight:800!important;color:var(--text-main);box-shadow:2px 0 5px #00000005}.td-footer-amt,.td-footer-grand{background:#f8fafc;font-weight:800!important;border-top:2px solid var(--border-dark)}.et-modal-body::-webkit-scrollbar,.et-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.et-modal-body::-webkit-scrollbar-track,.et-table-wrapper::-webkit-scrollbar-track{background:transparent}.et-modal-body::-webkit-scrollbar-thumb,.et-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.et-modal-body::-webkit-scrollbar-thumb:hover,.et-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-state{text-align:center;padding:40px!important;color:var(--text-muted);font-weight:500;font-size:1rem}@media(max-width:1100px){.et-top-grids{grid-template-columns:1fr}}@media(max-width:820px){.et-main,.sidebar.collapsed~.et-main{margin-left:0!important;padding:16px;transform:translate(0)}.mobile-menu-btn{display:inline-flex}.et-expense-form{grid-template-columns:1fr;gap:12px}.amount-submit-row{flex-direction:column}.et-submit-btn{width:100%}.et-filter-group{width:100%;flex-direction:column;align-items:flex-start}.et-date-range{width:100%;justify-content:space-between;box-sizing:border-box}.et-modal-content{width:100%;height:100%;border-radius:0;max-height:100vh}.et-modal-actions{flex-direction:column}.et-export-btn{width:100%;justify-content:center}.et-list-table th,.et-list-table td,.et-modal-table td,.et-modal-table th{padding:12px 10px;font-size:.85rem}.et-modal-header{padding:20px 16px}.summary-filter-bar{padding:16px}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(255, 255, 255, .8);--text-main: #0f172a;--text-muted: #64748b;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--success: #10b981;--shadow-soft: 0 10px 40px -10px rgba(0,0,0,.08);--shadow-hover: 0 20px 40px -10px rgba(59, 130, 246, .15);--radius-lg: 24px;--radius-md: 12px}.sp-root input,.sp-root button,.sp-root select,.sp-root textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Poppins,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.sp-layout{display:flex;min-height:100vh;background:var(--bg-gradient);font-family:Poppins,sans-serif;color:var(--text-main)}.sp-main{flex:1;display:block;margin-left:var(--sidebar-w);transition:margin-left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;position:relative;z-index:1}.sp-topbar-wrapper{position:sticky;top:15px;margin-top:15px;z-index:1000;width:100%;padding:0 30px;box-sizing:border-box}.sp-content-wrapper{padding:30px;position:relative;z-index:1}.sidebar.collapsed~.sp-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .sp-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(min-width:821px){body.mobile-sidebar-open .sp-main{transform:none!important}}.text-primary{color:var(--primary)}.text-success{color:var(--success)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.slide-in-left{animation:slideInLeft .7s cubic-bezier(.16,1,.3,1) forwards}.slide-in-right{animation:slideInRight .7s cubic-bezier(.16,1,.3,1) forwards}.sp-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.sp-header-left,.sp-title-wrapper{display:flex;align-items:center;gap:16px}.sp-title-wrapper h2{margin:0;font-size:2rem;font-weight:800;letter-spacing:-.5px}.sp-subtitle{margin:4px 0 0;font-size:.95rem;color:var(--text-muted)}.sp-icon-pulse{background:#fff;padding:12px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #3b82f626;animation:pulseGlow 3s infinite}.mobile-menu-btn{display:none;background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text-main);position:relative;z-index:1}.sp-action-btn{height:48px;border:none;border-radius:12px;padding:0 24px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;position:relative;overflow:hidden}.sp-action-btn.print-btn{background:var(--primary);color:#fff;box-shadow:0 6px 20px #3b82f64d}.sp-action-btn.print-btn:hover{background:#2563eb;transform:translateY(-3px);box-shadow:0 10px 25px #3b82f666}.secondary-btn{background:#f8fafc;color:var(--text-main);border:1px solid #cbd5e1;box-shadow:0 2px 5px #0000000d}.secondary-btn:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.sp-dashboard-grid{display:grid;gap:30px;transition:grid-template-columns .8s cubic-bezier(.22,1,.36,1)}.sp-dashboard-grid.mode-sticker{grid-template-columns:420px 1fr;align-items:stretch}.sp-dashboard-grid.mode-envelope{grid-template-columns:420px 1fr;align-items:start;max-width:100%}.glass-card{background:var(--card-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--card-border);padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:24px}.card-header h3{margin:0;font-size:1.3rem;font-weight:700}.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full-width{grid-column:1 / -1}.sp-input-group{display:flex;flex-direction:column;gap:8px}.sp-input-group label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.sp-input-wrapper{position:relative}.sp-input{width:100%;height:46px;padding:0 16px;box-sizing:border-box;background:#f8fafc;border:2px solid transparent;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:var(--text-main);transition:all .3s ease}.sp-textarea{width:100%;height:80px;padding:12px 16px;box-sizing:border-box;background:#f8fafc;border:2px solid transparent;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:var(--text-main);transition:all .3s ease;resize:vertical}select.sp-input{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px top 50%;background-size:10px auto;padding-right:30px}.sp-input:focus,.sp-textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 4px 15px #3b82f61a;outline:none}.center-text{text-align:center}.mode-toggle,.print-toggle{display:flex;gap:8px;background:#f1f5f9;padding:6px;border-radius:12px}.mode-toggle button,.print-toggle button{flex:1;padding:10px;border:none;background:transparent;cursor:pointer;font-weight:600;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#64748b;font-size:.9rem}.mode-toggle button.active,.print-toggle button.active{background:#fff;color:var(--primary);box-shadow:0 4px 10px #00000014}.logo-upload-wrapper{margin-top:5px}.sp-file-input{display:none}.sp-file-label{display:flex;align-items:center;justify-content:center;gap:10px;background:#f8fafc;border:2px dashed #cbd5e1;padding:14px;border-radius:var(--radius-md);color:#475569;font-weight:600;cursor:pointer;transition:all .3s ease}.sp-file-label:hover{border-color:var(--primary);background:#f0f9ff;color:var(--primary)}.sp-divider{border-top:1px solid #cbd5e1;margin:10px 0;position:relative;display:flex;justify-content:center}.sp-divider span{background:var(--card-bg);padding:0 15px;position:relative;top:-10px;font-size:.8rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.sp-matrix-inputs{display:flex;align-items:center;gap:10px}.matrix-x{font-weight:800;color:#94a3b8}.sp-status-banner{margin-top:30px;padding:16px;background:#ecfdf5;border-radius:var(--radius-md);border:1px solid #a7f3d0;display:flex;align-items:center;gap:10px;font-size:.9rem;color:#065f46;font-weight:500}.sp-preview-panel{background:#0b1120;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #0006;position:relative;transition:all .8s cubic-bezier(.22,1,.36,1);width:100%}.preview-toolbar{background:#0f172a;padding:15px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(255,255,255,.05)}.dot-group{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.preview-label{color:#94a3b8;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.preview-scroll-area{flex:1;padding:40px;display:flex;justify-content:center;align-items:center;overflow:auto;background-color:#0b1120;background-image:radial-gradient(circle,#1e293b 2px,transparent 2px);background-size:30px 30px;transition:padding .8s cubic-bezier(.22,1,.36,1),height .8s cubic-bezier(.22,1,.36,1)}.mode-sticker .preview-scroll-area{padding:40px}.mode-envelope .preview-scroll-area{padding:60px 80px;height:380px}.preview-a4-sheet{background:#fff;width:100%;max-width:500px;aspect-ratio:1 / 1.414;box-shadow:0 25px 50px #0009;display:grid;padding:1.5% 3%;gap:2px;border-radius:4px}.preview-sticker-cell{border:1px solid #e2e8f0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;color:#000}.preview-envelope-dl{background:#fff;position:relative;box-sizing:border-box;box-shadow:0 20px 50px #00000080;transform:scale(.45);transform-origin:center center;flex-shrink:0;transition:all .4s ease}.env-top-left{font-family:Arial,sans-serif;color:#000;line-height:1.3}.env-logo{width:33.9mm;height:33.1mm;object-fit:contain}.env-bottom-right{position:absolute;bottom:15mm;right:15mm;font-family:Arial,sans-serif;color:#000;line-height:1.3;text-align:left}.actual-print-container{display:none}@media print{.no-print,.sidebar,.topbar,.sp-dashboard-grid{display:none!important}body,html,.sp-root,.sp-layout,.sp-main,.sp-content-wrapper{background:transparent!important;margin:0!important;padding:0!important;height:100%!important;width:100%!important}.actual-print-container{display:block!important;position:absolute;top:0;left:0}.strict-a4-sheet{width:210mm;height:297mm;box-sizing:border-box;display:grid;column-gap:2mm;row-gap:0;padding-top:1.5mm;padding-left:3mm;padding-right:3mm}.strict-sticker-cell{width:48mm;height:21mm;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Arial,Helvetica,sans-serif;line-height:1.1;color:#000}.strict-dl-envelope{position:relative;box-sizing:border-box;background:#fff;color:#000;page-break-after:always}.print-env-from{font-family:Arial,sans-serif;line-height:1.3}.print-env-to{position:absolute;bottom:15mm;right:15mm;font-family:Arial,sans-serif;line-height:1.3;text-align:left}@page{margin:0}}@media(max-width:1200px){.sp-dashboard-grid.mode-sticker,.sp-dashboard-grid.mode-envelope{grid-template-columns:350px 1fr}}@media(max-width:992px){.sp-dashboard-grid.mode-sticker,.sp-dashboard-grid.mode-envelope{grid-template-columns:1fr}.sp-preview-panel{height:600px}.mode-envelope .preview-scroll-area{height:auto}}@media(max-width:820px){.sp-main{margin-left:0!important;padding:0}.sp-topbar-wrapper{top:10px;margin-top:10px;padding:0 16px}.sp-content-wrapper{padding:20px}.mobile-menu-btn{display:inline-flex;border:1px solid var(--card-border)}.sp-header-row{flex-direction:column;align-items:flex-start;gap:20px}.sp-action-btn{width:100%;justify-content:center}.sp-form-grid{grid-template-columns:1fr}.preview-envelope-dl{transform:scale(.25);margin:-100px 0}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg: linear-gradient(135deg, #f5f7fa 0%, #eef2f6 100%);--text-main: #0f172a;--muted: #64748b;--accent: #2563eb;--shadow: 0 8px 30px rgba(2, 6, 23, .04);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .6)}.lh-layout-root{display:flex;min-height:100vh;background:var(--bg);font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--text-main)}.lh-main-content{flex:1;display:flex;flex-direction:column;padding:22px;margin-left:var(--sidebar-w);transition:margin-left .24s ease,padding .16s ease,transform .24s ease;box-sizing:border-box}.sidebar.collapsed~.lh-main-content{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .lh-main-content{margin-left:0!important;transform:translate(var(--sidebar-w))}body.mobile-sidebar-open .sidebar.collapsed~.lh-main-content{transform:translate(var(--sidebar-w-collapsed))}@media(max-width:820px){.lh-main-content{margin-left:0;padding:16px}}.lh-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.lh-header-left{display:flex;align-items:center;gap:12px}.lh-header-left h2{font-size:1.8rem;margin:0;font-weight:800;letter-spacing:-.5px;color:var(--text-main)}.lh-header-left p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.lh-mobile-menu-btn{display:none;background:transparent;border:none;padding:8px;color:var(--text-main);cursor:pointer;border-radius:8px}@media(max-width:820px){.lh-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}}.lh-grid{display:grid;grid-template-columns:400px 1fr;gap:24px;align-items:stretch}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.lh-controls{display:flex;flex-direction:column;position:sticky;top:90px;height:calc(100vh - 120px)}.lh-form-body{overflow-y:auto;flex:1}.lh-input-group{margin-bottom:20px}.lh-input-group label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--muted);margin-bottom:8px;letter-spacing:.5px}.lh-template-toggle-container{display:flex;align-items:center;justify-content:center;gap:15px;background:#fff;padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.toggle-label{font-size:.85rem;font-weight:600;color:#94a3b8;transition:color .3s ease,transform .3s ease}.active-label{color:var(--accent);transform:scale(1.05)}.custom-toggle-switch{width:50px;height:26px;background:var(--accent);border-radius:20px;position:relative;cursor:pointer;box-shadow:inset 0 2px 4px #0000001a;transition:background .4s ease}.custom-toggle-switch.toggled{background:#94a3b8}.toggle-knob{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.custom-toggle-switch.toggled .toggle-knob{transform:translate(24px)}.animated-input{transition:all .3s ease}.animated-input:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.lh-native-input{width:100%;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-family:inherit;font-size:.95rem;color:var(--text-main);box-sizing:border-box}.lh-native-input:focus{border-color:var(--accent);outline:none;box-shadow:0 4px 15px #2563eb1a;transform:translateY(-2px)}.lh-range-wrapper{display:flex;align-items:center;gap:15px;background:#fff;padding:10px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.1)}.lh-slider{flex:1;cursor:pointer;accent-color:var(--accent);transition:all .2s ease}.lh-slider:active{transform:scale(1.02)}.lh-size-badge{font-weight:700;color:var(--accent);font-size:.85rem;background:#eff6ff;padding:4px 8px;border-radius:6px;transition:all .3s ease}.pulse-anim{animation:gentlePulse 2s infinite}@keyframes gentlePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.lh-rich-editor-container{border:1px solid rgba(0,0,0,.1);border-radius:10px;overflow:hidden;background:#fff}.lh-rich-editor-container:focus-within{border-color:var(--accent);box-shadow:0 4px 15px #2563eb1a;transform:translateY(-2px)}.lh-editor-toolbar{display:flex;gap:5px;background:#f8fafc;padding:8px;border-bottom:1px solid rgba(0,0,0,.05)}.lh-editor-toolbar button{background:transparent;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.lh-editor-toolbar button:hover{background:#e2e8f0;color:var(--text-main);transform:scale(1.05)}.lh-editor-toolbar button.active-format{background:var(--accent);color:#fff;box-shadow:0 4px 10px #2563eb4d;transform:scale(1.05)}.lh-content-editable{min-height:250px;max-height:400px;overflow-y:auto;padding:15px;font-size:.95rem;line-height:1.5;color:var(--text-main);outline:none}.lh-content-editable b,.lh-content-editable strong{font-weight:800;color:#000}.lh-action-btn{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;box-shadow:0 4px 12px #2563eb33;margin-top:10px}.lh-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d;background:#1d4ed8}.lh-action-btn:disabled{background:var(--muted);box-shadow:none;cursor:wait}.bounce-anim{animation:bounceIcon 1s infinite}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.lh-preview-panel{display:flex;flex-direction:column;overflow:hidden;position:relative;background:#f8fafccc}.lh-preview-toolbar{background:#ffffff80;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);z-index:10}.lh-live-badge{background:#10b981;color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;letter-spacing:1px;display:inline-flex;align-items:center;gap:6px}.lh-live-badge:before{content:"";display:block;width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.lh-resolution-badge{color:var(--muted);font-size:.8rem;font-family:monospace}.lh-canvas-scroll-area{flex:1;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:40px;background-image:radial-gradient(circle,rgba(0,0,0,.05) 2px,transparent 2px);background-size:30px 30px}.lh-a4-scaler{transform:scale(.65);transform-origin:top center;margin-bottom:-300px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.lh-a4-paper{width:210mm;height:297mm;background-color:#fff;box-shadow:0 30px 60px #00000026;position:relative;overflow:hidden}.lh-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.image-fade-anim{transition:opacity .5s ease-in-out}.lh-text-overlay{position:absolute;top:60mm;left:18mm;right:18mm;z-index:2;font-family:Arial,sans-serif;color:#111;line-height:1.6}.default-overlay-text{font-size:12pt}.animated-text-size{transition:font-size .3s ease}.lh-overlay-date{margin-top:55px;margin-bottom:10mm}.lh-overlay-content{white-space:pre-wrap}.lh-overlay-content b,.lh-overlay-content strong{font-weight:800;color:#000}.fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.lh-grid{grid-template-columns:340px 1fr}.lh-a4-scaler{transform:scale(.5);margin-bottom:-450px}}@media(max-width:992px){.lh-grid{grid-template-columns:1fr}.lh-controls{height:auto;position:static}.lh-preview-panel{min-height:600px}.lh-a4-scaler{transform:scale(.4);margin-bottom:-500px}}@media print{.no-print{display:none!important}.lh-layout-root,.lh-main-content,.lh-preview-panel{background:transparent!important;padding:0!important}.lh-a4-scaler{transform:none!important;margin:0!important}.lh-a4-paper{box-shadow:none!important}@page{margin:0}}.metal-billing-scope{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--card-bg: #ffffff;--main-bg: #f8fafc;--border-color: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--input-border: #94a3b8;--primary-color: #2563eb;--danger-color: #ef4444;--table-head-bg: #f1f5f9;--table-hover: #f8fafc;--radius: 8px;font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--main-bg);min-height:100vh;display:flex}.metal-billing-scope .mb-main{flex:1;padding:24px;margin-left:var(--sidebar-w);transition:all .3s ease;width:100%}.sidebar.collapsed~.mb-main{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .metal-billing-scope .mb-main{margin-left:0!important;transform:translate(var(--sidebar-w))}@media(max-width:820px){.metal-billing-scope .mb-main{margin-left:0;padding:16px}}.metal-billing-scope .mb-card{max-width:1200px;margin:0 auto;background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border:1px solid var(--border-color)}.metal-billing-scope .mb-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.metal-billing-scope .mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border-color);padding:8px;border-radius:6px;cursor:pointer;color:var(--text-secondary)}@media(max-width:820px){.metal-billing-scope .mobile-menu-btn{display:inline-flex}.metal-billing-scope .mb-header{flex-direction:column;align-items:flex-start}}.metal-billing-scope .mb-editable-header{flex:1;display:flex;flex-direction:column;gap:4px;min-width:250px}.metal-billing-scope .mb-heading-input{font-size:24px;font-weight:800;text-transform:uppercase;border:1px solid transparent;padding:4px 0;color:var(--text-primary);background:transparent;width:100%;border-radius:4px;transition:all .2s}.metal-billing-scope .mb-heading-input:hover{border-color:var(--border-color);padding-left:8px}.metal-billing-scope .mb-heading-input:focus{outline:none;border-color:var(--primary-color);padding-left:8px;background:#fff}.metal-billing-scope .date-input-wrapper{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.metal-billing-scope .mb-date-input{border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;color:var(--text-primary);font-family:inherit;font-weight:600;background:transparent;cursor:pointer}.metal-billing-scope .mb-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.metal-billing-scope .mb-toggle-control{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.metal-billing-scope .mb-toggle-input{display:none}.metal-billing-scope .mb-toggle-track{width:36px;height:20px;background-color:#cbd5e1;border-radius:20px;position:relative;transition:background-color .2s ease}.metal-billing-scope .mb-toggle-indicator{width:16px;height:16px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.metal-billing-scope .mb-toggle-input:checked+.mb-toggle-track{background-color:var(--primary-color)}.metal-billing-scope .mb-toggle-input:checked+.mb-toggle-track .mb-toggle-indicator{transform:translate(16px)}.metal-billing-scope .mb-toggle-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.metal-billing-scope .mb-btn-group{display:flex;gap:8px}.metal-billing-scope .mb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.metal-billing-scope .mb-btn:disabled{opacity:.6;cursor:not-allowed}.metal-billing-scope .mb-btn.primary{background:var(--primary-color);color:#fff;border:1px solid transparent}.metal-billing-scope .mb-btn.primary:hover:not(:disabled){background:#1d4ed8}.metal-billing-scope .mb-btn.outline{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.metal-billing-scope .mb-btn.outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.metal-billing-scope .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.metal-billing-scope .mb-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:8px}.metal-billing-scope .mb-table{width:100%;border-collapse:separate;border-spacing:0;min-width:700px}.metal-billing-scope .mb-table thead th{background:var(--table-head-bg);color:var(--text-primary);font-size:12px;font-weight:800;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border-color);letter-spacing:.02em}.metal-billing-scope .mb-table tbody tr{transition:background .15s}.metal-billing-scope .mb-table tbody tr:hover{background:var(--table-hover)}.metal-billing-scope .mb-table td{padding:8px 12px;border-bottom:1px solid var(--border-color);font-size:14px;vertical-align:middle}.metal-billing-scope .mb-table td.right{text-align:right}.metal-billing-scope .mb-table td.center{text-align:center}.metal-billing-scope .mb-table th.right{text-align:right}.metal-billing-scope .mb-input,.metal-billing-scope .mb-select{width:100%;background:#fff;border:1px solid var(--input-border);padding:8px 10px;border-radius:6px;font-size:14px;font-weight:500;color:#000;transition:all .2s}.metal-billing-scope .mb-input::placeholder{color:#64748b;opacity:1}.metal-billing-scope .mb-input:hover,.metal-billing-scope .mb-select:hover{border-color:#64748b}.metal-billing-scope .mb-input:focus,.metal-billing-scope .mb-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.metal-billing-scope .mb-select-wrapper{position:relative;width:100%}.metal-billing-scope .mb-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;cursor:pointer}.metal-billing-scope .mb-select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-primary);opacity:.7}.metal-billing-scope .mb-currency-input{display:flex;align-items:center;color:var(--text-primary);font-weight:600;gap:4px}.metal-billing-scope .amount-text{font-weight:700;color:var(--text-primary)}.metal-billing-scope .mb-icon-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:4px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.metal-billing-scope .mb-icon-btn.danger:hover{background:#fef2f2;color:var(--danger-color)}.metal-billing-scope .mb-table tfoot th{background:#f8fafc;padding:16px;font-size:15px;font-weight:800;color:#000;border-top:2px solid var(--border-color);text-align:left}@media(max-width:760px){.metal-billing-scope .mb-actions{flex-direction:column;align-items:flex-start;gap:12px}.metal-billing-scope .mb-btn-group{width:100%;flex-wrap:wrap}.metal-billing-scope .mb-btn{flex:1}.metal-billing-scope .mb-table-container{box-shadow:inset -10px 0 10px -10px #0000001a}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--bg: #f1f5f9;--text-main: #0f172a;--accent: #2563eb;--accent-hover: #1d4ed8;--glass-bg: #ffffff;--glass-border: #e2e8f0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}input,textarea,select{-webkit-appearance:none;appearance:none}button{touch-action:manipulation}.db-layout-root{display:flex;min-height:100vh;background:var(--bg);font-family:Poppins,sans-serif;color:var(--text-main)}.db-main-content{flex:1;display:flex;flex-direction:column;padding:22px;margin-left:var(--sidebar-w);transform:translate(0);will-change:transform,margin-left;transition:margin-left .3s ease,transform .3s ease;box-sizing:border-box}.sidebar.collapsed~.db-main-content{margin-left:var(--sidebar-w-collapsed)}body.mobile-sidebar-open .db-main-content{margin-left:0!important;transform:translate(var(--sidebar-w))!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scalePop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.slide-in-left{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1) forwards}.slide-in-right{animation:slideInRight .6s cubic-bezier(.16,1,.3,1) forwards}.db-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:15px}.db-header-left{display:flex;align-items:center;gap:12px}.db-header-left h2{font-size:1.8rem;margin:0;font-weight:800;letter-spacing:-.5px}.db-header-left p{margin:4px 0 0;color:#64748b;font-size:.95rem}.db-mobile-menu-btn{display:none;background:transparent;border:none;padding:8px;cursor:pointer;border-radius:8px}.db-header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.db-action-btn{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #2563eb40;transition:all .3s cubic-bezier(.4,0,.2,1)}.pulse-hover:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #2563eb66}.pulse-hover:active{transform:translateY(0) scale(.98)}.db-grid{display:grid;grid-template-columns:480px 1fr;gap:24px;align-items:stretch}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 40px #0000000a;border-radius:20px;overflow:hidden}.db-controls{display:flex;flex-direction:column;position:sticky;top:90px;height:calc(100vh - 120px)}.db-scroll-body{overflow-y:auto;flex:1}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.db-cards-container{display:flex;flex-direction:column;gap:24px}.floating-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 12px #00000005;transition:all .3s ease}.floating-card:hover{border-color:#e2e8f0;box-shadow:0 12px 30px #0000000f;transform:translateY(-2px)}.control-section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #f1f5f9;padding-bottom:10px;margin-bottom:18px}.control-section-title{font-size:.9rem;text-transform:uppercase;color:var(--accent);font-weight:800;margin:0;letter-spacing:.5px}.db-card-actions{display:flex;gap:8px}.db-icon-btn-small{background:#e2e8f0;border:none;padding:6px 10px;border-radius:6px;cursor:pointer;color:#475569;display:flex;align-items:center;justify-content:center;transition:.2s}.db-icon-btn-small:hover{background:#cbd5e1;transform:scale(1.05)}.db-icon-btn-small.danger{background:#fee2e2;color:#ef4444}.db-icon-btn-small.danger:hover{background:#ef4444;color:#fff}.db-field{display:flex;flex-direction:column;width:100%;margin-bottom:16px}.db-field label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;margin-bottom:8px;letter-spacing:.3px}.req-star{color:#ef4444;font-size:14px;line-height:0;margin-left:2px}.db-helper-text{font-size:12px;color:#64748b;margin-top:-10px;margin-bottom:14px;font-style:italic}.db-input{width:100%;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--text-main);box-sizing:border-box;resize:vertical;transition:all .3s ease}.db-animated-input:hover{border-color:#cbd5e1;background:#fff}.db-animated-input:focus,.db-input:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 4px #2563eb1a;transform:translateY(-1px)}.db-input::placeholder{color:#94a3b8;font-weight:400}.db-row{display:flex;gap:16px;width:100%}.db-select-group{display:flex;flex-direction:column;gap:6px}.db-select-group label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;margin-bottom:2px;display:block}.db-select-box{padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;font-family:inherit;font-size:.95rem;font-weight:600;outline:none;background:#f8fafc;cursor:pointer;transition:all .3s ease}.db-select-box:hover{border-color:#cbd5e1}.db-select-box:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #2563eb1a;transform:translateY(-1px)}.db-vertical-items-list{display:flex;flex-direction:column;gap:20px}.db-v-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005;animation:scalePop .4s cubic-bezier(.16,1,.3,1) both;opacity:0}.db-v-card:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000000d;transform:translateY(-2px)}.db-v-card.is-heading-mode{background:#fff;border-left:4px solid var(--accent)}.db-v-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:12px;margin-bottom:16px}.db-v-card-title{display:flex;align-items:center;gap:16px}.db-v-row-num{font-weight:800;color:#334155;font-size:.95rem}.db-v-delete-btn{background:#fee2e2;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#ef4444;display:flex;align-items:center;justify-content:center;transition:all .2s}.db-v-delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.db-v-card-body{display:flex;flex-direction:column;gap:16px}.db-v-field{display:flex;flex-direction:column;width:100%}.db-v-field label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:6px}.db-v-input{width:100%;padding:12px 14px;font-size:.95rem;font-family:inherit;font-weight:500;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;outline:none;transition:all .3s;background:#fff;resize:vertical}.db-v-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #2563eb1a;transform:translateY(-1px)}.db-v-input::placeholder{color:#94a3b8;font-weight:400}.db-v-field-stack{display:flex;flex-direction:column;gap:16px;background:#fff;padding:16px;border-radius:10px;border:1px solid #e2e8f0}.db-v-add-btn{background:#eff6ff;color:var(--accent);border:2px dashed #bfdbfe;padding:14px 20px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;margin-top:10px;width:100%}.db-v-add-btn:hover{background:var(--accent);color:#fff;border-style:solid;border-color:var(--accent);box-shadow:0 4px 15px #2563eb33}.autocomplete-container{position:relative}.db-suggestions-list{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 30px #0000001a;list-style:none;padding:8px 0;margin:8px 0 0;z-index:100}.db-suggestions-list li{padding:12px 16px;font-size:.95rem;cursor:pointer;font-weight:600;color:#334155;transition:.2s}.db-suggestions-list li.active,.db-suggestions-list li:hover{background:#eff6ff;color:var(--accent);padding-left:20px}.spin{animation:spin-anim 1s linear infinite}@keyframes spin-anim{to{transform:rotate(360deg)}}.db-preview-panel{position:relative;display:flex;flex-direction:column;background:#e2e8f0}.db-fetching-overlay{position:absolute;inset:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:var(--accent);font-weight:600;border-radius:16px}.blur-bg{filter:blur(5px);opacity:.5;pointer-events:none}.db-canvas-scroll-area{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:40px}.tally-scaler{display:flex;flex-direction:column;transform:scale(.85);transform-origin:top center;margin-bottom:-150px;transition:transform .3s,filter .3s}.tally-a4-paper{width:210mm;height:297mm;background-color:#fff;box-shadow:0 20px 50px #00000026;box-sizing:border-box;padding:10mm;font-family:Arial,Helvetica,sans-serif;color:#000;font-size:13px;line-height:1.2;flex-shrink:0}.tally-outer-border{border:1px solid #000;height:100%;display:flex;flex-direction:column}.t-center{text-align:center}.t-right{text-align:right}.t-bold{font-weight:700}.t-pre-wrap{white-space:pre-wrap;word-break:break-word}.tally-title-box{border-bottom:1px solid #000;padding:4px 0;text-align:center}.t-main-title{font-weight:700;font-size:18px;text-transform:uppercase}.tally-top-grid{display:flex;border-bottom:1px solid #000}.t-col-left{flex:0 0 50%;border-right:1px solid #000;display:flex;flex-direction:column}.t-col-right{flex:0 0 50%;display:flex;flex-direction:column}.t-seller-section{padding:4px 4px 6px}.t-party-section{border-top:1px solid #000;padding:6px 4px 4px;flex:1}.t-company-name{font-weight:700;font-size:15px;margin-bottom:2px}.t-grid-2{display:grid;grid-template-columns:50% 50%;border-bottom:1px solid #000}.t-grid-2.border-bottom{border-bottom:1px solid #000}.t-cell{padding:3px 4px}.t-cell:first-child{border-right:1px solid #000}.t-cell.border-none{border-bottom:none}.t-terms-cell{flex:1;padding:3px 4px}.tally-main-table-wrapper{flex:1;border-bottom:1px solid #000}.tally-table{width:100%;border-collapse:collapse;height:100%;table-layout:fixed}.tally-table th{border-bottom:1px solid #000;border-right:1px solid #000;padding:4px;font-weight:400;text-align:center;vertical-align:top}.tally-table th:last-child{border-right:none}.tally-table td{border-right:1px solid #000;vertical-align:top}.db-scroll-body:last-child{border-right:none}.t-heading-item{font-weight:700;font-size:14px;padding-top:8px!important;padding-bottom:4px!important}.t-sub-item{padding-left:20px!important}.tally-spacer-row{height:100%}.tally-spacer-row td{vertical-align:bottom;padding-bottom:5px;border-bottom:none}.t-gst-desc-col{text-align:right;padding-right:20px!important}.t-gst-label{font-weight:700;font-style:normal;margin-top:2px}.t-less{font-style:italic;margin-right:10px}.t-sub-amt-line{border-bottom:1px solid #000;padding-bottom:2px;margin-bottom:2px}.tally-table tfoot td{border-top:1px solid #000;border-right:1px solid #000;padding:4px}.tally-table tfoot td:last-child{border-right:none}.t-grand-total{font-weight:700;font-size:15px}.tally-words-box{border-bottom:1px solid #000;padding:2px 4px}.t-split{display:flex;justify-content:space-between;font-size:11px}.t-bold-words{font-weight:700;margin-top:2px;font-size:14px}.tally-tax-table{width:100%;border-collapse:collapse;border-bottom:1px solid #000}.tally-tax-table th,.tally-tax-table td{border-right:1px solid #000;border-bottom:1px solid #000;padding:2px 4px;font-size:12px}.tally-tax-table th{font-weight:400}.tally-tax-table th:last-child,.tally-tax-table td:last-child{border-right:none}.tally-tax-table tfoot td{border-bottom:none}.tally-tax-words{border-bottom:1px solid #000;padding:2px 4px;font-size:12px}.tally-footer-grid{display:flex;height:100px}.t-footer-left{flex:0 0 50%;border-right:1px solid #000;padding:4px;font-size:11px}.t-footer-right{flex:0 0 50%;display:flex;flex-direction:column;padding:4px;justify-content:space-between}.t-for-comp{font-weight:700;font-size:13px}.t-auth-sign{font-size:11px;margin-top:40px}@media(max-width:1200px){.db-grid{grid-template-columns:420px 1fr}.tally-scaler{transform:scale(.6);margin-bottom:-400px}}@media(max-width:992px){.db-grid{grid-template-columns:1fr}.db-controls{height:auto;position:static}.tally-scaler{transform:scale(.5);margin-bottom:-500px}}@media(max-width:820px){.db-main-content{margin-left:0;padding:16px;transform:translate(0)}.db-mobile-menu-btn{display:inline-flex}.db-dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.tally-scaler{transform:scale(.35);margin-bottom:-650px}}:root{--sidebar-w: 240px;--sidebar-w-collapsed: 80px;--card: #ffffff;--bg: #f5f6fa;--muted: #64748b;--text: #0f172a;--radius: 12px}.mb-layout{display:flex;min-height:100vh;background:var(--bg);color:var(--text);font-family:Poppins,Inter,sans-serif;overflow-x:visible}.mb-main{flex:1;padding:24px;margin-left:var(--sidebar-w);transition:margin-left .24s ease,transform .24s ease;width:100%;box-sizing:border-box}body.mobile-sidebar-open{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none}body.mobile-sidebar-open .mb-main{margin-left:0!important;transform:translate(var(--sidebar-w));overflow:hidden}@media(min-width:1025px){body.mobile-sidebar-open .mb-main{transform:none!important}}.mb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:15px}.header-left{display:flex;align-items:center;gap:12px}.mb-header h1{margin:0;font-size:20px;font-weight:700;color:var(--text);line-height:1.2}.mb-header .muted{font-size:13px;color:var(--muted);margin-top:4px}.mobile-menu-btn{display:none;background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text)}.mobile-menu-btn:hover{background:#0000000d}.mb-card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 4px 20px #0000000d;max-width:1000px;margin:0 auto}.table-wrapper{overflow-x:auto;margin-top:10px;-webkit-overflow-scrolling:touch}.mb-table{width:100%;border-collapse:collapse;min-width:500px}.mb-table th{background:#f8fafc;color:var(--muted);font-weight:600;text-align:left;padding:12px;font-size:13px;text-transform:uppercase;border-bottom:2px solid #e2e8f0}.mb-table td{padding:14px 12px;border-bottom:1px solid #f1f5f9;font-size:14px}.amount-cell{font-family:Courier New,monospace;font-weight:700;color:var(--text)}.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.badge.upi{background-color:#eff6ff;color:#2563eb}.badge.cash{background-color:#f0fdf4;color:#16a34a}.badge.bank{background-color:#fefce8;color:#ca8a04}.mb-table tfoot td{background:#f8fafc;font-weight:700;border-top:2px solid #e2e8f0}.remaining-row td{color:#dc2626;font-size:15px}.admin-section{margin-top:30px;border-top:1px solid #f1f5f9;padding-top:20px}.login-trigger-btn{background:transparent;border:1px solid #cbd5e1;color:var(--muted);padding:10px 16px;border-radius:6px;cursor:pointer;font-size:13px;width:100%;max-width:250px;transition:all .2s}.login-trigger-btn:hover{background:#fff;color:var(--text);border-color:var(--text)}.add-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:#f8fafc;padding:16px;border-radius:8px;margin-top:10px}.add-payment-grid input,.add-payment-grid select{padding:10px;border:1px solid #cbd5e1;border-radius:6px;width:100%;box-sizing:border-box}.save-btn{background:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;padding:10px 20px;height:100%}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-card{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:320px;box-shadow:0 10px 25px #0000001a}.modal-card h2{margin-top:0;font-size:18px}.modal-card input{width:100%;margin-bottom:12px;padding:12px;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box}.modal-actions{display:flex;gap:10px;margin-top:10px}.confirm-btn{flex:1;background:#2563eb;color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer}.cancel-btn{flex:1;background:#f1f5f9;color:#64748b;border:none;padding:12px;border-radius:6px;cursor:pointer}@media(max-width:820px){.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.mb-main{padding:16px;margin-left:0!important}.mb-header{flex-direction:column;align-items:flex-start;gap:15px}.header-left{width:100%}.project-total{width:100%;display:flex;justify-content:flex-start}.mb-table th,.mb-table td{padding:10px 8px;font-size:13px}.add-payment-grid{grid-template-columns:1fr}}