@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=DM+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}.login-root{background:radial-gradient(circle at 12% 15%,#14b8a633,#0000 32%),radial-gradient(circle at 88% 82%,#2563eb33,#0000 34%),linear-gradient(135deg,#06101f 0%,#08111f 42%,#020617 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:32px;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}.login-root:before{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a633 0%,#0000 70%);width:620px;height:620px;position:absolute;top:-180px;left:-160px}.login-root:after{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb2e 0%,#0000 72%);width:560px;height:560px;position:absolute;bottom:-160px;right:-130px}.login-grid{pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 78%);mask-image:radial-gradient(circle,#000 0%,#0000 78%)}.login-shell{z-index:10;grid-template-columns:1.15fr 420px;align-items:stretch;gap:28px;width:min(1080px,100%);display:grid;position:relative}.login-brand-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff1a,#ffffff09),radial-gradient(circle at 20% 20%,#14b8a640,#0000 34%),radial-gradient(circle at 85% 80%,#2563eb38,#0000 34%);border:1px solid #ffffff1c;border-radius:28px;min-height:610px;padding:44px;animation:.7s cubic-bezier(.22,1,.36,1) both cardFadeUp;position:relative;overflow:hidden;box-shadow:0 32px 90px #00000075,inset 0 0 0 1px #ffffff0a}.login-brand-panel:before{content:"";filter:blur(2px);background:#14b8a61f;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-160px}.login-brand-panel:after{content:"";pointer-events:none;border:1px solid #ffffff12;border-radius:24px;position:absolute;inset:16px}.login-brand-glow{filter:blur(70px);background:#14b8a629;border-radius:50%;width:260px;height:260px;position:absolute;top:18%;left:12%}.login-logo-showcase{z-index:2;background:#ffffffeb;border-radius:28px;width:100%;max-width:560px;margin:38px auto 0;padding:34px;position:relative;transform:rotate(.3deg);box-shadow:0 26px 80px #00000052,0 0 0 1px #fff3}.login-logo-showcase img{object-fit:contain;filter:drop-shadow(0 18px 24px #0f172a38);width:100%;height:auto;display:block}.login-brand-content{z-index:2;position:absolute;bottom:44px;left:44px;right:44px}.login-brand-pill{color:#5eead4;letter-spacing:.08em;text-transform:uppercase;background:#14b8a624;border:1px solid #2dd4bf47;border-radius:999px;align-items:center;margin-bottom:18px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.login-brand-content h2{color:#f8fafc;letter-spacing:-.03em;max-width:620px;margin-bottom:12px;font-family:Playfair Display,serif;font-size:42px;line-height:1.08}.login-brand-content p{color:#e2e8f0ad;max-width:520px;font-size:15px;line-height:1.7}.login-card{z-index:10;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#fff1;border:1px solid #ffffff1c;border-radius:28px;width:100%;padding:38px 38px 34px;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both cardFadeUp;position:relative;box-shadow:0 32px 90px #00000080,inset 0 0 0 1px #ffffff08}.login-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#2dd4bf66,#2563eb38,#0000);border-radius:28px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card-logo{background:#fffffff0;border-radius:18px;justify-content:center;align-items:center;width:180px;min-height:78px;margin-bottom:22px;padding:12px 14px;display:flex;box-shadow:0 16px 36px #00000038,inset 0 0 0 1px #0f172a14}.login-card-logo img{object-fit:contain;width:100%;height:auto;display:block}.login-badge{letter-spacing:.08em;text-transform:uppercase;color:#5eead4;background:#14b8a61f;border:1px solid #2dd4bf47;border-radius:99px;align-items:center;gap:7px;margin-bottom:22px;padding:5px 13px;font-size:11px;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) .12s both cardFadeUp;display:inline-flex}.login-badge-dot{background:#5eead4;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 9px #5eead4}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.login-heading{color:#f8fafc;letter-spacing:-.02em;margin:0 0 6px;font-family:Playfair Display,serif;font-size:36px;font-weight:700;line-height:1.15;animation:.7s cubic-bezier(.22,1,.36,1) .15s both cardFadeUp}.login-heading span{background:linear-gradient(135deg,#5eead4,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-subtext{color:#e2e8f085;letter-spacing:.01em;margin:0 0 30px;font-size:14px;font-weight:300;animation:.7s cubic-bezier(.22,1,.36,1) .2s both cardFadeUp}.login-divider{background:linear-gradient(90deg,#0000,#ffffff1c,#0000);height:1px;margin-bottom:28px}.login-field{margin-bottom:18px;animation:.7s cubic-bezier(.22,1,.36,1) both cardFadeUp}.login-field:first-child{animation-delay:.25s}.login-field:nth-child(2){animation-delay:.3s}.login-label{letter-spacing:.08em;text-transform:uppercase;color:#e2e8f094;margin-bottom:9px;font-size:11.5px;font-weight:700;display:block}.login-input-wrap{position:relative}.login-input-icon{color:#e2e8f052;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input{box-sizing:border-box;color:#f8fafc;-webkit-appearance:none;background:#ffffff0e;border:1px solid #ffffff1b;border-radius:14px;outline:none;width:100%;padding:14px 44px 14px 42px;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:400;transition:border-color .2s,background .2s,box-shadow .2s}.login-input::placeholder{color:#e2e8f047}.login-input:focus{background:#14b8a613;border-color:#2dd4bf94;box-shadow:0 0 0 4px #14b8a61f}.login-eye-btn{cursor:pointer;color:#e2e8f052;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.login-eye-btn:hover{color:#e2e8f0b8}.login-forgot{text-align:right;margin-top:8px;animation:.7s cubic-bezier(.22,1,.36,1) .35s both cardFadeUp}.login-forgot a{color:#5eead4d1;font-size:12.5px;font-weight:500;text-decoration:none;transition:color .2s}.login-forgot a:hover{color:#5eead4}.login-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#0f766e,#2563eb);border:none;border-radius:14px;width:100%;margin-top:28px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s;animation:.7s cubic-bezier(.22,1,.36,1) .4s both cardFadeUp;position:relative;overflow:hidden;box-shadow:0 14px 32px #2563eb4d}.login-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.login-btn:hover:before{opacity:1}.login-btn:hover{transform:translateY(-1px);box-shadow:0 18px 42px #14b8a647}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-btn-shimmer{background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:60%;height:100%;animation:2.4s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-60%}to{left:130%}}.login-footer{text-align:center;color:#e2e8f052;margin-top:26px;font-size:12px;animation:.7s cubic-bezier(.22,1,.36,1) .45s both cardFadeUp}.login-footer a{color:#5eead4c7;text-decoration:none}.login-footer a:hover{color:#5eead4}@media (width<=980px){.login-shell{grid-template-columns:1fr;max-width:470px}.login-brand-panel{display:none}.login-card{padding:36px 30px 32px}.login-card-logo{margin-left:auto;margin-right:auto}.login-badge,.login-heading,.login-subtext{text-align:center}.login-badge{width:fit-content;margin-left:auto;margin-right:auto;display:flex}}@media (width<=520px){.login-root{padding:18px}.login-card{border-radius:22px;padding:28px 22px 26px}.login-card-logo{width:160px;min-height:70px}.login-heading{font-size:31px}.login-subtext{margin-bottom:26px}}.dashboard-page{background:#f4f6fb;min-height:100vh;padding:2rem;font-family:Inter,Segoe UI,sans-serif}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.dashboard-header h2{color:#1a1d2e;letter-spacing:-.3px;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.dashboard-header p{color:#7c85a2;margin:0;font-size:.9rem}.dashboard-badge{color:#fff;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;background:linear-gradient(135deg,#6c63ff,#a78bfa);border-radius:999px;padding:.4rem 1rem;font-size:.78rem;font-weight:600;animation:2.4s ease-in-out infinite pulse-badge;box-shadow:0 4px 14px #6c63ff59}@keyframes pulse-badge{0%,to{box-shadow:0 4px 14px #6c63ff59}50%{box-shadow:0 4px 22px #6c63ff99}}.dashboard-card:after,.dashboard-card-top:after,.dashboard-card-top:before,.card-icon:after,.card-icon:before{content:none!important;display:none!important}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1.1rem;margin-bottom:2rem;display:grid}.dashboard-card{cursor:default;background:#fff;border:1px solid #0000;border-radius:16px;padding:1.25rem 1.35rem 1.1rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.dashboard-card:before{content:"";border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.dashboard-card p{color:#8b93b0;text-transform:uppercase;letter-spacing:.5px;margin:.65rem 0 .25rem;font-size:.78rem;font-weight:500}.dashboard-card h3{color:#1a1d2e;letter-spacing:-.5px;margin:0;font-size:1.45rem;font-weight:700}.dashboard-card-top{justify-content:space-between;align-items:center;display:flex}.card-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.dashboard-card.blue{border-color:#e0e9ff}.dashboard-card.blue:before{background:linear-gradient(90deg,#4f8ef7,#7ab3ff)}.dashboard-card.blue .card-icon{background:#e8f0ff}.dashboard-card.green{border-color:#dcf5e8}.dashboard-card.green:before{background:linear-gradient(90deg,#2dd37b,#6ef5ab)}.dashboard-card.green .card-icon{background:#e2f9ee}.dashboard-card.purple{border-color:#ede8fe}.dashboard-card.purple:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.dashboard-card.purple .card-icon{background:#f0ebff}.dashboard-card.orange{border-color:#fdecd5}.dashboard-card.orange:before{background:linear-gradient(90deg,#f97316,#fbbf6e)}.dashboard-card.orange .card-icon{background:#fff0e2}.dashboard-card.pink{border-color:#fce7f3}.dashboard-card.pink:before{background:linear-gradient(90deg,#ec4899,#f9a8d4)}.dashboard-card.pink .card-icon{background:#fce7f8}.dashboard-card.teal{border-color:#ccfaf1}.dashboard-card.teal:before{background:linear-gradient(90deg,#14b8a6,#5eead4)}.dashboard-card.teal .card-icon{background:#e0faf5}.dashboard-card.red{border-color:#fee2e2}.dashboard-card.red:before{background:linear-gradient(90deg,#ef4444,#fca5a5)}.dashboard-card.red .card-icon{background:#fff0f0}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.dashboard-section{background:#fff;border:1px solid #eaedf7;border-radius:16px;padding:1.35rem 1.5rem;box-shadow:0 2px 12px #0000000a}.warning-section{border-left:4px solid #f59e0b}.section-title-row{border-bottom:1px solid #f0f2f9;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.section-title-row h3{color:#1a1d2e;margin:0;font-size:1rem;font-weight:600}.section-title-row span{color:#7c85a2;text-transform:uppercase;letter-spacing:.4px;background:#f1f3fc;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:600}.warning-section .section-title-row span{color:#b45309;background:#fff7e6}.dashboard-list-item{border-bottom:1px dashed #f0f2f9;border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem 4px;font-size:.875rem;transition:background .15s;display:flex}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-item:hover{background:#f8f9ff}.dashboard-list-item span{color:#3d4466;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:1rem;font-weight:400;overflow:hidden}.dashboard-list-item strong{color:#1a1d2e;white-space:nowrap;font-weight:600}.danger-text{color:#dc2626!important}.empty-text{color:#adb5cc;text-align:center;margin:0;padding:1.5rem 0;font-size:.85rem;font-style:italic}.dashboard-loading{color:#7c85a2;letter-spacing:.2px;justify-content:center;align-items:center;height:80vh;font-size:1rem;display:flex}.dashboard-loading:after{content:"";border:2px solid #d1d5eb;border-top-color:#6c63ff;border-radius:50%;width:18px;height:18px;margin-left:10px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.dashboard-page{padding:1.25rem}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=420px){.dashboard-cards{grid-template-columns:1fr}}.dashboard-charts{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0;display:grid}.chart-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 22px #0000000f}.chart-card h3{color:#111827;margin-bottom:14px;font-size:18px}@media (width<=900px){.dashboard-charts{grid-template-columns:1fr}}.sidebar{background:#0f1117;flex-direction:column;flex-shrink:0;width:240px;min-height:100vh;padding:0;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f12e 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-80px}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a61a 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:80px;left:-60px}.sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:28px 22px 24px;display:flex}.sidebar-brand-icon{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #6366f166}.sidebar-brand-name{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:700}.sidebar-section-label{color:#ffffff40;text-transform:uppercase;letter-spacing:1.2px;margin:0;padding:20px 22px 8px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.sidebar-link{color:#ffffff80;cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:#ffffffd9;background:#ffffff0f}.sidebar-link.active{color:#fff;background:#6366f126;font-weight:600}.sidebar-link.active:before{content:"";background:linear-gradient(#6366f1,#a78bfa);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sidebar-link-dot{opacity:0;background:#6366f1;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto;transition:all .2s;transform:scale(0)}.sidebar-link.active .sidebar-link-dot{opacity:1;transform:scale(1)}.sidebar-link-icon{text-align:center;filter:grayscale(.4);flex-shrink:0;width:22px;font-size:15px;transition:filter .2s}.sidebar-link.active .sidebar-link-icon,.sidebar-link:hover .sidebar-link-icon{filter:grayscale(0)}.sidebar-link-label{flex:1}.sidebar-footer{z-index:1;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:11px;margin:12px 12px 16px;padding:16px 22px;display:flex;position:relative}.sidebar-footer-avatar{color:#fff;background:linear-gradient(135deg,#14b8a6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.sidebar-footer-name{color:#fff;margin:0;font-size:13px;font-weight:600;line-height:1.3}.sidebar-footer-role{color:#ffffff59;margin:0;font-size:11px;line-height:1.3}.sidebar-close-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;width:34px;height:34px;margin-left:auto;font-size:16px;display:none}@media (width<=768px){.sidebar{z-index:999;width:260px;height:100vh;min-height:100vh;transition:left .3s;position:fixed;top:0;left:-260px;box-shadow:20px 0 40px #00000040}.sidebar.sidebar-open{left:0}.sidebar-close-btn{justify-content:center;align-items:center;display:flex}.sidebar-brand{padding:22px 18px 20px}.sidebar-nav{padding:0 12px}.sidebar-footer{margin-bottom:20px}}@media (width<=480px){.sidebar{width:245px;left:-245px}.sidebar-brand-name{font-size:16px}.sidebar-link{padding:10px 11px;font-size:13px}}.sidebar-logo{object-fit:contain;border-radius:10px;flex-shrink:0;width:38px;height:38px}.navbar{z-index:100;background:#fff;border-bottom:1px solid #eef0f6;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 28px;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:sticky;top:0;box-shadow:0 1px 12px #0000000d}.navbar-left,.navbar-right{align-items:center;gap:14px;display:flex}.navbar-right{margin-left:auto}.navbar-menu-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:38px;height:38px;font-size:20px;display:none}.navbar-brand{align-items:center;gap:10px;display:flex}.navbar-brand-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex;box-shadow:0 3px 10px #6366f159}.navbar-title{color:#0f1117;letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:17px;font-weight:700}.navbar-user{cursor:default;background:#f4f6fb;border:1px solid #eaedf7;border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 6px;transition:background .2s;display:flex}.navbar-user:hover{background:#eef0f9}.navbar-avatar{color:#fff;background:linear-gradient(135deg,#14b8a6,#6366f1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.navbar-user-info{flex-direction:column;line-height:1.2;display:flex}.navbar-welcome{color:#9ca3b0;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:500}.navbar-username{color:#1a1d2e;white-space:nowrap;font-size:13px;font-weight:600}.navbar-logout{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.navbar-logout:hover{color:#dc2626;background:#fff1f1;border-color:#fca5a5}.navbar-logout:active{transform:scale(.97)}.navbar-logout-icon{font-size:14px;transition:transform .2s}.navbar-logout:hover .navbar-logout-icon{transform:translate(-2px)}@media (width<=768px){.navbar{height:60px;padding:0 16px}.navbar-menu-btn{justify-content:center;align-items:center;display:flex}.navbar-brand-icon{display:none}.navbar-title{font-size:15px}.navbar-user-info{display:none}.navbar-user{padding:4px}.navbar-logout{padding:9px 11px}.navbar-logout-text{display:none}}@media (width<=420px){.navbar{gap:8px;padding:0 12px}.navbar-left,.navbar-right{gap:8px}.navbar-title{font-size:14px}.navbar-menu-btn{width:36px;height:36px}}.main-layout{background:#f8fafc;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-layout-content{flex-direction:column;flex:1;min-width:0;display:flex}.main-content{flex:1;width:100%;max-width:100%;padding:24px;overflow-x:hidden}.sidebar-overlay{display:none}@media (width<=1024px){.main-content{padding:20px}}@media (width<=768px){.main-layout{display:block}.main-layout-content{width:100%}.main-content{padding:16px}.sidebar-overlay{z-index:998;background:#0f172a73;display:block;position:fixed;inset:0}}@media (width<=480px){.main-content{padding:12px}}.products-page{padding:24px}.products-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.products-header h2{color:#1f2937;margin:0;font-size:28px}.products-header p{color:#6b7280;margin:6px 0 0}.add-product-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600}.add-product-btn:hover{background:#1d4ed8}.products-tools{margin-bottom:18px}.products-tools input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;max-width:420px;padding:12px 14px}.products-tools input:focus{border-color:#2563eb}.products-table{border-collapse:collapse;width:100%;min-width:950px}.products-table th,.products-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.products-table th{color:#374151;background:#f9fafb;font-weight:700}.product-name{color:#111827;font-weight:600}.badge.warning{color:#92400e;background:#fef3c7}@media (width<=768px){.products-page{padding:16px}.products-header{flex-direction:column;align-items:flex-start;gap:14px}.add-product-btn{width:100%}.products-tools input{max-width:100%}}.add-product-page{background:#f4f7fb;width:100%;min-height:calc(100vh - 70px);padding:32px}.add-product-page h2{color:#111827;margin-bottom:24px;font-size:28px;font-weight:700;position:relative}.add-product-page h2:after{content:"";background:linear-gradient(135deg,#14b8a6,#2563eb);border-radius:999px;width:70px;height:4px;position:absolute;bottom:-8px;left:0}.add-product-page form{background:#fff;border:1px solid #e5e7eb;border-radius:22px;grid-template-columns:repeat(2,1fr);gap:16px 22px;width:100%;max-width:950px;padding:32px;display:grid;box-shadow:0 18px 45px #0f172a14}.add-product-page input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:46px;padding:11px 12px;font-size:15px;transition:all .25s}.add-product-page input::placeholder{color:#9ca3af;font-size:14px}.add-product-page input:focus{box-shadow:none;background:#fff;border-color:#2563eb}.add-product-page button{color:#fff;cursor:pointer;width:fit-content;box-shadow:none;background:#2563eb;border:none;border-radius:8px;grid-column:span 2;margin-top:10px;padding:11px 18px;font-size:15px;font-weight:600;transition:background .25s}.add-product-page button:hover{box-shadow:none;background:#1d4ed8;transform:none}.add-product-page button:active{transform:none}@media (width<=768px){.add-product-page{padding:22px 16px}.add-product-page form{border-radius:18px;grid-template-columns:1fr;gap:16px;padding:24px 18px}.add-product-page button{grid-column:span 1;width:100%}.add-product-page h2{font-size:24px}}.edit-product-page{padding:24px}.edit-product-page h2{color:#1f2937;margin-bottom:24px;font-size:28px}.edit-product-form{background:#fff;border-radius:12px;max-width:700px;padding:24px;box-shadow:0 4px 14px #0000000f}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:11px 12px;font-size:14px}.update-product-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:10px;padding:11px 18px;font-weight:600}.update-product-btn:hover{background:#1d4ed8}.customers-page{padding:24px}.customers-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.customers-header h2{color:#1f2937;margin:0;font-size:28px}.customers-header p{color:#6b7280;margin:6px 0 0}.add-customer-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600}.customers-tools{margin-bottom:18px}.customers-tools input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;max-width:420px;padding:12px 14px}.customers-tools input:focus{border-color:#2563eb}.table-wrapper{background:#fff;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 4px 14px #0000000f}.customers-table{border-collapse:collapse;width:100%;min-width:850px}.customers-table th,.customers-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.customers-table th{color:#374151;background:#f9fafb;font-weight:700}.customer-name{color:#111827;font-weight:600}.badge{text-transform:capitalize;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.success{color:#166534;background:#dcfce7}.badge.danger{color:#991b1b;background:#fee2e2}.action-buttons{gap:8px;display:flex}.action-buttons button{cursor:pointer;border:none;border-radius:6px;padding:7px 11px;font-weight:600}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.loading-text,.empty-text{text-align:center;color:#6b7280;padding:24px}@media (width<=768px){.customers-page{padding:16px}.customers-header{flex-direction:column;align-items:flex-start;gap:14px}.add-customer-btn{width:100%}.customers-tools input{max-width:100%}}.add-customer-page{padding:24px}.add-customer-page h2{color:#1f2937;margin-bottom:20px}.add-customer-form{background:#fff;border-radius:12px;max-width:600px;padding:24px;box-shadow:0 4px 14px #0000000f}.form-group label{color:#374151;margin-bottom:6px;font-weight:600}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:11px 12px}.form-group input:focus,.form-group select:focus{border-color:#2563eb}.add-customer-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:10px;padding:11px 18px;font-weight:600}.add-customer-btn:hover{background:#1d4ed8}.edit-customer-page{padding:24px}.edit-customer-form{background:#fff;border-radius:12px;max-width:600px;padding:24px;box-shadow:0 4px 14px #0000000f}.form-group label{margin-bottom:6px;font-weight:600}.form-group input,.form-group select{border:1px solid #ccc;border-radius:8px;padding:10px}.update-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px}.suppliers-page{background:#f6f8fb;min-height:100vh;padding:24px}.suppliers-header{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 4px 14px #0000000f}.suppliers-header h2{color:#1f2937;margin:0;font-size:26px}.suppliers-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.suppliers-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:11px 18px;font-weight:600;transition:all .2s}.suppliers-header button:hover{background:#1d4ed8;transform:translateY(-1px)}.suppliers-page>input{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;max-width:420px;margin-bottom:20px;padding:12px 14px;font-size:15px}.suppliers-page>input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 4px 14px #0000000f}thead{background:#f1f5f9}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:15px 16px;font-size:14px}th{color:#374151;font-weight:700}td{color:#4b5563}tbody tr:hover{background:#f9fafb}td button{cursor:pointer;border:none;border-radius:8px;margin-right:8px;padding:8px 12px;font-weight:600;transition:all .2s}td button:first-child{color:#4338ca;background:#eef2ff}td button:first-child:hover:not(:disabled){color:#fff;background:#4338ca}td button:last-child{color:#b91c1c;background:#fee2e2}td button:last-child:hover{color:#fff;background:#b91c1c}td button:disabled{opacity:.5;cursor:not-allowed}.suppliers-page>p{color:#6b7280;background:#fff;border-radius:12px;padding:20px;font-size:16px}@media (width<=768px){.suppliers-page{padding:16px}.suppliers-header{flex-direction:column;align-items:flex-start;gap:16px}.suppliers-header button{width:100%}table{white-space:nowrap;display:block;overflow-x:auto}th,td{padding:12px}}.add-supplier-page{background:#f6f8fb;min-height:100vh;padding:24px}.add-supplier-page h2{color:#1f2937;margin-bottom:20px;font-size:26px}.add-supplier-form{background:#fff;border-radius:14px;max-width:600px;padding:24px;box-shadow:0 4px 14px #0000000f}.add-supplier-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.add-supplier-btn:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=768px){.add-supplier-page{padding:16px}.add-supplier-form{padding:18px}}.edit-supplier-page{background:#f6f8fb;min-height:100vh;padding:24px}.edit-supplier-page h2{color:#1f2937;margin-bottom:20px;font-size:26px}.edit-supplier-form{background:#fff;border-radius:14px;max-width:600px;padding:24px;box-shadow:0 4px 14px #0000000f}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600}.form-group input,.form-group select{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:11px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.update-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;width:100%;margin-top:10px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.update-btn:hover{background:#15803d;transform:translateY(-1px)}@media (width<=768px){.edit-supplier-page{padding:16px}.edit-supplier-form{padding:18px}}.purchases-page{padding:24px}.purchases-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.purchases-header h2{color:#1f2937;margin-bottom:6px;font-size:28px}.purchases-header p{color:#6b7280}.purchases-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600}.purchases-table-card{background:#fff;border-radius:14px;padding:18px;overflow-x:auto;box-shadow:0 8px 24px #00000014}.purchases-table-card table{border-collapse:collapse;width:100%}.purchases-table-card th,.purchases-table-card td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px}.purchases-table-card th{color:#374151;background:#f9fafb;font-size:14px}.view-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:7px;padding:7px 12px}@media (width<=768px){.purchases-header{flex-direction:column;align-items:flex-start;gap:14px}}.add-purchase-page{max-width:1100px;margin:0 auto;padding:16px}.add-purchase-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.add-purchase-header h2{color:#1f2937;margin-bottom:4px;font-size:22px}.add-purchase-header p{color:#6b7280;font-size:13px}.add-purchase-header button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:7px;padding:8px 14px;font-size:13px}::placeholder,input::placeholder,textarea::placeholder{color:#9ca3af;font-size:12px}.purchase-form{flex-direction:column;gap:14px;display:flex}.form-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 18px #0000000f}.form-card h3{color:#1f2937;margin-bottom:12px;font-size:16px}.form-group input,.form-group select,.items-table input,.items-table select,.summary-input input,.notes-card textarea{border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-size:13px}.form-group input:focus,.form-group select:focus,.items-table input:focus,.items-table select:focus,.summary-input input:focus,.notes-card textarea:focus{border-color:#2563eb}.items-header{justify-content:space-between;align-items:center;display:flex}.items-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:7px 12px;font-size:12px}.items-table th,.items-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px}.purchase-bottom{grid-template-columns:1.3fr .7fr;gap:14px;display:grid}.notes-card textarea{resize:vertical;min-height:120px}.summary-card{flex-direction:column;gap:10px;display:flex}.summary-row{color:#374151;justify-content:space-between;font-size:13px;display:flex}.summary-row.total{border-top:1px solid #e5e7eb;padding-top:10px;font-size:15px;font-weight:600}.summary-row.due{color:#991b1b;font-size:14px}.summary-input{flex-direction:column;gap:4px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:7px;margin-top:8px;padding:10px;font-size:13px;font-weight:600}@media (width<=900px){.form-grid,.purchase-bottom{grid-template-columns:1fr}.add-purchase-header{flex-direction:column;align-items:flex-start;gap:10px}}.purchase-details-page{max-width:1100px;margin:0 auto;padding:16px}.purchase-details-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.purchase-details-header h2{color:#1f2937;margin-bottom:4px;font-size:22px}.purchase-details-header p{color:#6b7280;font-size:13px}.purchase-details-header button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:7px;padding:8px 14px;font-size:13px}.details-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px;display:grid}.details-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 6px 18px #0000000f}.details-card h3{color:#1f2937;margin-bottom:12px;font-size:16px}.details-card p{color:#374151;margin-bottom:8px;font-size:13px;line-height:1.5}.details-table-wrapper{overflow-x:auto}.details-table{border-collapse:collapse;width:100%;font-size:13px}.details-table th,.details-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:9px}.details-table th{color:#374151;background:#f9fafb;font-size:12px}.details-bottom{grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px;display:grid}.summary-box{flex-direction:column;gap:9px;display:flex}.summary-line.total{border-top:1px solid #e5e7eb;padding-top:10px;font-size:15px}@media (width<=900px){.details-grid,.details-bottom{grid-template-columns:1fr}.purchase-details-header{flex-direction:column;align-items:flex-start;gap:10px}}.sales-page{max-width:1100px;margin:0 auto;padding:16px}.sales-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sales-header h2{color:#1f2937;margin-bottom:4px;font-size:22px}.sales-header p{color:#6b7280;font-size:13px}.sales-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.sales-table-card{background:#fff;border-radius:12px;padding:16px;overflow-x:auto;box-shadow:0 6px 18px #0000000f}.sales-table-card table{border-collapse:collapse;width:100%;font-size:13px}.sales-table-card th,.sales-table-card td{text-align:left;border-bottom:1px solid #e5e7eb;padding:9px}.sales-table-card th{color:#374151;background:#f9fafb;font-size:12px}.empty-text{text-align:center;color:#6b7280;padding:24px}.status{text-transform:capitalize;border-radius:18px;padding:5px 9px;font-size:12px;font-weight:600}.status.paid{color:#166534;background:#dcfce7}.status.partial{color:#92400e;background:#fef3c7}.status.unpaid{color:#991b1b;background:#fee2e2}.view-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;padding:6px 10px;font-size:12px}@media (width<=768px){.sales-header{flex-direction:column;align-items:flex-start;gap:10px}}.add-sale-page{max-width:1200px;margin:0 auto;padding:18px}.add-sale-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.add-sale-header h2{color:#111827;margin-bottom:4px;font-size:24px}.add-sale-header p{color:#6b7280;font-size:13px}.add-sale-header button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:8px 14px;font-size:13px}.sale-layout{grid-template-columns:1fr 330px;align-items:start;gap:18px;display:grid}.sale-main{flex-direction:column;gap:14px;display:flex}.modern-card{background:#fff;border:1px solid #eef2f7;border-radius:18px;padding:16px;box-shadow:0 10px 30px #0f172a0f}.section-title{align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title span{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.section-title h3{color:#111827;font-size:16px}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-group,.summary-input{flex-direction:column;gap:5px;display:flex}.form-group label,.summary-input label{color:#374151;font-size:12px;font-weight:600}input,select,textarea{background:#fff;border:1px solid #dbe1ea;border-radius:10px;outline:none;width:100%;padding:9px 11px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}input::placeholder,textarea::placeholder{color:#9ca3af;font-size:12px}.search-wrapper{gap:8px;display:flex}.search-wrapper button{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;padding:0 14px;font-size:12px}.suggestion-panel{background:#fff;border:1px solid #edf2f7;border-radius:14px;max-height:220px;margin-top:10px;overflow:hidden auto}.suggestion-item{cursor:pointer;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;transition:all .2s;display:flex}.suggestion-item:hover{background:#f8fafc}.suggestion-item:last-child{border-bottom:none}.suggestion-item div{flex-direction:column;gap:3px;display:flex}.suggestion-item strong{color:#111827;font-size:13px}.suggestion-item span,.suggestion-item small{color:#6b7280;font-size:12px}.suggestion-item button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;padding:7px 12px;font-size:12px}.selected-pill{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;justify-content:space-between;gap:10px;margin-top:10px;padding:11px 13px;display:flex}.selected-pill strong{font-size:13px}.selected-pill span{font-size:12px}.items-table-wrapper{overflow-x:auto}.items-table{border-collapse:collapse;width:100%;font-size:13px}.items-table th,.items-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf2f7;padding:9px}.items-table th{color:#475569;background:#f8fafc;font-size:12px}.items-table input{border-radius:8px;width:80px;padding:7px 8px}.remove-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;padding:6px 9px;font-size:12px}.sale-sidebar{position:relative}.sticky-summary{flex-direction:column;gap:12px;display:flex;position:sticky;top:16px}.sticky-summary h3{color:#111827;font-size:17px}.summary-line{color:#374151;justify-content:space-between;font-size:13px;display:flex}.summary-line.total{color:#111827;border-top:1px solid #e5e7eb;padding-top:12px;font-size:16px}.summary-line.due{color:#991b1b;font-size:15px}.sticky-summary textarea{resize:vertical;min-height:90px}.save-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;padding:12px;font-size:14px;font-weight:700}.save-btn:hover{background:#15803d}.empty-message,.empty-items{text-align:center;color:#6b7280;padding:18px;font-size:13px}@media (width<=1000px){.sale-layout{grid-template-columns:1fr}.sticky-summary{position:static}}@media (width<=650px){.add-sale-page{padding:12px}.add-sale-header{flex-direction:column;align-items:flex-start;gap:10px}.form-grid{grid-template-columns:1fr}.modern-card{border-radius:14px;padding:13px}}.sale-details-page{max-width:1100px;margin:0 auto;padding:16px}.sale-details-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sale-details-header h2{color:#1f2937;margin-bottom:3px;font-size:20px}.sale-details-header p{color:#6b7280;font-size:12px}.sale-details-header button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:7px;padding:7px 12px;font-size:12px}.invoice-actions{gap:8px;display:flex}.print-btn{background:#2563eb!important}.invoice-print-area{background:#fff;border-radius:12px;padding:14px;box-shadow:0 6px 18px #0000000f}.invoice-top{border-bottom:2px solid #111827;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.invoice-top h1{color:#111827;margin-bottom:3px;font-size:21px}.invoice-top p{color:#4b5563;margin-bottom:2px;font-size:11px}.invoice-badge{text-align:right}.invoice-badge h2{color:#2563eb;letter-spacing:2px;font-size:24px}.invoice-badge p{color:#111827;font-size:11px;font-weight:700}.invoice-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.invoice-info-grid>div{border:1px solid #e5e7eb;border-radius:9px;padding:10px}.invoice-info-grid h3,.invoice-notes h3{color:#111827;margin-bottom:5px;font-size:13px}.invoice-info-grid p,.invoice-notes p{color:#374151;margin-bottom:3px;font-size:11px}.invoice-items-table{border-collapse:collapse;width:100%;margin-bottom:12px}.invoice-items-table th,.invoice-items-table td{text-align:left;border:1px solid #e5e7eb;padding:6px 8px;font-size:11px}.invoice-items-table th{color:#fff;background:#111827}.invoice-bottom-section{grid-template-columns:1fr 280px;align-items:start;gap:12px;display:grid}.invoice-notes{border:1px solid #e5e7eb;border-radius:9px;padding:10px}.invoice-total-box{border:1px solid #e5e7eb;border-radius:9px;overflow:hidden}.invoice-total-box div{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:7px 10px;font-size:11px;display:flex}.invoice-total-box div:last-child{border-bottom:none}.invoice-total-box .grand-total{color:#1d4ed8;background:#eff6ff;font-size:13px}.invoice-total-box .due-total{color:#991b1b;background:#fef2f2}.invoice-footer{justify-content:space-between;margin-top:32px;display:flex}.invoice-footer p{color:#374151;text-align:center;border-top:1px solid #111827;min-width:150px;padding-top:6px;font-size:11px}@media (width<=900px){.sale-details-header{flex-direction:column;align-items:flex-start;gap:10px}.invoice-info-grid,.invoice-bottom-section{grid-template-columns:1fr}.invoice-top{flex-direction:column}.invoice-badge{text-align:left}}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden}#invoice-print,#invoice-print *{visibility:visible}#invoice-print{width:100%;box-shadow:none;border-radius:0;padding:0;position:absolute;top:0;left:0}.invoice-actions,.sale-details-header{display:none!important}.invoice-top{margin-bottom:10px;padding-bottom:8px}.invoice-top h1{font-size:20px}.invoice-top p{font-size:10.5px}.invoice-badge h2{font-size:22px}.invoice-info-grid{margin-bottom:10px}.invoice-info-grid>div{padding:8px}.invoice-items-table th,.invoice-items-table td{padding:5px 7px;font-size:10.5px}.invoice-total-box div{padding:6px 9px;font-size:10.5px}.invoice-footer{margin-top:26px}.invoice-top h1,.invoice-badge h2,.invoice-items-table th,.invoice-total-box .grand-total,.invoice-total-box .due-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.stock-page{padding:20px}.stock-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.stock-header h2{color:#111827;margin-bottom:4px;font-size:24px}.stock-header p{color:#6b7280;font-size:14px}.stock-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stock-card{background:#fff;border-left:5px solid #2563eb;border-radius:14px;padding:18px;box-shadow:0 8px 22px #0000000f}.stock-card span{color:#6b7280;font-size:13px}.stock-card h3{color:#111827;margin-top:8px;font-size:26px}.stock-card.warning{border-left-color:#f59e0b}.stock-card.danger{border-left-color:#dc2626}.stock-card.success{border-left-color:#16a34a}.stock-controls{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.stock-controls input,.stock-controls select{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:11px 12px;font-size:14px}.stock-controls input{flex:1;min-width:280px}.stock-controls input:focus,.stock-controls select:focus{border-color:#2563eb}.stock-table-wrapper{background:#fff;border-radius:14px;overflow-x:auto;box-shadow:0 8px 22px #0000000f}.stock-table{border-collapse:collapse;width:100%;min-width:900px}.stock-table th,.stock-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:14px}.stock-table th{color:#374151;background:#f9fafb;font-weight:600}.stock-table td{color:#4b5563}.stock-number{font-weight:700;color:#111827!important}.stock-badge{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.stock-badge.in-stock{color:#166534;background:#dcfce7}.stock-badge.low-stock{color:#92400e;background:#fef3c7}.stock-badge.out-stock{color:#991b1b;background:#fee2e2}.no-stock{text-align:center;color:#6b7280;padding:30px}.stock-loading{color:#6b7280;padding:20px}@media (width<=900px){.stock-summary{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.stock-page{padding:14px}.stock-summary{grid-template-columns:1fr}.stock-controls{flex-direction:column}.stock-controls input,.stock-controls select{width:100%}}.generate-bill-page{background:linear-gradient(#f8fafc 0%,#eef2f7 100%);min-height:100vh;padding:24px}.generate-bill-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.generate-bill-header h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:6px;font-size:30px;font-weight:800}.generate-bill-header p{color:#64748b;font-size:14px}.generate-bill-card{background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:18px;margin-bottom:20px;padding:22px;box-shadow:0 18px 45px #0f172a14}.generate-bill-card h3{color:#0f172a;margin-bottom:18px;font-size:19px;font-weight:800}.generate-bill-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.form-group input,.form-group select{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:12px;outline:none;height:46px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input::placeholder{color:#94a3b8}.product-grid{align-items:end}.add-item-btn,.add-customer-btn,.generate-btn,.print-bill-btn,.new-bill-btn,.remove-item-btn{cursor:pointer;border:none;font-weight:800;transition:all .2s}.add-item-btn{color:#fff;background:linear-gradient(135deg,#111827,#1e293b);border-radius:12px;height:46px;font-size:14px}.add-customer-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;height:44px;margin-top:16px;padding:0 20px;font-size:14px}.generate-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:14px;width:100%;height:48px;margin-top:18px;font-size:15px;box-shadow:0 12px 25px #16a34a40}.add-item-btn:hover,.add-customer-btn:hover,.generate-btn:hover,.print-bill-btn:hover,.new-bill-btn:hover,.remove-item-btn:hover{opacity:.94;transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.customer-search-box{margin-bottom:16px;position:relative}.customer-suggestions{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:460px;position:absolute;top:76px;left:0;overflow:hidden;box-shadow:0 18px 40px #0f172a29}.customer-suggestion-item{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;width:100%;padding:13px 16px;transition:all .2s;display:flex}.customer-suggestion-item:hover{background:#f8fafc;transform:none}.customer-suggestion-item strong{color:#0f172a;font-size:14px}.customer-suggestion-item span{color:#64748b;font-size:13px}.selected-customer-box,.new-customer-box{background:linear-gradient(#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;margin-top:16px;padding:18px}.selected-customer-box h4,.new-customer-box h4{color:#0f172a;margin-bottom:12px;font-size:16px;font-weight:800}.selected-customer-box p{color:#334155;margin-bottom:7px;font-size:14px}.helper-text{color:#64748b;margin-top:8px;font-size:13px}.bill-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-search-grid{grid-template-columns:2fr .8fr .9fr .8fr .9fr}.product-search-field{position:relative}.product-suggestions{z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-height:260px;position:absolute;top:76px;left:0;overflow:hidden auto;box-shadow:0 18px 40px #0f172a29}.product-suggestion-item{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:4px;width:100%;padding:13px 16px;transition:all .2s;display:flex}.product-suggestion-item:hover{background:#f8fafc;transform:none}.product-suggestion-item strong{color:#0f172a;font-size:14px}.product-suggestion-item span{color:#64748b;font-size:13px}.empty-bill{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:16px;padding:28px;font-weight:600}.bill-table-wrapper{border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow-x:auto}.bill-table{border-collapse:collapse;width:100%;min-width:680px;overflow:hidden}.bill-table th,.bill-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:14px}.bill-table th{color:#fff;background:#0f172a;font-weight:800}.bill-table td{color:#1e293b;background:#fff}.bill-table tbody tr:hover td{background:#f8fafc}.remove-item-btn{color:#fff;background:#ef4444;border-radius:10px;padding:8px 13px;font-size:13px}.bill-summary{max-width:440px;margin-left:auto}.summary-row{color:#334155;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 0;font-size:15px;display:flex}.summary-row strong{color:#0f172a}.grand-total{color:#0f172a;font-size:19px;font-weight:900}.editable-summary-row{align-items:center;gap:16px}.editable-summary-row input{text-align:right;border:1px solid #dbe3ef;border-radius:10px;outline:none;width:140px;height:38px;padding:0 12px;font-size:14px}.editable-summary-row input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.generate-bill-type-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.generate-bill-type-actions .generate-btn{margin-top:0}.generate-with-tax-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.generate-without-tax-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.invoice-preview-card{margin-top:26px;padding:24px}.invoice-actions{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.invoice-action-buttons{gap:10px;display:flex}.print-bill-btn,.new-bill-btn{color:#fff;border-radius:12px;padding:11px 18px;font-size:14px}.print-bill-btn{background:linear-gradient(135deg,#0f172a,#1e293b)}.new-bill-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.invoice-print-area{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;position:relative;overflow:hidden;box-shadow:0 22px 60px #0f172a1a}.gst-invoice-print-area{color:#000;box-shadow:none;background:#fff;border-radius:0;padding:18px;font-family:Arial,Helvetica,sans-serif}.gst-main-box{color:#000;background:#fff;border:2px solid #000}.gst-company-header{border-bottom:1px solid #000;grid-template-columns:150px 1fr 150px;align-items:center;min-height:120px;display:grid}.gst-logo-box{justify-content:center;align-items:center;padding:12px;display:flex}.gst-company-logo{object-fit:contain;max-width:105px;max-height:82px}.gst-logo-placeholder{border:1px solid #000;padding:14px;font-size:12px}.gst-header-spacer{min-width:150px}.gst-company-info{text-align:center;padding:10px 14px}.gst-company-info h1{letter-spacing:2px;text-align:center;margin:0 0 6px;font-size:28px;font-weight:900}.gst-company-info h3{text-align:center;margin:0 0 6px;font-size:15px;font-weight:900}.gst-company-info p{text-align:center;margin:3px 0;font-size:13px;line-height:1.25}.gst-title-row{text-align:center;border-bottom:1px solid #000;padding:5px;font-size:16px;font-weight:900}.gst-meta-grid{border-bottom:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.gst-meta-left{border-right:1px solid #000}.gst-meta-left,.gst-meta-right{padding:6px 8px}.gst-meta-left p,.gst-meta-right p,.gst-party-box p{margin:4px 0;font-size:12px;line-height:1.25}.gst-meta-left span,.gst-meta-right span,.gst-party-box span{min-width:130px;display:inline-block}.gst-party-title-grid{text-align:center;border-bottom:1px solid #000;grid-template-columns:1fr 1fr;font-size:13px;font-weight:700;display:grid}.gst-party-title-grid div{padding:5px}.gst-party-title-grid div:first-child{border-right:1px solid #000}.gst-party-grid{border-bottom:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.gst-party-box{min-height:96px;padding:6px 8px}.gst-party-box:first-child{border-right:1px solid #000}.gst-items-table{border-collapse:collapse;table-layout:fixed;width:100%}.gst-items-table th,.gst-items-table td{color:#000;vertical-align:middle;border-bottom:1px solid #000;border-right:1px solid #000;padding:6px;font-size:12px}.gst-items-table th{text-align:center;background:#f1f5f9;font-weight:800}.gst-items-table th:first-child,.gst-items-table td:first-child{text-align:center;width:6%}.gst-items-table th:nth-child(2),.gst-items-table td:nth-child(2){text-align:left;width:34%;padding-left:12px;padding-right:12px}.gst-items-table th:nth-child(2){text-align:center}.gst-items-table th:nth-child(3),.gst-items-table td:nth-child(3){text-align:center;width:12%}.gst-items-table th:nth-child(4),.gst-items-table td:nth-child(4),.gst-items-table th:nth-child(5),.gst-items-table td:nth-child(5){text-align:right;width:12%}.gst-items-table th:nth-child(4),.gst-items-table th:nth-child(5){text-align:center}.gst-items-table th:nth-child(6),.gst-items-table td:nth-child(6){text-align:center;width:6%}.gst-items-table th:nth-child(7),.gst-items-table td:nth-child(7){text-align:right;width:18%}.gst-items-table th:nth-child(7){text-align:center}.gst-items-table th:last-child,.gst-items-table td:last-child{border-right:none}.gst-empty-row td{height:30px}.gst-tax-row td,.gst-total-row td{font-weight:700}.gst-total-row td{font-size:13px}.gst-amount-words-row{border-bottom:1px solid #000;justify-content:space-between;padding:7px 10px;font-size:12px;display:flex}.gst-bank-header{text-align:center;background:#d9d9d9;border-bottom:1px solid #000;padding:5px;font-weight:800;text-decoration:underline}.gst-bank-grid{background:#d9d9d9;border-bottom:1px solid #000;grid-template-columns:1fr 1fr;display:grid}.gst-bank-grid>div{padding:8px 10px}.gst-bank-grid p{margin:4px 0;font-size:12px}.gst-bank-grid span{min-width:70px;display:inline-block}.gst-bank-grid strong{font-size:15px}.gst-footer-grid{grid-template-columns:1.25fr 1fr;display:grid}.gst-terms-box{border-right:1px solid #000;min-height:140px;padding:8px}.gst-terms-box strong{font-size:12px}.gst-terms-box p{margin:7px 0;font-size:11px;line-height:1.35}.gst-sign-box{text-align:center;min-height:140px;padding:8px}.gst-sign-box p{margin:0 0 10px;font-size:12px}.gst-sign-box h3{margin:8px 0;font-size:17px}.gst-sign-space{height:62px}@media (width<=1024px){.generate-bill-grid{grid-template-columns:repeat(2,1fr)}.product-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bill-details-grid{grid-template-columns:1fr 1fr}.bill-summary{max-width:100%}}@media (width<=640px){.generate-bill-page{padding:14px}.generate-bill-header h2{font-size:24px}.generate-bill-grid,.product-search-grid,.bill-details-grid,.generate-bill-type-actions{grid-template-columns:1fr}.generate-bill-card{border-radius:16px;padding:16px}.editable-summary-row input{width:120px}.invoice-actions{flex-direction:column;align-items:stretch}.invoice-action-buttons{flex-direction:column}.print-bill-btn,.new-bill-btn{width:100%}}@media print{@page{size:A4 portrait;margin:6mm}html,body{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}.no-print,.generate-bill-header,.generate-bill-card.no-print,.invoice-actions,.print-bill-btn,.new-bill-btn{visibility:hidden!important;display:none!important}.generate-bill-page{background:#fff!important;justify-content:center!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;overflow:visible!important}.invoice-preview-card{visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.invoice-preview-card,.invoice-preview-card *{visibility:visible!important}.gst-invoice-print-area{visibility:visible!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;flex-direction:column!important;align-items:center!important;margin:0!important;padding:0!important;font-family:Arial,Helvetica,sans-serif!important;display:flex!important;position:static!important;overflow:visible!important}.gst-invoice-print-area,.gst-invoice-print-area *{visibility:visible!important}.gst-main-box{box-sizing:border-box!important;color:#000!important;background:#fff!important;border:2px solid #000!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}.gst-main-box>*,.gst-meta-grid,.gst-party-title-grid,.gst-party-grid,.gst-bank-grid,.gst-footer-grid,.gst-amount-words-row,.gst-title-row,.gst-bank-header{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.gst-company-header{box-sizing:border-box!important;border-bottom:1px solid #000!important;grid-template-columns:130px 1fr 130px!important;align-items:center!important;width:100%!important;min-width:0!important;min-height:82px!important;display:grid!important}.gst-logo-box{justify-content:center!important;align-items:center!important;padding:5px!important;display:flex!important}.gst-company-logo{object-fit:contain!important;max-width:72px!important;max-height:52px!important}.gst-logo-placeholder{padding:8px!important;font-size:10px!important}.gst-header-spacer{min-width:130px!important}.gst-company-info{text-align:center!important;padding:5px 8px!important}.gst-company-info h1{letter-spacing:1.2px!important;text-align:center!important;margin:0 0 3px!important;font-size:19px!important;font-weight:900!important;line-height:1.05!important}.gst-company-info h3{text-align:center!important;margin:0 0 2px!important;font-size:10.5px!important;font-weight:900!important;line-height:1.05!important}.gst-company-info p{text-align:center!important;margin:1px 0!important;font-size:8.8px!important;line-height:1.1!important}.gst-title-row{text-align:center!important;border-bottom:1px solid #000!important;padding:4px!important;font-size:11.5px!important;font-weight:900!important;line-height:1.1!important}.gst-meta-grid{border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-meta-left{border-right:1px solid #000!important}.gst-meta-left,.gst-meta-right{box-sizing:border-box!important;min-width:0!important;padding:5px 8px!important}.gst-meta-left p,.gst-meta-right p,.gst-party-box p,.gst-bank-grid p{margin:2.5px 0!important;font-size:9.2px!important;line-height:1.2!important}.gst-meta-left span,.gst-meta-right span,.gst-party-box span{min-width:105px!important;display:inline-block!important}.gst-party-title-grid{text-align:center!important;border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;font-size:10px!important;font-weight:800!important;display:grid!important}.gst-party-title-grid div{box-sizing:border-box!important;min-width:0!important;padding:4px!important}.gst-party-title-grid div:first-child{border-right:1px solid #000!important}.gst-party-grid{border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-party-box{box-sizing:border-box!important;min-width:0!important;min-height:70px!important;padding:5px 8px!important}.gst-party-box:first-child{border-right:1px solid #000!important}.gst-items-table{table-layout:fixed!important;border-collapse:collapse!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.gst-items-table th,.gst-items-table td{margin-right:0;color:#000!important;vertical-align:middle!important;word-break:break-word!important;overflow-wrap:break-word!important;box-sizing:border-box!important;border-bottom:1px solid #000!important;border-right:1px solid #000!important;padding:3.5px 5px!important;font-size:9px!important;line-height:1.1!important}.gst-items-table th{text-align:center!important;background:#eef2f7!important;font-weight:900!important}.gst-items-table col:first-child,.gst-items-table th:first-child,.gst-items-table td:first-child{text-align:center!important;width:5%!important}.gst-items-table col:nth-child(2),.gst-items-table th:nth-child(2),.gst-items-table td:nth-child(2){width:25%!important}.gst-items-table th:nth-child(2){text-align:center!important}.gst-items-table td:nth-child(2){text-align:left!important;padding-left:9px!important}.gst-items-table col:nth-child(3),.gst-items-table th:nth-child(3),.gst-items-table td:nth-child(3){text-align:center!important;width:13%!important}.gst-items-table col:nth-child(4),.gst-items-table th:nth-child(4),.gst-items-table td:nth-child(4),.gst-items-table col:nth-child(5),.gst-items-table th:nth-child(5),.gst-items-table td:nth-child(5){width:13%!important}.gst-items-table th:nth-child(4),.gst-items-table th:nth-child(5){text-align:center!important}.gst-items-table td:nth-child(4),.gst-items-table td:nth-child(5){text-align:right!important}.gst-items-table col:nth-child(6),.gst-items-table th:nth-child(6),.gst-items-table td:nth-child(6){text-align:center!important;width:10%!important}.gst-items-table col:nth-child(7),.gst-items-table th:nth-child(7),.gst-items-table td:nth-child(7){width:2%!important}.gst-items-table th:nth-child(7){text-align:center!important}.gst-items-table td:nth-child(7){text-align:right!important}.gst-items-table th:last-child,.gst-items-table td:last-child{border-right:none!important}.gst-empty-row td{height:18px!important}.gst-tax-row td,.gst-total-row td{font-weight:900!important}.gst-total-row td{font-size:9.5px!important}.gst-amount-words-row{border-bottom:1px solid #000!important;justify-content:space-between!important;padding:5px 8px!important;font-size:9.2px!important;line-height:1.2!important;display:flex!important}.gst-bank-header{text-align:center!important;background:#d9d9d9!important;border-bottom:1px solid #000!important;padding:4px!important;font-size:10.5px!important;font-weight:800!important;line-height:1.1!important;text-decoration:underline!important}.gst-bank-grid{background:#d9d9d9!important;border-bottom:1px solid #000!important;grid-template-columns:1fr 1fr!important;display:grid!important}.gst-bank-grid>div{box-sizing:border-box!important;min-width:0!important;padding:6px 8px!important}.gst-bank-grid span{min-width:60px!important;display:inline-block!important}.gst-bank-grid strong{font-size:10.5px!important}.gst-footer-grid{grid-template-columns:1.25fr 1fr!important;display:grid!important}.gst-terms-box{box-sizing:border-box!important;border-right:1px solid #000!important;min-width:0!important;min-height:120px!important;padding:6px 8px!important}.gst-terms-box strong{font-size:9.2px!important}.gst-terms-box p{margin:3.5px 0!important;font-size:8px!important;line-height:1.2!important}.gst-sign-box{text-align:center!important;box-sizing:border-box!important;min-width:0!important;min-height:120px!important;padding:6px 8px!important}.gst-sign-box p{margin-bottom:6px!important;font-size:8.5px!important;line-height:1.2!important}.gst-sign-box h3{margin:6px 0!important;font-size:11.5px!important}.gst-sign-space{height:60px!important}.gst-sign-box strong{font-size:9px!important}}.employees-page{background:#f8fafc;min-height:100vh;padding:24px}.employees-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.employees-header h2{color:#0f172a;margin-bottom:6px;font-size:26px;font-weight:800}.employees-header p{color:#64748b;font-size:14px}.add-employee-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e3a8a);border:none;border-radius:12px;padding:12px 18px;font-weight:700;transition:all .25s;box-shadow:0 10px 24px #0f172a38}.add-employee-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0f172a4d}.employees-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:18px;padding:16px;box-shadow:0 8px 22px #0f172a0a}.employees-toolbar input{border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:13px 15px;font-size:14px;transition:all .2s}.employees-toolbar input:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1f}.employees-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.employees-table-wrapper{width:100%;overflow-x:auto}.employees-table{border-collapse:collapse;width:100%;min-width:1050px}.employees-table thead{background:#f1f5f9}.employees-table th{text-align:left;color:#334155;white-space:nowrap;padding:15px 16px;font-size:13px;font-weight:800}.employees-table td{color:#334155;vertical-align:middle;border-top:1px solid #e2e8f0;padding:15px 16px;font-size:14px}.employee-name-box{align-items:center;gap:12px;display:flex}.employee-avatar{color:#fff;background:linear-gradient(135deg,#1e3a8a,#0f172a);border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.employee-name-box strong{color:#0f172a;font-size:14px;display:block}.employee-name-box small{color:#64748b;margin-top:3px;font-size:12px;display:block}.employee-status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:6px 11px;font-size:12px;font-weight:800;display:inline-flex}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#991b1b;background:#fee2e2}.employee-actions-heading{text-align:right}.employee-actions{justify-content:flex-end;gap:8px;display:flex}.employee-actions button{cursor:pointer;border:none;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;transition:all .2s}.employee-actions button:hover{transform:translateY(-1px)}.no-employees,.employees-loading{text-align:center;color:#64748b;padding:30px;font-weight:600}@media (width<=768px){.employees-page{padding:16px}.employees-header{flex-direction:column;align-items:flex-start}.add-employee-btn{width:100%}}.view-attendance-btn{color:#3730a3;cursor:pointer;background:#eef2ff;border:none;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700;transition:all .2s}.view-attendance-btn:hover{color:#fff;background:#3730a3;transform:translateY(-1px)}@media (width<=768px){.employee-form-page{padding:16px}.employee-form-header{flex-direction:column;align-items:flex-start}.employee-form-header button{width:100%}.employee-form-grid{grid-template-columns:1fr}.employee-full-width{grid-column:span 1}.employee-form-actions{flex-direction:column}.employee-form-actions button{width:100%}}.employee-form-page{background:#f8fafc;min-height:100vh;padding:24px}.employee-form-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.employee-form-header h2{color:#0f172a;margin-bottom:6px;font-size:26px;font-weight:800}.employee-form-header p{color:#64748b;font-size:14px}.employee-form-header button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:11px;padding:11px 16px;font-weight:700}.employee-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 14px 34px #0f172a0f}.employee-form-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.employee-form-group{flex-direction:column;gap:7px;display:flex}.employee-form-group label{color:#334155;font-size:13px;font-weight:800}.employee-form-group input,.employee-form-group select,.employee-form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.employee-form-group input:focus,.employee-form-group select:focus,.employee-form-group textarea:focus{border-color:#1e3a8a;box-shadow:0 0 0 3px #1e3a8a1f}.employee-full-width{grid-column:span 2}.employee-form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.employee-form-actions button{cursor:pointer;border:none;border-radius:12px;padding:12px 18px;font-weight:800;transition:all .2s}.employee-form-actions button:first-child{color:#334155;background:#e2e8f0}.employee-form-actions button:last-child{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);box-shadow:0 10px 24px #0f172a38}.employee-form-actions button:hover{transform:translateY(-1px)}@media (width<=768px){.employee-form-page{padding:16px}.employee-form-header{flex-direction:column;align-items:flex-start}.employee-form-header button{width:100%}.employee-form-grid{grid-template-columns:1fr}.employee-full-width{grid-column:span 1}.employee-form-actions{flex-direction:column}.employee-form-actions button{width:100%}}.attendance-page{background:#f5f7fb;min-height:100vh;padding:24px}.attendance-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.attendance-header h2{color:#111827;margin-bottom:6px;font-size:28px;font-weight:800}.attendance-header p{color:#6b7280;font-size:14px}.attendance-date-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:220px;padding:14px 16px;box-shadow:0 12px 30px #0f172a14}.attendance-date-box label{color:#6b7280;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.attendance-date-box input{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px}.attendance-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:22px;margin-bottom:24px;padding:22px;box-shadow:0 18px 45px #0f172a14}.section-title{margin-bottom:18px}.section-title h3{color:#111827;margin-bottom:4px;font-size:20px;font-weight:800}.section-title p{color:#6b7280;font-size:13px}.attendance-table-wrapper{width:100%;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;min-width:980px}.attendance-table thead{background:linear-gradient(135deg,#111827,#1f2937)}.attendance-table th{color:#fff;text-align:left;white-space:nowrap;padding:14px 12px;font-size:13px;font-weight:700}.attendance-table th:first-child{border-top-left-radius:14px}.attendance-table th:last-child{border-top-right-radius:14px}.attendance-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:14px 12px;font-size:14px}.attendance-table tbody tr{transition:all .2s}.attendance-table tbody tr:hover{background:#f9fafb}.employee-info{align-items:center;gap:12px;display:flex}.employee-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:grid}.employee-info strong{color:#111827;font-size:14px;display:block}.employee-info small{color:#6b7280;margin-top:2px;font-size:12px;display:block}.attendance-table select,.attendance-table input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:9px 10px;font-size:13px}.attendance-table select:focus,.attendance-table input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.attendance-table input:disabled,.attendance-table select:disabled{cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.mark-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s}.mark-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #2563eb40}.mark-btn:disabled{opacity:.7;cursor:not-allowed}.marked-badge{color:#166534;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.attendance-status{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.status-present{color:#166534;background:#dcfce7}.status-absent{color:#991b1b;background:#fee2e2}.status-half{color:#92400e;background:#fef3c7}.status-leave{color:#3730a3;background:#e0e7ff}.empty-cell{text-align:center;font-weight:600;color:#6b7280!important;padding:26px!important}.history-table{min-width:800px}@media (width<=768px){.attendance-page{padding:16px}.attendance-header{flex-direction:column;align-items:stretch}.attendance-header h2{font-size:23px}.attendance-card{border-radius:18px;padding:16px}.attendance-date-box{width:100%}}.employee-profile-attendance{align-items:center;gap:16px;margin-bottom:22px;display:flex}.large-avatar{border-radius:18px;width:58px;height:58px;font-size:22px}.employee-profile-attendance h3{color:#111827;margin-bottom:4px;font-size:22px}.employee-profile-attendance p{color:#6b7280;font-size:14px}.attendance-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.summary-box span{color:#6b7280;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.summary-box strong{color:#111827;font-size:28px}@media (width<=768px){.attendance-summary-grid{grid-template-columns:repeat(2,1fr)}.employee-profile-attendance{align-items:flex-start}}.payroll-page{color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;padding:28px}.payroll-header{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:24px;margin-bottom:24px;padding:30px;box-shadow:0 18px 40px #0f172a2e}.payroll-eyebrow{color:#bfdbfe;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;margin-bottom:12px;padding:7px 14px;font-size:13px;display:inline-block}.payroll-header h1{margin:0 0 8px;font-size:30px;font-weight:800}.payroll-header p{color:#dbeafe;max-width:720px;margin:0;line-height:1.6}.payroll-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;margin-bottom:24px;padding:24px;box-shadow:0 14px 35px #0f172a14}.section-heading{margin-bottom:22px}.section-heading h2{color:#111827;margin:0 0 6px;font-size:21px;font-weight:800}.section-heading p{color:#64748b;margin:0;font-size:14px}.payroll-list-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-form{grid-template-columns:repeat(4,1fr);align-items:end;gap:18px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-wide{grid-column:span 2}.form-group input,.form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px;transition:all .2s}.generate-btn,.refresh-btn,.pay-btn{cursor:pointer;border:none;font-weight:800;transition:all .2s}.generate-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:14px;height:46px;padding:0 20px;box-shadow:0 12px 24px #2563eb40}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px #2563eb52}.generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.refresh-btn{color:#1d4ed8;background:#eff6ff;border-radius:12px;height:40px;padding:0 16px}.refresh-btn:hover{background:#dbeafe}.table-wrapper{width:100%;overflow-x:auto}.payroll-table{border-collapse:separate;border-spacing:0 12px;width:100%;min-width:1200px}.payroll-table thead th{text-align:left;color:#64748b;white-space:nowrap;padding:0 14px 4px;font-size:13px;font-weight:800}.payroll-table tbody tr{background:#f8fafc;box-shadow:0 8px 20px #0f172a0a}.payroll-table tbody td{color:#334155;white-space:nowrap;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:16px 14px;font-size:14px}.payroll-table tbody td:first-child{border-left:1px solid #e5e7eb;border-top-left-radius:16px;border-bottom-left-radius:16px}.payroll-table tbody td:last-child{border-right:1px solid #e5e7eb;border-top-right-radius:16px;border-bottom-right-radius:16px}.employee-cell{flex-direction:column;gap:4px;display:flex}.employee-cell strong{color:#0f172a;font-size:14px}.employee-cell span{color:#64748b;font-size:12px}.payment-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.status-paid{color:#166534;background:#dcfce7}.status-partial{color:#92400e;background:#fef3c7}.status-unpaid{color:#991b1b;background:#fee2e2}.pay-btn{color:#fff;background:#0f172a;border-radius:11px;height:36px;padding:0 14px;font-size:12px}.pay-btn:hover{background:#1e293b;transform:translateY(-1px)}.empty-state{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;width:100%;padding:36px;font-weight:700}@media (width<=1100px){.payroll-form{grid-template-columns:repeat(2,1fr)}.form-wide{grid-column:span 2}}@media (width<=768px){.payroll-page{padding:18px}.payroll-header{border-radius:20px;padding:24px}.payroll-header h1{font-size:24px}.payroll-form{grid-template-columns:1fr}.form-wide{grid-column:span 1}.payroll-list-heading{flex-direction:column;align-items:flex-start}.refresh-btn,.generate-btn{width:100%}}.unauthorized-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 70px);padding:40px 20px;display:flex}.unauthorized-card{text-align:center;background:#fff;border:1px solid #e2e8f0e6;border-radius:24px;width:100%;max-width:520px;padding:42px 34px;box-shadow:0 20px 60px #0f172a1f}.unauthorized-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin:0 auto 22px;font-size:38px;display:flex}.unauthorized-card h1{color:#0f172a;margin:0 0 12px;font-size:32px;font-weight:800}.unauthorized-card p{color:#64748b;max-width:420px;margin:0 auto 28px;font-size:15.5px;line-height:1.7}.unauthorized-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;outline:none;padding:13px 24px;font-size:15px;font-weight:700;transition:all .25s;box-shadow:0 12px 28px #2563eb40}.unauthorized-btn:hover{background:#1d4ed8;transform:translateY(-2px)}@media (width<=576px){.unauthorized-card{padding:34px 22px}.unauthorized-card h1{font-size:26px}.unauthorized-card p{font-size:14px}}.admin-users-page{padding:24px}.admin-users-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-users-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:800}.admin-users-header p{color:#64748b;margin:6px 0 0;font-size:14px}.admin-users-add-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:12px 18px;font-weight:700}.admin-users-add-btn:hover{background:#1d4ed8}.admin-users-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #0f172a14}.admin-users-message{color:#64748b;padding:24px}.admin-users-table-wrap{width:100%;overflow-x:auto}.admin-users-table{border-collapse:collapse;width:100%}.admin-users-table th,.admin-users-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.admin-users-table th{color:#334155;background:#f8fafc;font-weight:800}.role-badge,.status-badge{text-transform:capitalize;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.role-badge.admin{color:#0369a1;background:#e0f2fe}.role-badge.super_admin{color:#92400e;background:#fef3c7}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.admin-users-actions{flex-wrap:wrap;gap:8px;display:flex}.edit-btn,.activate-btn,.deactivate-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-weight:700}.edit-btn{color:#0369a1;background:#e0f2fe}.activate-btn{color:#166534;background:#dcfce7}.deactivate-btn{color:#991b1b;background:#fee2e2}@media (width<=768px){.admin-users-page{padding:16px}.admin-users-header{flex-direction:column;align-items:flex-start}.admin-users-add-btn{width:100%}}.admin-user-form-page{padding:24px}.admin-user-form-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-user-form-header h1{color:#0f172a;margin:0;font-size:28px;font-weight:800}.admin-user-form-header p{color:#64748b;margin:6px 0 0;font-size:14px}.back-btn{color:#0f172a;cursor:pointer;background:#e2e8f0;border:none;border-radius:12px;padding:11px 16px;font-weight:700}.back-btn:hover{background:#cbd5e1}.admin-user-form-card{background:#fff;border-radius:20px;max-width:720px;padding:24px;box-shadow:0 12px 35px #0f172a14}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.form-group label{color:#334155;font-size:14px;font-weight:800}.form-group input,.form-group select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:800}.submit-btn:hover{background:#1d4ed8}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.admin-user-form-page{padding:16px}.admin-user-form-header{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr;gap:0}.back-btn{width:100%}}.invoice-settings-page{background:#f8fafc;width:100%;min-height:100vh;padding:28px}.invoice-settings-header{color:#fff;background:linear-gradient(135deg,#111827,#1e3a8a);border-radius:22px;margin-bottom:22px;padding:28px;box-shadow:0 18px 40px #0f172a29}.invoice-settings-eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:#bfdbfe;margin:0 0 8px;font-size:13px;font-weight:700}.invoice-settings-header h1{margin:0 0 8px;font-size:30px;font-weight:800}.invoice-settings-header p{color:#dbeafe;max-width:720px;margin:0;line-height:1.6}.invoice-settings-loading{color:#334155;background:#fff;border-radius:18px;padding:24px;font-weight:700;box-shadow:0 12px 28px #0f172a14}.invoice-settings-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;margin-bottom:18px;padding:14px 16px;font-weight:700}.invoice-settings-form{flex-direction:column;gap:20px;display:flex}.invoice-settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;box-shadow:0 14px 35px #0f172a14}.invoice-settings-card h2{color:#111827;margin:0 0 20px;font-size:20px;font-weight:800}.invoice-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.invoice-settings-field{flex-direction:column;gap:8px;display:flex}.invoice-settings-field.full-width{margin-top:18px}.invoice-settings-field label{color:#334155;font-size:14px;font-weight:700}.invoice-settings-field input,.invoice-settings-field textarea{color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-size:15px;transition:all .2s}.invoice-settings-field textarea{resize:vertical}.invoice-settings-field input:focus,.invoice-settings-field textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.invoice-logo-preview-box{background:#f8fafc;border:1px dashed #94a3b8;border-radius:18px;justify-content:center;align-items:center;width:160px;height:110px;display:flex;overflow:hidden}.invoice-logo-preview-box img{object-fit:contain;max-width:100%;max-height:100%}.invoice-settings-actions{justify-content:flex-end;display:flex}.invoice-settings-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:14px;outline:none;padding:14px 22px;font-weight:800;transition:all .2s;box-shadow:0 12px 25px #2563eb3d}.invoice-settings-actions button:hover{transform:translateY(-2px)}.invoice-settings-actions button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=768px){.invoice-settings-page{padding:18px}.invoice-settings-header{padding:22px}.invoice-settings-header h1{font-size:24px}.invoice-settings-grid{grid-template-columns:1fr}.invoice-settings-card{padding:18px}.invoice-settings-actions{justify-content:stretch}.invoice-settings-actions button{width:100%}}.invoice-live-preview-card{overflow:hidden}.invoice-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.invoice-preview-heading h2{margin:0}.invoice-preview-eyebrow{letter-spacing:1.2px;color:#2563eb;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.invoice-preview-badge{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:800}.settings-invoice-preview{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a05}.settings-invoice-top{background:linear-gradient(135deg,#f8fafc,#eff6ff);border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:24px;padding:24px;display:flex}.settings-invoice-brand{flex:1}.settings-invoice-logo{object-fit:contain;width:90px;height:72px;margin-bottom:12px;display:block}.settings-invoice-logo-placeholder{color:#64748b;background:#fff;border:1px dashed #94a3b8;border-radius:14px;place-items:center;width:90px;height:72px;margin-bottom:12px;font-size:13px;font-weight:800;display:grid}.settings-invoice-brand h3{color:#0f172a;margin:0 0 8px;font-size:24px;font-weight:900}.settings-invoice-brand p{color:#475569;margin:4px 0;font-size:14px;line-height:1.5}.settings-invoice-meta{background:#fff;border:1px solid #dbeafe;border-radius:18px;min-width:230px;padding:18px;box-shadow:0 12px 28px #2563eb14}.settings-invoice-meta h4{color:#1e3a8a;letter-spacing:1px;margin:0 0 14px;font-size:18px;font-weight:900}.settings-invoice-meta p{color:#475569;justify-content:space-between;gap:14px;margin:9px 0;font-size:14px;display:flex}.settings-invoice-meta strong{color:#0f172a;text-transform:capitalize}.settings-invoice-info-grid{grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px;display:grid}.settings-invoice-info-grid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.settings-invoice-info-grid h4,.settings-invoice-notes h4,.settings-payment-preview h4{color:#0f172a;margin:0 0 10px;font-size:15px;font-weight:900}.settings-invoice-info-grid p,.settings-invoice-notes p,.settings-payment-preview p{color:#475569;margin:6px 0;font-size:14px;line-height:1.5}.settings-invoice-table-wrapper{padding:0 24px 22px;overflow-x:auto}.settings-invoice-table{border-collapse:collapse;width:100%;min-width:650px}.settings-invoice-table th{color:#fff;text-align:left;background:#0f172a;padding:13px 14px;font-size:13px;font-weight:800}.settings-invoice-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:13px 14px;font-size:14px}.settings-invoice-table tbody tr{background:#fff}.settings-invoice-bottom{grid-template-columns:1.5fr .8fr;gap:20px;padding:0 24px 24px;display:grid}.settings-invoice-notes{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.settings-payment-preview{border-top:1px dashed #cbd5e1;margin-top:16px;padding-top:14px}.settings-total-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:16px;align-self:start;padding:16px}.settings-total-preview p{color:#334155;justify-content:space-between;margin:9px 0;font-size:14px;display:flex}.settings-total-preview strong{color:#0f172a}.settings-total-preview .settings-grand-total{color:#1d4ed8;border-top:1px solid #bfdbfe;margin-top:12px;padding-top:12px;font-size:16px;font-weight:900}.settings-signature-row{justify-content:space-between;gap:24px;padding:8px 24px 24px;display:flex}.settings-signature-row div{text-align:center;width:220px}.settings-signature-row span{background:#94a3b8;height:1px;margin-bottom:8px;display:block}.settings-signature-row p{color:#475569;margin:0;font-size:13px;font-weight:700}.settings-invoice-footer-preview{color:#fff;text-align:center;background:#0f172a;padding:14px 20px;font-size:14px;font-weight:800}@media (width<=900px){.settings-invoice-top,.settings-invoice-bottom,.settings-invoice-info-grid{grid-template-columns:1fr}.settings-invoice-top{flex-direction:column}.settings-invoice-meta{min-width:100%}}@media (width<=600px){.invoice-preview-heading{flex-direction:column;align-items:flex-start}.settings-invoice-top,.settings-invoice-info-grid,.settings-invoice-table-wrapper,.settings-invoice-bottom,.settings-signature-row{padding-left:16px;padding-right:16px}.settings-signature-row{flex-direction:column}.settings-signature-row div{width:100%}.settings-invoice-brand h3{font-size:20px}}.invoice-logo-upload-box{background:#f8fafc;border:1px dashed #94a3b8;border-radius:16px;align-items:center;gap:16px;width:100%;padding:14px;display:flex}.invoice-logo-upload-preview{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex:0 0 92px;place-items:center;width:92px;height:76px;display:grid;overflow:hidden}.invoice-logo-upload-preview img{object-fit:contain;width:100%;height:100%;padding:6px}.invoice-logo-upload-preview span{color:#64748b;letter-spacing:.8px;font-size:12px;font-weight:900}.invoice-logo-upload-content{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.invoice-logo-upload-btn{cursor:pointer;background:linear-gradient(135deg,#2563eb,#1e40af);border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 10px 22px #2563eb38;color:#fff!important}.invoice-logo-upload-btn:hover{transform:translateY(-1px)}.invoice-logo-file-input{display:none}.invoice-logo-upload-content p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.invoice-logo-file-name{color:#2563eb;word-break:break-all;font-size:12px;font-weight:800}.invoice-logo-remove-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;outline:none;padding:8px 11px;font-weight:800;transition:all .2s}.invoice-logo-remove-btn:hover{background:#fecaca}@media (width<=600px){.invoice-logo-upload-box{flex-direction:column;align-items:flex-start}.invoice-logo-upload-preview{width:110px;height:82px}}