:root{--primary-orange: #f97316;--primary-hover: #ea580c;--dark-blue: #1e293b;--border-color: #e2e8f0;--bg-light: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--card-shadow-hover: 0 12px 24px -4px rgba(0, 0, 0, .12), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-light);color:var(--text-main);margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex:1;display:flex;flex-direction:column;width:100%}.site-navbar{background:#fff;border-bottom:3.5px solid var(--primary-orange);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000;width:100%;margin:0;padding:0;flex-shrink:0}.site-navbar-inner{max-width:1600px;width:100%;margin:0 auto;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:68px;gap:12px}.site-navbar-logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.site-navbar-logo{height:48px;max-height:52px;width:auto;object-fit:contain;display:block;transition:height .2s ease,transform .2s ease}.site-navbar-links{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1;justify-content:center}.site-navbar-links::-webkit-scrollbar{display:none}.site-navbar-links a{font-family:inherit;font-size:13.2px;font-weight:600;color:#334155;padding:6px 13px;border-radius:7px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1.3;white-space:nowrap;box-sizing:border-box;transition:all .2s cubic-bezier(.34,1.56,.64,1);min-height:34px;position:relative}.site-navbar-links a:hover{background:#f9731614;color:var(--primary-orange);transform:translateY(-1px)}.site-navbar-links a:active{transform:scale(.97)}.site-navbar-links a.active{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff!important;box-shadow:0 3px 10px #0f172a2e,inset 0 1px #ffffff26;transform:translateY(-1px)}.site-navbar-links a.active:after{content:"";position:absolute;bottom:-3px;left:20%;right:20%;height:2.5px;background:var(--primary-orange);border-radius:3px;box-shadow:0 0 8px var(--primary-orange);animation:navActiveBeam .3s ease forwards}@keyframes navActiveBeam{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.page-transition-wrapper{flex:1;display:flex;flex-direction:column;width:100%;animation:pageTransitionIn .38s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity,filter}@keyframes pageTransitionIn{0%{opacity:0;transform:translateY(18px) scale(.988);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.tab-switch-content{animation:tabSwitchIn .32s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}@keyframes tabSwitchIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.btn-container{text-align:center;margin-top:20px;margin-bottom:24px;clear:both;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.btn{background:var(--primary-orange);color:#fff;padding:11px 22px;border:none;cursor:pointer;border-radius:6px;font-size:10.5pt;font-weight:700;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;text-decoration:none;min-height:42px;box-sizing:border-box}.btn:hover{background:var(--primary-hover);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{background:#475569}.btn-secondary:hover{background:#334155}.btn-danger{background:#ef4444;color:#fff;border:none}.btn-danger:hover{background:#dc2626}.btn-outline{background:transparent;color:var(--dark-blue);border:1px solid var(--border-color)}.btn-outline:hover{background:#f1f5f9;color:var(--primary-orange)}.invoice-box{width:100%;max-width:760px;margin:16px auto 32px;padding:20px 24px 16px;border:1px solid var(--border-color);box-shadow:var(--card-shadow);background:#fff;border-top:8px solid var(--primary-orange);box-sizing:border-box;display:flex;flex-direction:column;min-height:auto;border-radius:4px}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;border-bottom:2px solid var(--primary-orange);padding-bottom:10px;gap:16px}.header-left{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-sizing:border-box}.header-right{flex:1;min-width:0;text-align:right;box-sizing:border-box}.company-logo{display:block;max-width:200px;width:100%;height:auto;margin:0 0 6px;object-fit:contain}.invoice-title{font-size:16pt;font-weight:800;color:var(--primary-orange);margin-bottom:4px;letter-spacing:.5px;text-align:right;text-transform:uppercase}.details-section{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:12px;gap:12px}.details-box{flex:1;min-width:0;border:1px solid var(--border-color);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.section-header{background-color:var(--dark-blue);color:#fff;padding:7px 10px;min-height:34px;display:flex;align-items:center;font-weight:700;font-size:9pt;margin:0;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box}.editable-box{width:100%;min-height:72px;border:none;padding:6px 8px;font-family:inherit;font-size:9pt;line-height:1.4;box-sizing:border-box;background:transparent;outline:none;resize:vertical;color:var(--text-main);transition:background-color .2s ease}.editable-box:focus{background-color:#fffaf0}.quotation-client-grid{padding:10px;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;font-size:8.5pt}.quotation-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:8pt}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:10px;margin-bottom:6px;border-radius:2px}table{width:100%;border-collapse:collapse;margin-top:0;font-size:9pt}.table-responsive table{min-width:520px}.header-table,.header-right table{width:100%;min-width:0!important;border-collapse:collapse;table-layout:auto}.header-table td,.header-right table td{border:none;padding:2px}th,td{border:1px solid var(--border-color);padding:6px 4px;text-align:left;vertical-align:middle}th{background-color:var(--primary-orange);color:#fff;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-size:8.5pt}.challan-table th{background-color:var(--primary-orange);font-size:8.5pt}input[type=text],input[type=date],input[type=number],input[type=email],select{width:100%;max-width:100%;padding:4px 6px;box-sizing:border-box;border:1px dashed transparent;background:transparent;font-size:9pt;font-family:inherit;color:#000;font-weight:500;transition:all .2s ease}.header-right input{text-align:right;width:100%;max-width:100%}input[type=text]:focus,input[type=date]:focus,input[type=number]:focus,input[type=email]:focus,select:focus{border:1px dashed var(--primary-orange);background:#fffaf0;outline:none}.totals-section{width:50%;margin-left:auto;margin-top:8px}.totals-table{width:100%;border-collapse:collapse;min-width:unset}.totals-table td{border:none;padding:3px 6px;font-size:8.5pt}.totals-table .total-row{background-color:var(--primary-orange);color:#fff;font-weight:700}.totals-table .total-row td{padding:5px 6px;color:#fff;font-size:9pt}.footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px;padding-top:10px;border-top:1px solid var(--border-color);font-size:8pt;gap:16px}.footer-left{width:60%;color:var(--text-muted)}.footer-right{width:38%;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.signature-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:4px 0}.handwritten-sig-img{display:block;height:48px;width:auto;max-width:130px;margin:0;object-fit:contain}.signature-img{display:block;width:78px;height:78px;margin:0;object-fit:contain;border:none;padding:0}.proprietor-line{margin:0;border-top:1px solid #000000;display:inline-block;padding-top:2px;color:#000;font-size:8pt;width:120px;text-align:center;line-height:1.2;font-weight:600}.goods-received-section{border:1px solid #000000;padding:10px 14px;margin-top:14px;margin-bottom:8px}.goods-title{font-size:9pt;font-weight:700;text-align:center;margin:0 0 6px;border-bottom:1px solid #000000;padding-bottom:4px}.signature-area{display:flex;justify-content:space-between;align-items:flex-end;padding-top:14px}.signature-line{font-size:8.5pt}.hero-section{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);color:#fff;padding:24px 20px 36px;text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(circle at 25% 25%,rgba(249,115,22,.25),transparent 45%),radial-gradient(circle at 75% 35%,rgba(59,130,246,.2),transparent 45%),radial-gradient(circle at 50% 65%,rgba(139,92,246,.18),transparent 50%);pointer-events:none;animation:heroMeshGlow 18s ease infinite alternate}@keyframes heroMeshGlow{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(0)}}.hero-title-container{position:relative;display:inline-block;margin:0 auto 8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hero-title{font-size:clamp(20pt,3.5vw,28pt);font-weight:900;margin:0;letter-spacing:-.5px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.hero-title-deep{color:#fff;display:inline-block;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-shadow:none}.hero-title-enterprises{display:inline-block;background:linear-gradient(135deg,#fdba74,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .4s cubic-bezier(.34,1.56,.64,1);filter:none}.hero-title-container:hover{transform:translateY(-5px) scale(1.05)}.hero-title-container:hover .hero-title{letter-spacing:1.2px;filter:none}.hero-title-container:hover .hero-title-deep{background:linear-gradient(115deg,#fff,#fed7aa 20%,#f97316 45%,#ec4899,#a855f7 85%,#fff);background-size:250% auto;animation:titleShimmerFlow 2.2s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(-1.5deg)}.hero-title-container:hover .hero-title-enterprises{background:linear-gradient(115deg,#f97316,#ec4899,#a855f7,#38bdf8,#fb923c);background-size:250% auto;animation:titleShimmerFlow 2.2s linear infinite reverse;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:rotate(1.5deg)}@keyframes titleShimmerFlow{0%{background-position:0% 50%}to{background-position:250% 50%}}.hero-title-glow-line{width:0%;height:3px;margin:6px auto 0;border-radius:4px;opacity:0;background:linear-gradient(90deg,transparent,#fb923c,#f97316,#ec4899,#fb923c,transparent);transition:all .45s cubic-bezier(.34,1.56,.64,1)}.hero-title-container:hover .hero-title-glow-line{width:90%;opacity:1;box-shadow:none;animation:none}@keyframes beamLaserGlow{0%{opacity:.8;transform:scaleX(.95);box-shadow:0 0 12px #f97316cc}to{opacity:1;transform:scaleX(1.05);box-shadow:0 0 24px #f97316,0 0 44px #ec4899b3}}.hero-subtitle{font-size:clamp(10.5pt,2vw,12pt);color:#cbd5e1;max-width:720px;margin:12px auto 28px;line-height:1.6}.hero-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;font-size:9.5pt;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.hero-btn-primary{background:linear-gradient(135deg,#f97316e6,#ea580ce6);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #f9731666,inset 0 1px #fff6}.hero-btn-primary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #f973168c,inset 0 1px #fff}.hero-btn-secondary{background:#ffffff14;color:#f8fafc;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffff40}.hero-btn-secondary:hover{background:#ffffff2e;border-color:#fff6;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0003,inset 0 1px #ffffff80}.dashboard-container{max-width:1200px;width:100%;margin:28px auto 30px;padding:0 20px;box-sizing:border-box;position:relative;z-index:10}.modules-grid-5{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}.mod-card-1,.mod-card-2,.mod-card-3,.mod-card-4,.mod-card-5,.mod-card-6,.mod-card-7,.mod-card-8,.mod-card-9{grid-column:span 1}@media(max-width:1200px){.modules-grid-5{grid-template-columns:repeat(3,1fr);gap:20px}}@media(max-width:860px){.modules-grid-5{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:560px){.modules-grid-5{grid-template-columns:1fr;gap:14px}}.module-card-v2{background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;padding:26px 24px;border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 30px -5px #0f172a0f,0 2px 8px -2px #0f172a0a,inset 0 1px 1px #fffffff2;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit;height:100%;box-sizing:border-box}.module-card-v2:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--mod-accent, var(--primary-orange)),transparent);opacity:.6;transition:opacity .3s ease,height .3s ease}.module-card-v2:hover{transform:translateY(-6px) scale(1.008);background:#ffffffe6;border-color:var(--mod-accent, var(--primary-orange));box-shadow:0 20px 40px -10px #0f172a1f,0 8px 16px -4px #0f172a0f,0 0 20px 0 var(--mod-bg, rgba(249, 115, 22, .15)),inset 0 1px 1px #fff}.module-card-v2:hover:before{opacity:1;height:5px}.module-icon-wrap-v2{width:50px;height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;box-shadow:0 4px 12px #0000000a,inset 0 1px #fffc}.module-card-v2:hover .module-icon-wrap-v2{transform:scale(1.1) rotate(2deg);box-shadow:0 8px 20px #00000014,inset 0 1px #fff}.module-card-title-v2{font-size:13pt;font-weight:800;color:var(--dark-blue);margin-bottom:8px;line-height:1.3;letter-spacing:-.2px}.module-card-desc-v2{font-size:9pt;color:var(--text-muted);line-height:1.55;margin-bottom:18px;flex:1}.module-card-link-v2{font-size:9pt;font-weight:750;display:inline-flex;align-items:center;gap:4px;transition:gap .2s ease}.module-card-v2:hover .mod-arrow-icon{transform:translate(5px);transition:transform .2s ease}.feature-highlights-banner{margin-top:36px;background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.85);padding:22px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;box-shadow:0 10px 30px -5px #0f172a0d,inset 0 1px 1px #fffffff2}.highlight-item{display:flex;align-items:center;gap:16px}.highlight-icon-wrap{padding:11px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000000a,inset 0 1px #fff9}.highlight-title{font-weight:800;font-size:10pt;color:var(--dark-blue);letter-spacing:-.1px}.highlight-desc{font-size:8.5pt;color:var(--text-muted);margin-top:2px}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}.selection-card{background:#fff;border:2px solid var(--border-color);border-radius:12px;padding:22px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.selection-card:hover{border-color:var(--primary-orange);background:#fffaf0;transform:translateY(-2px);box-shadow:0 6px 16px #f973161f}.selection-icon{width:52px;height:52px;border-radius:12px;background:#fff7ed;color:var(--primary-orange);display:flex;align-items:center;justify-content:center;font-size:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:9.5pt;font-weight:600;color:#334155;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:9.5pt;background:#fff;box-sizing:border-box;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary-orange);outline:none;box-shadow:0 0 0 3px #f9731626}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.download-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:20px;text-align:center;margin:20px 0}@media(max-width:992px){.site-navbar-inner{padding:12px 20px;min-height:72px}.site-navbar-logo{height:50px}.site-navbar-links{gap:6px}.site-navbar-links a{font-size:14px;padding:8px 14px}.dashboard-container{padding:0 16px}}@media(max-width:768px){.site-navbar-inner{flex-direction:column;justify-content:center;gap:10px;padding:10px 14px;min-height:auto}.site-navbar-logo{height:44px;max-height:48px}.site-navbar-links{width:100%;justify-content:center;flex-wrap:wrap;gap:6px}.site-navbar-links a{font-size:13.5px;padding:7px 12px}.modules-grid{grid-template-columns:1fr;gap:16px}.dashboard-container{margin-top:18px}}@media(max-width:680px){.invoice-box{padding:14px 12px;margin:8px auto 20px;border-radius:4px}.header{flex-direction:column;gap:12px;align-items:stretch}.header-left,.header-right{width:100%;text-align:left}.invoice-title{text-align:left;font-size:14pt}.details-section{flex-direction:column;gap:10px}.details-box{width:100%}.quotation-client-grid{grid-template-columns:1fr;gap:8px;padding:8px}.quotation-terms-grid{grid-template-columns:1fr;gap:8px}.totals-section{width:100%;max-width:100%;margin-left:0;margin-top:12px}.footer{flex-direction:column;align-items:stretch;gap:14px}.footer-left{width:100%;text-align:left}.footer-right{width:100%;text-align:center;align-items:center}.signature-row{justify-content:center}.signature-area{flex-direction:column;align-items:center;gap:14px;padding-top:8px}.btn-container{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%;padding:12px;font-size:10.5pt}}@media(max-width:480px){.site-navbar-inner{padding:8px 10px}.site-navbar-links{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;flex-wrap:nowrap;scrollbar-width:none}.site-navbar-links::-webkit-scrollbar{display:none}.site-navbar-links a{flex-shrink:0;font-size:13px;padding:6px 10px;min-height:36px}.generator-card{padding:18px 12px;margin:12px auto}.selection-grid{grid-template-columns:1fr}.header-left p{font-size:9.5pt!important}}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px;animation:fadeIn .15s ease-out}.modal-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:580px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;animation:slideUp .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#f8fafc}.modal-close-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-body{padding:18px 20px;overflow-y:auto;max-height:calc(85vh - 130px)}.modal-footer{padding:12px 20px;border-top:1px solid #f1f5f9;background:#f8fafc;display:flex;justify-content:flex-end}.preset-chip{background:#fff7ed;color:#c2410c;border:1px solid #ffedd5;padding:4px 10px;border-radius:9999px;font-size:8pt;font-weight:600;cursor:pointer;transition:all .15s ease}.preset-chip:hover{background:#ffedd5;border-color:#fdba74;transform:translateY(-1px)}.add-col-box{display:flex;gap:8px;align-items:center;background:#f8fafc;padding:10px;border-radius:8px;border:1px dashed #cbd5e1}.modal-input{width:100%;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:9pt;outline:none;transition:border-color .15s}.modal-input:focus{border-color:var(--primary-orange)}.modal-select{padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;font-size:8.5pt;background:#fff;outline:none;color:#334155;cursor:pointer}.modal-select-sm{padding:4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:8pt;background:#fff;outline:none;color:#334155;cursor:pointer}.columns-list{display:flex;flex-direction:column;gap:6px}.column-row-item{display:flex;align-items:center;gap:8px;background:#f8fafc;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px}.reorder-btns{display:flex;flex-direction:column;gap:2px}.icon-btn-micro{background:#fff;border:1px solid #cbd5e1;border-radius:3px;color:#475569;cursor:pointer;padding:1px;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn-micro:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.icon-btn-micro:disabled{opacity:.3;cursor:not-allowed}.icon-btn-delete{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn-delete:hover{background:#fee2e2}.reset-columns-btn{background:transparent;border:none;color:#64748b;font-size:8pt;cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px}.reset-columns-btn:hover{color:#ef4444;background:#fef2f2}.table-toolbar-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:6px;flex-wrap:wrap;gap:8px}.btn-customize-cols{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#fff7ed;color:#c2410c;border:1px solid #fdba74;border-radius:6px;font-size:8.5pt;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-customize-cols:hover{background:#ffedd5;border-color:#fb923c;transform:translateY(-1px)}.header-cell-content{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%}.header-label-input{background:transparent;border:1px dashed rgba(255,255,255,.4);color:#fff;font-weight:700;font-size:inherit;width:100%;padding:3px 6px;border-radius:4px;cursor:text;transition:all .15s ease}.header-label-input:hover{background:#ffffff40;border-color:#fff}.header-label-input:focus{background:#fff;color:#0f172a;border:1px solid #ffffff;box-shadow:0 0 0 2px #f9731666;outline:none}.direct-col-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;margin-top:12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px}.direct-col-actions-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.direct-add-col-group{display:flex;align-items:center;gap:6px;flex:1;min-width:260px;max-width:480px}.direct-col-input{flex:1;padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:8.5pt;outline:none;background:#fff;transition:border-color .15s}.direct-col-input:focus{border-color:var(--primary-orange);box-shadow:0 0 0 2px #f9731626}.btn-add-col-direct{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary-orange);color:#fff;border:none;border-radius:6px;font-size:8.5pt;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-add-col-direct:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-add-col-direct:disabled{opacity:.5;cursor:not-allowed}.quick-presets-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px dashed #e2e8f0}.header-col-del-btn{background:#0003;border:none;color:#fff;cursor:pointer;padding:2px 4px;border-radius:3px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .15s;margin-left:2px;flex-shrink:0}.header-col-del-btn:hover{background:#ef4444;opacity:1}.generator-card{background:#fff;border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);padding:30px 24px;max-width:800px;width:100%;margin:20px auto 40px;box-sizing:border-box}.mode-selector{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:12px}.mode-btn{padding:8px 16px;background:none;border:none;font-size:11pt;font-weight:600;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s ease}.mode-btn.active{background:#fff7ed;color:var(--primary-orange)}.input-section{margin-bottom:24px}.input-group{margin-bottom:16px}.input-group label{display:block;font-weight:600;margin-bottom:6px;color:var(--dark-blue)}.input-group input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:10pt;box-sizing:border-box}.file-upload-box{border:2px dashed #cbd5e1;padding:30px 20px;text-align:center;border-radius:8px;cursor:pointer;background:#f8fafc;transition:all .2s ease}.file-upload-box:hover{border-color:var(--primary-orange);background:#fff7ed}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;background:#f8fafc;padding:16px;border-radius:8px;border:1px solid var(--border-color)}.option-item{display:flex;flex-direction:column;gap:6px}.option-item label{font-size:9pt;font-weight:600;color:var(--text-muted)}.option-item select,.option-item input{padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;background:#fff}.preview-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.batch-badge{background:#ecfdf5;color:#059669;padding:4px 10px;border-radius:20px;font-size:8.5pt;font-weight:600}.printable-grid-preview{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:20px;max-height:450px;overflow-y:auto}.grid-display{display:grid;gap:12px}.code-card{border:1px dashed #cbd5e1;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:4px}.code-card span{font-size:7.5pt;color:#475569;margin-top:4px;text-align:center;word-break:break-all;max-width:100%}.barcode-svg-wrap svg{max-width:100%;height:auto}@media print{body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;left:0;top:0;width:100%;margin:0;padding:0;box-shadow:none;border:none}.generator-card,.site-navbar,.hero-section,.btn-container,.preview-actions,.app-footer,.app-footer-v2{display:none!important}}.column-manager-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.work-report-box{transition:all .2s ease}@media(max-width:768px){.work-report-box{padding:16px 14px!important}}.app-footer-v2{background:linear-gradient(180deg,#0b1120,#030712);color:#94a3b8;position:relative;width:100%;margin-top:auto;overflow:hidden;box-sizing:border-box}.footer-glow-border{height:3px;width:100%;background:linear-gradient(90deg,#f97316,#ec4899,#8b5cf6,#3b82f6,#10b981,#f97316);background-size:300% 100%;animation:footerGlowSweep 6s linear infinite;box-shadow:0 0 14px #f9731666}@keyframes footerGlowSweep{0%{background-position:0% 50%}to{background-position:300% 50%}}.footer-inner{max-width:1240px;width:100%;margin:0 auto;padding:30px 24px 18px;box-sizing:border-box}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:28px;margin-bottom:24px}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px}}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:20px}}.footer-col-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-logo-wrap{display:inline-block;margin-bottom:10px;transition:transform .25s ease}.footer-logo-wrap:hover{transform:scale(1.04)}.footer-logo-img{height:44px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.footer-brand-desc{font-size:8.5pt;line-height:1.5;color:#94a3b8;margin-bottom:12px;max-width:320px}.footer-status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:20px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#34d399;font-size:7.5pt;font-weight:600}.status-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.footer-col-title{font-size:10pt;font-weight:750;color:#f8fafc;margin-bottom:12px;display:flex;align-items:center;gap:6px;letter-spacing:-.2px}.footer-title-icon{color:var(--primary-orange)}.footer-links-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.footer-link-item{color:#cbd5e1;text-decoration:none;font-size:8.5pt;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:all .2s ease}.footer-link-item:hover{color:var(--primary-orange);transform:translate(4px)}.footer-contact-items{display:flex;flex-direction:column;gap:9px}.footer-contact-row{display:flex;align-items:flex-start;gap:8px;font-size:8pt;line-height:1.4;color:#cbd5e1}.contact-icon{color:var(--primary-orange);flex-shrink:0;margin-top:2px}.footer-contact-link{color:#cbd5e1;text-decoration:none;transition:color .15s ease}.footer-contact-link:hover{color:var(--primary-orange)}.footer-gst-tag{margin-top:2px;display:inline-block;padding:3px 8px;border-radius:5px;background:#f973161a;border:1px solid rgba(249,115,22,.25);color:#fdba74;font-size:7.5pt}.footer-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.footer-feature-list li{display:flex;align-items:center;gap:7px;font-size:8pt;color:#cbd5e1}.feat-check{color:#10b981;flex-shrink:0}.footer-bottom-bar{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copyright-text{font-size:8pt;color:#64748b}.footer-copyright-text strong{color:#cbd5e1}.footer-back-to-top-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:8pt;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.footer-back-to-top-btn:hover{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.editable-term-label,.editable-heading-input{transition:all .2s ease;cursor:text}.editable-term-label:hover,.editable-heading-input:hover{border-color:#cbd5e1!important;background-color:#fff!important;box-shadow:0 1px 3px #0000000d}.editable-term-label:focus,.editable-heading-input:focus{border-color:var(--primary-orange)!important;background-color:#fff!important;outline:none!important;box-shadow:0 0 0 2px #f9731626!important}.projects-page-wrapper{background-color:#f8fafc;min-height:calc(100vh - 80px);display:flex;flex-direction:column;width:100%}.projects-hero-banner{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);padding:18px 24px 22px;color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.projects-hero-banner:before{content:"";position:absolute;top:-50px;right:5%;width:320px;height:320px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.projects-hero-banner:after{content:"";position:absolute;bottom:-60px;left:8%;width:380px;height:380px;background:radial-gradient(circle,rgba(249,115,22,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.projects-hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:2;text-align:center}.projects-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#10b98126;border:1px solid rgba(16,185,129,.35);color:#6ee7b7;font-size:8.5pt;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.projects-hero-title{font-size:1.6rem;font-weight:800;margin:0 0 6px;letter-spacing:-.5px}.text-orange-glow{color:var(--primary-orange, #f97316);text-shadow:none;filter:none}.projects-hero-sub{display:none}.projects-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1200px;margin:0 auto}.stat-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:16px;text-align:left;box-shadow:0 4px 14px #0000000d;transition:all .25s ease}.stat-card:hover{transform:translateY(-3px);background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 8px 24px #00000014}.stat-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-total .stat-icon-box{background:#3b82f61f;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.stat-completed .stat-icon-box{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.stat-active .stat-icon-box{background:#f973161f;color:#ea580c;border:1px solid rgba(249,115,22,.25)}.stat-valuation .stat-icon-box{background:#a855f71f;color:#9333ea;border:1px solid rgba(168,85,247,.25)}.stat-photos .stat-icon-box{background:#ec48991f;color:#db2777;border:1px solid rgba(236,72,153,.25)}.stat-info{display:flex;flex-direction:column}.stat-label,.stat-info .stat-label{font-size:.75rem!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.6px!important;font-weight:700!important}.stat-value,.stat-info .stat-value{font-size:1.45rem!important;font-weight:800!important;color:#0f172a!important;margin-top:3px!important;line-height:1.2!important}.projects-main-container{max-width:1280px;width:100%;margin:0 auto;padding:24px 20px 60px;box-sizing:border-box}.projects-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;margin-bottom:24px;box-shadow:0 4px 12px #00000008}.projects-search-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.projects-search-wrap{position:relative;flex:1;min-width:280px;display:flex;align-items:center}.projects-search-wrap .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:5}.projects-search-input{width:100%;height:44px;padding:10px 38px 10px 46px!important;border:1.5px solid #cbd5e1;border-radius:10px;font-size:9pt;color:#1e293b;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.projects-search-input:focus{outline:none;border-color:var(--primary-orange);background:#fff;box-shadow:0 0 0 3px #f973161f}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:2px}.projects-filter-wrap{min-width:220px}.projects-select-input{width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:9pt;font-weight:500;color:#1e293b;background:#f8fafc;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.projects-select-input:focus{outline:none;border-color:var(--primary-orange);background:#fff}.projects-actions-cluster{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-primary-upload{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:10px;padding:11px 18px;font-size:9pt;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #f973164d;transition:all .2s ease}.btn-primary-upload:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px);box-shadow:0 6px 16px #f9731666}.btn-secondary-action{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;border-radius:10px;padding:10px 14px;font-size:8.5pt;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary-action:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.projects-sub-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid #f1f5f9;flex-wrap:wrap}.status-pills-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;font-size:8pt;font-weight:600;cursor:pointer;transition:all .2s ease}.status-pill:hover{background:#e2e8f0;color:#1e293b}.status-pill.active{background:#1e293b;border-color:#1e293b;color:#fff}.pill-count{background:#00000026;padding:1px 6px;border-radius:10px;font-size:7.5pt}.status-pill.active .pill-count{background:#fff3}.view-mode-toggle{display:flex;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;gap:3px}.view-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;background:transparent;border:none;color:#64748b;font-size:8pt;font-weight:600;cursor:pointer;transition:all .15s ease}.view-btn:hover{color:#1e293b}.view-btn.active{background:#fff;color:var(--primary-orange);box-shadow:0 2px 5px #00000014}.projects-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px}.project-card-glass{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px #0000000a;display:flex;flex-direction:column;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.project-card-glass:hover{transform:translateY(-4px);box-shadow:0 14px 28px #00000017;border-color:#cbd5e1}.project-card-media-banner{height:180px;width:100%;position:relative;background:#0f172a;overflow:hidden}.card-banner-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card-glass:hover .card-banner-img{transform:scale(1.04)}.card-banner-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;background:linear-gradient(135deg,#1e293b,#0f172a);font-size:8.5pt;font-weight:600}.status-badge-floating{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:12px;font-size:7.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000040}.badge-completed{background:#10b981e6;color:#fff}.badge-active{background:#f97316e6;color:#fff}.code-badge-floating{position:absolute;bottom:12px;left:12px;background:#0f172ad9;border:1px solid rgba(255,255,255,.2);color:#fff;font-family:monospace;font-size:7.5pt;font-weight:700;padding:3px 8px;border-radius:6px}.project-card-body{padding:18px 20px;display:flex;flex-direction:column;flex:1}.card-category-tag{font-size:7.5pt;font-weight:700;color:var(--primary-orange);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.project-card-title{font-size:1.1rem;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7rem}.card-meta-line{display:flex;align-items:center;gap:8px;font-size:8.5pt;color:#334155;margin-bottom:4px}.card-meta-line .meta-icon{color:#94a3b8;flex-shrink:0}.client-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-line{color:#64748b;margin-bottom:14px}.card-financial-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 14px;margin-bottom:14px}.financial-box{display:flex;flex-direction:column}.fin-label{font-size:7pt;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:600}.fin-val{font-size:10pt;font-weight:700;color:#059669}.fin-wo{font-size:8.5pt;font-family:monospace;font-weight:600;color:#1e293b}.card-progress-wrapper{margin-bottom:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}.progress-info-row{display:flex;justify-content:space-between;align-items:center;font-size:8pt;font-weight:600;margin-bottom:7px}.progress-label-flex{display:inline-flex;align-items:center;gap:6px;color:#1e293b}.stage-mini-pill{display:inline-block;padding:2px 6px;font-size:6.8pt;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-radius:6px;border:1px solid transparent}.progress-counter-text{font-size:7.5pt;color:#64748b;font-weight:600}.progress-track{position:relative;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.progress-track.form-track{height:12px;border-radius:8px;background:#0000000f}.progress-track.detail-track{height:14px;border-radius:8px;background:#00000014}.progress-fill{position:relative;height:100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1),background .3s ease}.progress-glow-tip{position:absolute;right:0;top:0;bottom:0;width:6px;background:#fffc;box-shadow:0 0 8px #fff;border-radius:999px}.fill-green{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 12px #10b98159}.fill-purple{background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 0 12px #8b5cf659}.fill-orange{background:linear-gradient(90deg,#fb923c,#ea580c);box-shadow:0 0 12px #f9731659}.fill-blue{background:linear-gradient(90deg,#38bdf8,#0284c7);box-shadow:0 0 12px #0284c759}.card-milestones-dots-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;padding-top:6px;border-top:1px dashed #e2e8f0}.milestone-dot-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;font-size:7pt;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#475569;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);max-width:100%}.milestone-dot-pill:hover{border-color:#f97316;color:#ea580c;background:#fff7ed;transform:translateY(-1px);box-shadow:0 2px 5px #f9731626}.milestone-dot-pill.completed{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.milestone-dot-pill.completed:hover{border-color:#34d399;background:#d1fae5}.dot-num{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;background:#e2e8f0;border-radius:50%;font-size:6.5pt;font-weight:700;color:#475569}.dot-icon{color:#10b981;flex-shrink:0}.dot-title-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95px}.btn-advance-step{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:7pt;font-weight:700;background:#f97316;color:#fff;border:none;cursor:pointer;transition:all .15s ease;margin-left:auto}.btn-advance-step:hover{background:#ea580c;transform:translateY(-1px);box-shadow:0 2px 6px #f973164d}.tbl-progress-cell{min-width:130px}.tbl-progress-top{display:flex;justify-content:space-between;align-items:center;font-size:7.5pt;font-weight:700;margin-bottom:3px}.tbl-progress-track{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:4px}.tbl-dots-row{display:flex;align-items:center;gap:3px}.tbl-dot{display:inline-block;width:8px;height:8px;border-radius:50%;cursor:pointer;transition:transform .15s ease}.tbl-dot:hover{transform:scale(1.35)}.tbl-dot.done{background:#10b981;box-shadow:0 0 4px #10b98166}.tbl-dot.pending{background:#cbd5e1}.progress-mode-toggle{display:inline-flex;background:#f1f5f9;padding:3px;border-radius:8px;gap:2px}.btn-mode-toggle{padding:4px 10px;font-size:7.5pt;font-weight:600;border:none;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.btn-mode-toggle.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #00000014}.color-palette-picker-wrap{margin-bottom:14px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.palette-label{display:block;font-size:7.5pt;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.color-chips-row{display:flex;flex-wrap:wrap;gap:6px}.color-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:8px;border:1.5px solid #cbd5e1;background:#fff;font-size:7.5pt;font-weight:600;color:#334155;cursor:pointer;transition:all .15s ease}.color-chip-btn:hover{border-color:#f97316;transform:translateY(-1px)}.color-chip-btn.active{border-color:#0f172a;background:#0f172a;color:#fff;box-shadow:0 2px 6px #00000026}.chip-swatch{display:inline-block;width:12px;height:12px;border-radius:50%;box-shadow:0 0 4px #0003}.chip-name{font-size:7.5pt}.form-progress-preview-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;margin-bottom:16px;transition:all .3s ease}.form-progress-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9pt}.preview-sub{font-size:8pt;color:#64748b;margin-left:6px}.live-status-tag{padding:3px 9px;border-radius:6px;font-size:7.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.manual-slider-controls{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(0,0,0,.1)}.slider-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.progress-range-slider{flex:1;height:8px;border-radius:6px;accent-color:#f97316;cursor:pointer}.slider-number-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:3px 8px;background:#0f172a;color:#fff;border-radius:6px;font-family:monospace;font-weight:700;font-size:8.5pt}.preset-buttons-row{display:flex;gap:6px}.btn-preset-chip{padding:3px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;font-size:7.5pt;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease}.btn-preset-chip:hover{border-color:#f97316;color:#ea580c}.btn-preset-chip.active{background:#f97316;border-color:#f97316;color:#fff}.sub-section-title{font-size:8.5pt;font-weight:700;color:#334155}.detail-progress-hero{border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px;margin-bottom:20px}.detail-progress-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.detail-prog-label{font-size:8.5pt;color:#475569;font-weight:600;margin-right:6px}.detail-prog-num{font-size:13pt;font-weight:800;margin-right:8px}.detail-prog-sub{font-size:8pt;color:#64748b}.stage-badge-large{display:inline-block;padding:5px 12px;border-radius:8px;font-size:8pt;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #0000001a}.status-sub.done{color:#10b981;font-weight:700}.status-sub.prog{color:#f97316;font-weight:700}.card-footer-info{display:flex;justify-content:space-between;align-items:center;font-size:7.5pt;color:#94a3b8;margin-bottom:14px;padding-top:10px;border-top:1px solid #f1f5f9}.photos-counter,.date-info{display:inline-flex;align-items:center;gap:5px}.card-actions-row{display:flex;align-items:center;gap:6px;margin-top:auto}.btn-card-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:8pt;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.btn-view{flex:2;background:#1e293b;color:#fff}.btn-view:hover{background:#0f172a}.btn-pdf{flex:1.5;background:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.btn-pdf:hover{background:#ffedd5}.btn-edit{background:#f1f5f9;color:#475569}.btn-edit:hover{background:#e2e8f0;color:#0f172a}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2}.projects-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 4px 12px #00000008}.projects-data-table{width:100%;border-collapse:collapse;font-size:8.5pt;text-align:left}.projects-data-table th{background:#f8fafc;padding:12px 16px;color:#475569;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;font-size:7.5pt}.projects-data-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table-row-hover:hover{background:#f8fafc}.code-cell{color:var(--primary-orange)}.title-cell{max-width:260px}.cell-proj-title{font-weight:700;color:#0f172a;line-height:1.3}.cell-proj-cat{font-size:7.5pt;color:#64748b}.cell-client-name{font-weight:600;color:#1e293b}.cell-client-loc{font-size:7.5pt;color:#94a3b8}.status-pill-mini{display:inline-block;padding:3px 8px;border-radius:12px;font-size:7pt;font-weight:700;text-transform:uppercase}.pill-completed{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.pill-active{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.amount-cell{color:#059669}.timeline-cell{font-size:8pt}.sub-date{color:#94a3b8;font-size:7.5pt}.milestone-cell .pct-tag{font-weight:700;color:#0f172a;margin-right:4px}.milestone-cell .count-tag{color:#94a3b8;font-size:7.5pt}.table-action-btns{display:flex;align-items:center;justify-content:center;gap:6px}.btn-tbl-view,.btn-tbl-pdf,.btn-tbl-edit,.btn-tbl-del{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .15s ease}.btn-tbl-view{background:#f1f5f9;color:#334155}.btn-tbl-view:hover{background:#1e293b;color:#fff}.btn-tbl-pdf{background:#fff7ed;color:#ea580c}.btn-tbl-pdf:hover{background:#ea580c;color:#fff}.btn-tbl-edit{background:#f1f5f9;color:#475569}.btn-tbl-edit:hover{background:#e2e8f0;color:#0f172a}.btn-tbl-del{background:#fef2f2;color:#dc2626}.btn-tbl-del:hover{background:#dc2626;color:#fff}.enterprise-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 2px 10px #00000008;margin-bottom:24px;width:100%}.table-layout-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:8pt}.table-layout-toggle{display:inline-flex;background:#e2e8f0;padding:2px;border-radius:8px;gap:2px}.btn-layout-opt{padding:4px 10px;border-radius:6px;font-size:7.5pt;font-weight:600;border:none;background:transparent;color:#475569;cursor:pointer;transition:all .15s ease}.btn-layout-opt.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a}.enterprise-doc-table{width:100%;border-collapse:collapse;font-size:8.2pt;text-align:left;white-space:nowrap}.enterprise-doc-table thead th{background:#fff;padding:11px 10px;color:#475569;font-weight:800;font-size:7.2pt;letter-spacing:.5px;text-transform:uppercase;border-bottom:1.5px solid #e2e8f0;-webkit-user-select:none;user-select:none}.enterprise-doc-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .12s ease}.enterprise-doc-table tbody tr:hover{background-color:#f8fafc}.enterprise-doc-table tbody tr.row-selected{background-color:#f0f9ff}.enterprise-doc-table td{padding:10px;vertical-align:middle;color:#334155;font-size:8.2pt}.th-checkbox-cell,.td-checkbox-cell{width:34px;min-width:34px;max-width:34px;text-align:center;padding-left:10px!important;padding-right:6px!important}.custom-table-checkbox{width:15px;height:15px;border-radius:4px;border:1.5px solid #cbd5e1;cursor:pointer;accent-color:#0284c7;margin:0;vertical-align:middle}.doc-type-text{font-weight:600;color:#475569;font-size:8pt}.doc-number-link{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:#0284c7;text-decoration:none;cursor:pointer;font-size:8.2pt;letter-spacing:.2px;background:transparent;border:none;padding:0;transition:color .15s ease}.status-pill-ent{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:6px;font-size:7.2pt;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.status-pill-ent.status-sent{background-color:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}.status-pill-ent.status-accepted{background-color:#fef08a!important;color:#854d0e!important;border:1px solid #fde047!important}.status-pill-ent.status-completed,.status-pill-ent.status-paid{background-color:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}.status-pill-ent.status-progress{background-color:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.status-pill-ent.status-pending,.status-pill-ent.status-on-hold,.status-pill-ent.status-draft{background-color:#fefce8;color:#ca8a04;border:1px solid #fef08a}.preview-pdf-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:transparent;border:none;border-radius:6px;color:#0d9488;cursor:pointer;transition:all .15s ease;padding:0}.preview-pdf-btn:hover{background:#ccfbf1;color:#0f766e;transform:scale(1.08)}.pdf-icon-custom{display:inline-flex;align-items:center;justify-content:center;position:relative}.doc-amount-val{font-weight:800;color:#0f172a;font-size:8.5pt}.doc-sender-val{font-weight:700;color:#1e293b;letter-spacing:.1px;font-size:8pt;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-recipient-val{font-weight:600;color:#334155;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8pt}.doc-date-val{color:#64748b;font-size:7.8pt}.doc-request-desc{font-size:7.8pt;font-weight:600;color:#475569;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.actions-menu-cell{position:relative;text-align:center;width:44px}.btn-actions-triple-dots{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;font-size:14pt;line-height:1;font-weight:700;transition:all .15s ease}.btn-actions-triple-dots:hover,.btn-actions-triple-dots.active{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.actions-floating-dropdown{position:absolute;right:12px;top:40px;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 10px 25px #0000001f;min-width:200px;z-index:1000;padding:6px;display:flex;flex-direction:column;animation:fadeInMenu .15s ease-out}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.actions-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:none;border:none;text-align:left;font-size:8pt;font-weight:600;color:#334155;cursor:pointer;transition:all .12s ease;width:100%}.actions-dropdown-item:hover{background:#f1f5f9;color:#0f172a}.actions-dropdown-item.text-danger{color:#dc2626}.actions-dropdown-item.text-danger:hover{background:#fef2f2}.dropdown-divider{height:1px;background:#f1f5f9;margin:4px 0}.floating-batch-bar{display:flex;align-items:center;justify-content:space-between;background:#0f172a;color:#fff;border-radius:12px;padding:10px 18px;margin-bottom:16px;box-shadow:0 8px 20px #0f172a59;animation:slideDownBar .2s ease-out;flex-wrap:wrap;gap:12px}@keyframes slideDownBar{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.batch-bar-info{display:flex;align-items:center;gap:10px;font-size:8.5pt;font-weight:700}.batch-count-badge{background:var(--primary-orange);color:#fff;padding:2px 8px;border-radius:10px;font-size:8pt}.batch-bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-batch-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:8pt;font-weight:600;border:none;cursor:pointer;transition:all .15s ease}.btn-batch-primary{background:#0284c7;color:#fff}.btn-batch-primary:hover{background:#0369a1}.btn-batch-secondary{background:#334155;color:#fff}.btn-batch-secondary:hover{background:#475569}.btn-batch-danger{background:#ef4444;color:#fff}.btn-batch-danger:hover{background:#dc2626}.quick-po-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:680px){.quick-po-card-grid{grid-template-columns:1fr}}.quick-po-sample-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:7.5pt;font-weight:700;cursor:pointer;transition:all .15s ease}.quick-po-sample-btn:hover{background:#dbeafe;border-color:#93c5fd}.po-preview-sheet{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:20px;font-family:inherit}.po-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #0f172a;padding-bottom:16px;margin-bottom:16px}.po-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:16px}.projects-gallery-container{padding:10px 0}.gallery-masonry-grid{column-count:3;column-gap:20px}@media(max-width:900px){.gallery-masonry-grid{column-count:2}}@media(max-width:600px){.gallery-masonry-grid{column-count:1}}.gallery-photo-card{position:relative;border-radius:14px;overflow:hidden;margin-bottom:20px;break-inside:avoid;box-shadow:0 4px 14px #0000000f;cursor:pointer;background:#0f172a}.gallery-img{width:100%;display:block;transition:transform .3s ease}.gallery-photo-card:hover .gallery-img{transform:scale(1.05)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.9) 0%,rgba(15,23,42,.2) 60%,transparent 100%);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff;transition:opacity .2s ease}.gallery-photo-card:hover .gallery-overlay{opacity:1}.gallery-caption{font-size:9.5pt;font-weight:700;margin-bottom:4px}.gallery-project-tag{font-size:7.5pt;color:#cbd5e1;margin-bottom:8px}.gallery-zoom-badge{display:inline-flex;align-items:center;gap:5px;background:#f97316d9;color:#fff;font-size:7.5pt;font-weight:600;padding:3px 8px;border-radius:12px;align-self:flex-start}.projects-modal-backdrop{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.projects-modal-dialog{background:#fff;border-radius:20px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;overflow:hidden;animation:modalScaleUp .2s ease-out}.detail-dialog{max-width:920px}@keyframes modalScaleUp{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.projects-modal-header{padding:18px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;flex-shrink:0}.modal-title-wrap{display:flex;align-items:center;gap:12px}.modal-title-wrap h2{font-size:1.2rem;font-weight:700;color:#0f172a;margin:0}.modal-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:8px;transition:all .15s ease}.modal-close-btn:hover{background:#e2e8f0;color:#0f172a}.projects-form-scrollable,.project-detail-body-scroll{padding:22px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:18px}.form-section-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.section-title{font-size:9.5pt;font-weight:700;color:#1e293b;margin:0 0 14px;display:flex;align-items:center;gap:8px}.section-header-flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.btn-add-item{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #cbd5e1;color:#334155;padding:5px 10px;border-radius:8px;font-size:7.5pt;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-add-item:hover{background:var(--primary-orange);border-color:var(--primary-orange);color:#fff}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}@media(max-width:640px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:7.5pt;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.form-input{padding:10px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:9pt;color:#0f172a;background:#fff;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #f973161f}.milestones-form-list,.equipment-form-list{display:flex;flex-direction:column;gap:8px}.milestone-form-row,.equipment-form-row{display:flex;align-items:center;gap:8px}.milestone-checkbox{width:18px;height:18px;accent-color:var(--primary-orange);cursor:pointer}.btn-remove-item{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-remove-item:hover{background:#dc2626;color:#fff}.photo-dropzone-placeholder{padding:24px;border:2px dashed #cbd5e1;border-radius:12px;text-align:center;color:#94a3b8;font-size:8.5pt;background:#fff}.photos-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.photo-preview-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid #cbd5e1;background:#fff}.photo-thumb{width:100%;height:90px;object-fit:cover;display:block}.btn-photo-remove{position:absolute;top:4px;right:4px;background:#dc2626d9;color:#fff;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo-caption-input{width:100%;padding:5px 6px;font-size:7.5pt;border:none;border-top:1px solid #e2e8f0;box-sizing:border-box}.projects-form-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.btn-modal-cancel{background:#fff;border:1.5px solid #cbd5e1;color:#475569;padding:9px 18px;border-radius:8px;font-size:9pt;font-weight:600;cursor:pointer}.btn-modal-submit{display:inline-flex;align-items:center;gap:8px;background:var(--primary-orange);color:#fff;border:none;padding:9px 20px;border-radius:8px;font-size:9pt;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #f973164d}.btn-modal-submit:hover{background:#ea580c}.code-pill-modal{background:#1e293b;color:#fff;font-family:monospace;font-size:8pt;font-weight:700;padding:4px 8px;border-radius:6px}.detail-header-actions{display:flex;align-items:center;gap:8px}.btn-pdf-pill{display:inline-flex;align-items:center;gap:6px;background:#fff7ed;color:#c2410c;border:1px solid #ffedd5;padding:7px 12px;border-radius:8px;font-size:8pt;font-weight:600;cursor:pointer}.btn-pdf-pill:hover{background:#ffedd5}.btn-edit-pill,.btn-duplicate-pill{display:inline-flex;align-items:center;gap:5px;background:#f1f5f9;color:#334155;border:1px solid #cbd5e1;padding:7px 12px;border-radius:8px;font-size:8pt;font-weight:600;cursor:pointer}.detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.detail-meta-item{display:flex;flex-direction:column}.meta-lbl{font-size:7pt;text-transform:uppercase;color:#94a3b8;font-weight:700;letter-spacing:.5px}.meta-val{font-size:9pt;color:#0f172a;margin-top:2px}.text-green-dark{color:#059669}.detail-section-block{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.detail-section-block h3{font-size:10pt;font-weight:700;color:#1e293b;margin:0 0 10px}.detail-scope-text{font-size:9pt;color:#475569;line-height:1.6;margin:0;white-space:pre-wrap}.detail-milestones-list{display:flex;flex-direction:column;gap:8px}.detail-milestone-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#f8fafc;border:1px solid #f1f5f9;cursor:pointer;transition:all .15s ease}.detail-milestone-row:hover{background:#f1f5f9}.detail-milestone-row.completed{background:#f0fdf4;border-color:#dcfce7}.milestone-text{flex:1;font-size:8.5pt;color:#1e293b}.detail-milestone-row.completed .milestone-text{text-decoration:line-through;color:#64748b}.status-sub{font-size:7pt;font-weight:700;padding:2px 6px;border-radius:6px;background:#0000000d}.detail-equipment-table-wrap{overflow-x:auto}.detail-equipment-table{width:100%;border-collapse:collapse;font-size:8.5pt}.detail-equipment-table th{background:#f8fafc;padding:8px 12px;text-align:left;font-size:7.5pt;color:#64748b;border-bottom:1px solid #e2e8f0}.detail-equipment-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9}.detail-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.detail-photo-card{border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;cursor:pointer;transition:transform .2s ease;background:#0f172a}.detail-photo-card:hover{transform:scale(1.03)}.detail-img{width:100%;height:110px;object-fit:cover;display:block}.detail-photo-caption{display:block;padding:6px 8px;font-size:7.5pt;background:#fff;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked-doc-box{display:flex;align-items:center;justify-content:space-between;background:#fff7ed;border-color:#ffedd5;color:#c2410c;font-size:8.5pt}.btn-link-doc{display:inline-flex;align-items:center;gap:4px;color:#ea580c;font-weight:700;text-decoration:none}.lightbox-backdrop{position:fixed;inset:0;background:#000000e6;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-img{max-width:100%;max-height:85vh;border-radius:8px;box-shadow:0 10px 40px #000c}.lightbox-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer}.projects-toast{position:fixed;bottom:28px;right:28px;z-index:3500;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;font-size:9pt;font-weight:600;box-shadow:0 10px 30px #0003;animation:toastSlideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:#0f172a;color:#fff;border-left:4px solid #10b981}.toast-error{background:#7f1d1d;color:#fff;border-left:4px solid #ef4444}.toast-info{background:#1e293b;color:#fff;border-left:4px solid var(--primary-orange)}.projects-empty-card{background:#fff;border:2px dashed #cbd5e1;border-radius:18px;padding:48px 24px;text-align:center;color:#64748b;margin:20px 0}.projects-empty-card .empty-icon{color:#94a3b8;margin-bottom:12px}.projects-empty-card h3{font-size:1.2rem;color:#1e293b;margin-bottom:6px}.projects-loading-state{padding:60px 20px;text-align:center;color:#64748b}.spinner-orange{width:38px;height:38px;border:3px solid #ffedd5;border-top:3px solid var(--primary-orange);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.quick-templates-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1.5px solid #fed7aa;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.quick-tpl-header{display:flex;align-items:center;gap:6px;font-size:8.5pt;color:#c2410c}.quick-tpl-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-quick-tpl{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #f97316;color:#c2410c;padding:7px 12px;border-radius:20px;font-size:8pt;font-weight:600;cursor:pointer;box-shadow:0 2px 4px #f9731614;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-quick-tpl:hover{background:var(--primary-orange);color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #f9731640}.salary-page-wrapper{background:#f8fafc;min-height:100vh;padding-bottom:60px}.salary-hero-banner{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;padding:36px 24px 44px;border-bottom:4px solid #8b5cf6;position:relative;overflow:hidden}.salary-hero-inner{max-width:1400px;margin:0 auto}.salary-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5cf62e;border:1px solid rgba(139,92,246,.4);color:#c4b5fd;padding:6px 14px;border-radius:999px;font-size:8.5pt;font-weight:700;letter-spacing:.4px;text-transform:uppercase;margin-bottom:12px}.salary-hero-title{font-size:26pt;font-weight:800;line-height:1.2;margin-bottom:10px;letter-spacing:-.5px}.salary-hero-sub{font-size:9.5pt;line-height:1.6;color:#cbd5e1;max-width:860px;margin-bottom:24px}.salary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:20px}.salary-main-container{max-width:1400px;margin:-20px auto 0;padding:0 20px;position:relative;z-index:10}.salary-tabs-header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;box-shadow:0 4px 14px #0000000a}.salary-nav-tabs{display:flex;gap:4px;flex-wrap:wrap}.salary-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;font-size:8.5pt;font-weight:700;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.salary-tab-btn:hover{color:#8b5cf6;background:#f5f3ff}.salary-tab-btn.active{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-color:#0f172a;box-shadow:0 3px 8px #0f172a26}.salary-tab-actions{display:flex;align-items:center;gap:8px}.salary-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000a}.salary-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}.period-pill{padding:4px 12px;background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed;border-radius:999px;font-size:8pt;font-weight:700;text-transform:uppercase}.employee-picker-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;margin-bottom:20px}.picker-label{display:flex;align-items:center;gap:6px;font-size:8.5pt;color:#334155;margin-bottom:10px}.picker-chips-grid{display:flex;flex-wrap:wrap;gap:8px}.emp-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:8pt;font-weight:600;color:#334155;transition:all .15s ease}.emp-chip-btn:hover{border-color:#8b5cf6;background:#f5f3ff;transform:translateY(-1px)}.emp-chip-btn.active{border-color:#8b5cf6;background:#8b5cf6;color:#fff;box-shadow:0 2px 8px #8b5cf64d}.emp-chip-id{font-family:monospace;font-size:7.5pt;opacity:.8}.salary-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}@media(max-width:900px){.salary-dual-grid{grid-template-columns:1fr}}.earnings-card{border-color:#a7f3d0!important;background:#fcfdfd}.deductions-card{border-color:#fecaca!important;background:#fcfdfd}.total-summary-line{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;margin-top:12px;font-size:9pt;font-weight:700}.earnings-total{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.deductions-total{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.salary-net-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:14px;padding:18px 22px;margin-top:20px;box-shadow:0 4px 16px #0f172a33}.net-left{display:flex;flex-direction:column;gap:4px}.net-label{font-size:8pt;font-weight:700;color:#94a3b8;letter-spacing:.5px}.net-amount{font-size:22pt;font-weight:900;color:#34d399;letter-spacing:-.5px}.net-right{min-width:320px}.net-right .form-group label{color:#cbd5e1;font-size:7.5pt}.salary-card-glass{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;box-shadow:0 4px 14px #00000008;transition:all .2s cubic-bezier(.4,0,.2,1)}.salary-card-glass:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:#8b5cf6}.salary-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.salary-card-name{font-size:11pt;font-weight:800;color:#0f172a;margin:4px 0 2px}.salary-card-role{font-size:7.8pt;color:#64748b;font-weight:600}.salary-card-financials{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px;margin-bottom:12px}.fin-item.net-highlight{background:#ecfdf5;border-radius:6px;padding:2px 6px}.salary-page-wrapper{background:#f8fafc;min-height:calc(100vh - 80px);display:flex;flex-direction:column;width:100%}.salary-container{max-width:1280px;width:100%;margin:0 auto;padding:24px 20px 60px}.salary-hero-card{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);border-radius:18px;padding:16px 28px 14px;color:#fff;box-shadow:0 10px 30px #0f172a40;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;margin-bottom:24px}.salary-hero-card:before{content:"";position:absolute;top:-40px;right:5%;width:280px;height:280px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.hero-pill-tag{display:inline-flex;align-items:center;gap:6px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:#c4b5fd;font-size:8pt;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.hero-status-tag{display:inline-flex;align-items:center;gap:6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:8pt;font-weight:600;padding:4px 12px;border-radius:20px}.hero-text-split{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-bottom:24px}.salary-hero-title{font-size:1.5rem;font-weight:800;margin:0 0 4px;color:#fff;letter-spacing:-.5px}.salary-hero-title .highlight-text{color:#a855f7;background:linear-gradient(90deg,#c084fc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.salary-hero-subtitle{font-size:9pt;color:#94a3b8;max-width:720px;line-height:1.5;margin:0}.hero-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:10px 18px;border-radius:10px;font-size:9pt;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #f9731666;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731680}.btn-hero-secondary{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:10px 16px;border-radius:10px;font-size:9pt;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-hero-secondary:hover{background:#ffffff26;color:#fff;transform:translateY(-2px)}.salary-nav-tabs{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;overflow-x:auto}.nav-tab-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;color:#94a3b8;padding:8px 16px;border-radius:8px;font-size:8.5pt;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab-btn:hover{color:#fff;background:#ffffff0d}.nav-tab-btn.active{background:#ffffff1f;border-color:#ffffff40;color:#fff;font-weight:700}.tab-count-badge{background:#ffffff26;color:#fff;font-size:7.5pt;padding:1px 7px;border-radius:10px}.kpi-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 4px 12px #00000008;transition:all .2s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kpi-title{font-size:8pt;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.kpi-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-value{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.5px;margin-bottom:4px}.kpi-unit{font-size:.95rem;font-weight:700}.kpi-subtext{font-size:7.5pt;color:#94a3b8}.bg-emerald-light{background:#ecfdf5}.text-emerald{color:#10b981}.bg-orange-light{background:#fff7ed}.text-orange{color:#f97316}.bg-amber-light{background:#fffbeb}.text-amber{color:#d97706}.bg-purple-light{background:#f5f3ff}.text-purple{color:#8b5cf6}.bg-danger-light{background:#fef2f2}.text-danger{color:#ef4444}.text-blue{color:#0284c7}.salary-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #00000005}.controls-row-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.salary-search-box{flex:1;min-width:280px;display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;gap:8px}.salary-search-input{border:none;background:transparent;outline:none;font-size:8.5pt;width:100%;color:#0f172a}.btn-clear-search{background:none;border:none;color:#94a3b8;cursor:pointer}.filters-cluster{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.salary-filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:8.5pt;background:#fff;color:#0f172a;outline:none;cursor:pointer}.backup-actions-cluster{display:flex;align-items:center;gap:8px}.btn-backup{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:8pt;font-weight:600;color:#475569;background:#fff;cursor:pointer;transition:all .2s ease}.btn-backup:hover{background:#f1f5f9;color:#0f172a}.controls-row-sub{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #f1f5f9;padding-top:10px}.status-pills-list{display:flex;align-items:center;gap:6px}.status-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:7.5pt;font-weight:700;background:#f1f5f9;color:#64748b;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.status-filter-pill.active{background:var(--primary-orange);color:#fff}.pill-badge{background:#0000001a;padding:1px 6px;border-radius:10px}.status-filter-pill.active .pill-badge{background:#ffffff40;color:#fff}.slips-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.slip-card-glass{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 4px 14px #00000008;display:flex;flex-direction:column;gap:12px;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.slip-card-glass:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000014;border-color:#c4b5fd}.slip-card-header{display:flex;justify-content:space-between;align-items:center}.slip-period-badge{display:inline-flex;align-items:center;gap:5px;background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;font-size:7.5pt;font-weight:700;padding:3px 9px;border-radius:6px;margin-right:6px}.slip-no-text{font-size:7.5pt;color:#94a3b8;font-family:monospace}.slip-status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:7.5pt;font-weight:700;border:none;cursor:pointer}.status-paid{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-pending{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.slip-card-emp-info{display:flex;align-items:center;gap:12px}.emp-avatar-circle{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;flex-shrink:0}.emp-title-wrap{overflow:hidden}.emp-name{font-size:10.5pt;font-weight:800;color:#0f172a;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-role{font-size:8pt;color:#64748b;margin:0 0 4px;font-weight:600}.emp-dept-pill{display:inline-block;font-size:7pt;color:#0284c7;background:#f0f9ff;border:1px solid #e0f2fe;padding:1px 7px;border-radius:4px;font-weight:600}.attendance-summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:6px}.att-pill{display:flex;flex-direction:column;align-items:center;text-align:center}.att-lbl{font-size:6.5pt;font-weight:700;color:#94a3b8;text-transform:uppercase}.att-val{font-size:8pt;font-weight:700;color:#334155}.slip-figures-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.fig-box{display:flex;flex-direction:column;gap:1px}.fig-lbl{font-size:7pt;font-weight:700;color:#64748b;text-transform:uppercase}.fig-val{font-size:9pt;font-weight:700;color:#0f172a}.advance-notice-pill{display:flex;align-items:center;gap:6px;background:#fffbeb;border:1px solid #fde68a;color:#b45309;font-size:7.5pt;padding:4px 8px;border-radius:6px}.slip-net-banner{display:flex;justify-content:space-between;align-items:center;background:#0f172a;color:#fff;border-radius:10px;padding:10px 14px}.net-lbl{font-size:7pt;font-weight:700;color:#94a3b8;text-transform:uppercase}.net-amount{font-size:1.25rem;font-weight:900;color:#34d399}.net-utr-text{font-size:7pt;color:#94a3b8;text-align:right}.slip-card-actions{display:grid;grid-template-columns:1fr 1fr auto auto;gap:6px;margin-top:4px}.btn-action-slip{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;border-radius:8px;font-size:8pt;font-weight:700;border:1px solid #e2e8f0;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.btn-action-slip:hover{background:#f1f5f9}.btn-action-slip.btn-view{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-action-slip.btn-pdf{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.btn-action-slip.btn-edit:hover{background:#fff7ed;color:#ea580c;border-color:#fed7aa}.btn-action-slip.btn-delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.salary-generator-form{display:flex;flex-direction:column;gap:20px}.generator-top-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 2px 8px #00000005}.section-title-large{font-size:1.25rem;font-weight:800;color:#0f172a;margin:0}.btn-cancel-edit{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:8pt;font-weight:700;padding:5px 12px;border-radius:6px;cursor:pointer}.salary-form-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 2px 8px #00000005}.section-title-wrap{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.section-title-wrap h3{font-size:10.5pt;font-weight:800;color:#0f172a;margin:0}.section-help-pill{font-size:7.5pt;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:12px;margin-left:auto}.attendance-inputs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:14px}.computed-badge-box{padding:8px 12px;border-radius:8px;border:1px solid #ddd6fe;display:flex;align-items:center;justify-content:center}.computed-badge-num{font-size:1.1rem;font-weight:900}.input-hint{display:block;font-size:6.8pt;color:#94a3b8;margin-top:3px}.overtime-sub-box{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;margin-top:14px}.ot-label-col{display:flex;align-items:center;gap:8px;font-size:8.5pt;color:#0f172a}.ot-inputs-col{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.form-dual-columns-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:900px){.form-dual-columns-grid{grid-template-columns:1fr}}.advance-form-block{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px}.btn-quick-calc{font-size:7pt;font-weight:700;color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe;padding:2px 7px;border-radius:4px;cursor:pointer}.section-total-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;margin-top:14px;font-weight:700;font-size:9pt}.net-takehome-highlight-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px 24px;color:#fff;box-shadow:0 8px 24px #0f172a4d}.takehome-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:8px}.takehome-label{font-size:8pt;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.takehome-amount{font-size:2rem;font-weight:900;color:#34d399;letter-spacing:-.5px}.takehome-formula{display:flex;align-items:center;gap:8px;font-size:8.5pt;color:#cbd5e1;font-weight:600}.takehome-words-box{font-size:8pt;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.1);padding-top:8px}.salary-form-actions-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px}.btn-form-cancel{padding:10px 20px;border-radius:10px;background:#fff;border:1px solid #cbd5e1;color:#475569;font-size:9pt;font-weight:700;cursor:pointer}.btn-form-submit{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-size:9.5pt;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #10b98166;transition:all .2s ease}.btn-form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.directory-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.employees-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.emp-directory-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;gap:12px}.emp-card-top{display:flex;align-items:center;gap:12px}.emp-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800}.emp-card-name{font-size:11pt;font-weight:800;color:#0f172a;margin:0 0 2px}.emp-card-role{font-size:8pt;color:#64748b;margin:0 0 4px}.emp-id-pill{display:inline-block;background:#f1f5f9;padding:1px 6px;border-radius:4px;font-size:7pt;color:#475569;font-weight:700}.emp-card-details{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.emp-meta-row{display:flex;justify-content:space-between;font-size:8pt}.meta-k{color:#64748b}.meta-v{color:#0f172a}.emp-card-actions{display:grid;grid-template-columns:1fr 1fr auto auto;gap:6px;margin-top:4px}.btn-emp-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border-radius:8px;font-size:7.5pt;font-weight:700;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-emp-action.btn-generate{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.btn-emp-action.btn-generate:hover{background:#ede9fe;border-color:#c4b5fd}.btn-emp-action.btn-edit:hover{background:#f1f5f9}.btn-emp-action.btn-del:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.salary-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.salary-modal-dialog{background:#fff;border-radius:16px;width:100%;max-width:760px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000004d}.salary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.salary-modal-header h3{margin:0;font-size:11pt;font-weight:800;color:#0f172a}.modal-form-scrollable{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.form-section-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.sub-heading{font-size:8.5pt;font-weight:800;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.modal-actions-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #e2e8f0}.btn-modal-cancel{padding:8px 16px;border-radius:8px;background:#fff;border:1px solid #cbd5e1;color:#475569;font-size:8.5pt;font-weight:600;cursor:pointer}.btn-modal-save{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:var(--primary-orange);border:none;color:#fff;font-size:8.5pt;font-weight:700;cursor:pointer}.payslip-preview-dialog{background:#fff;border-radius:16px;width:100%;max-width:820px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #00000059}.preview-top-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.btn-preview-action{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:8.5pt;font-weight:700;border:none;cursor:pointer}.btn-pdf-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-preview-close{background:none;border:none;color:#64748b;cursor:pointer}.payslip-paper-sheet{padding:24px 28px;overflow-y:auto;background:#fff}.sheet-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sheet-logo{height:48px;object-fit:contain}.sheet-company-info{text-align:right}.sheet-company-info h2{font-size:14pt;font-weight:800;color:#0f172a;margin:0 0 2px}.sheet-company-info p{font-size:7.5pt;color:#64748b;margin:0}.sheet-divider-bar{height:3px;background:var(--primary-orange);border-radius:2px;margin:8px 0}.sheet-title-ribbon{background:#1e293b;color:#fff;text-align:center;font-size:9.5pt;font-weight:800;padding:6px;border-radius:4px;letter-spacing:.5px;margin-bottom:14px}.sheet-emp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:14px}.sheet-grid-col{display:flex;flex-direction:column;gap:4px}.meta-line{display:flex;justify-content:space-between;font-size:7.8pt}.meta-line span{color:#64748b}.meta-line strong{color:#0f172a}.sheet-salary-table{width:100%;border-collapse:collapse;font-size:8pt;margin-bottom:12px}.sheet-salary-table th,.sheet-salary-table td{padding:6px 10px;border:1px solid #cbd5e1}.th-earnings{background:#1e293b;color:#fff;text-align:center;font-weight:800}.th-deductions{background:#991b1b;color:#fff;text-align:center;font-weight:800}.sub-th th{background:#334155;color:#fff;font-size:7.5pt}.sheet-salary-table tfoot td{background:#f1f5f9}.sheet-advance-note{background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:7.5pt;padding:6px 10px;border-radius:6px;margin-bottom:10px}.sheet-net-pay-box{background:#ecfdf5;border:1px solid #10b981;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.net-tag{display:block;font-size:7.5pt;font-weight:800;color:#065f46}.net-val{font-size:1.35rem;font-weight:900;color:#059669}.net-words{font-size:7.5pt;color:#334155;text-align:right}.sheet-signatures-row{display:flex;justify-content:space-between;align-items:flex-end;padding-top:10px}.sign-col{text-align:center}.sign-line{width:140px;height:1px;background:#94a3b8;margin-bottom:6px}.stamp-and-sign-wrap{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0}.sheet-stamp-img{width:48px;height:48px;object-fit:contain}.sheet-sign-img{height:38px;object-fit:contain}.text-xxs{font-size:6.5pt}.salary-toast-banner{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:8.5pt;font-weight:700;box-shadow:0 10px 30px #00000026;animation:slideUpFade .3s cubic-bezier(.34,1.56,.64,1)}.toast-success{background:#065f46;color:#fff;border:1px solid #34d399}.toast-error{background:#991b1b;color:#fff;border:1px solid #f87171}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.presenti-page-content{display:flex;flex-direction:column;gap:18px}.presenti-toolbar-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px;box-shadow:0 4px 16px #0000000a;display:flex;flex-direction:column;gap:14px}.presenti-toolbar-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.presenti-filters-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.presenti-field-group{display:flex;flex-direction:column;gap:4px}.presenti-field-group label{font-size:7.5pt;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.presenti-select,.presenti-input-sm{padding:7px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:8.5pt;font-weight:600;color:#0f172a;background:#fff;outline:none;transition:all .2s ease}.presenti-select:focus,.presenti-input-sm:focus{border-color:#f97316;box-shadow:0 0 0 3px #f9731626}.presenti-actions-cluster{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.btn-presenti-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:8.5pt;font-weight:700;cursor:pointer;border:none;transition:all .2s ease}.btn-fill-standard{background:#ecfdf5;color:#047857;border:1.5px solid #a7f3d0}.btn-fill-standard:hover{background:#d1fae5;transform:translateY(-1px)}.btn-save-presenti{background:#eff6ff;color:#1d4ed8;border:1.5px solid #bfdbfe}.btn-save-presenti:hover{background:#dbeafe;transform:translateY(-1px)}.btn-pdf-presenti{background:#dc2626;color:#fff;box-shadow:0 4px 12px #dc262640}.btn-pdf-presenti:hover{background:#b91c1c;transform:translateY(-1px)}.btn-convert-slip{background:#f97316;color:#fff;box-shadow:0 4px 12px #f9731640}.btn-convert-slip:hover{background:#ea580c;transform:translateY(-1px)}.modern-presenti-tab{display:flex;flex-direction:column;gap:20px;padding-bottom:80px}.presenti-modern-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 20px;box-shadow:0 4px 20px #0f172a0a}.presenti-header-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.presenti-emp-picker-wrap{display:flex;align-items:center;gap:12px;min-width:260px}.emp-avatar-circle-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;box-shadow:0 4px 10px #f973164d;flex-shrink:0}.emp-select-box{display:flex;flex-direction:column;gap:4px;flex:1}.picker-lbl{font-size:7.2pt;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.presenti-emp-search-container{position:relative;min-width:320px;max-width:440px;flex:1}.presenti-search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon-inside{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;z-index:5}.presenti-emp-search-input{width:100%!important;padding:8px 36px 8px 38px!important;border-radius:9px!important;border:1.5px solid #cbd5e1!important;background:#f8fafc!important;color:#0f172a!important;font-size:8.5pt!important;font-weight:700!important;outline:none!important;box-sizing:border-box!important;transition:all .2s ease!important}.presenti-emp-search-input:focus{border-color:#f97316!important;background:#fff!important;box-shadow:0 0 0 3px #f9731626!important}.btn-clear-search-inside{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .15s ease;z-index:5}.btn-clear-search-inside:hover{background:#cbd5e1;color:#0f172a}.presenti-emp-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow-y:auto;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;z-index:999;box-shadow:0 12px 30px -4px #0000002e,0 6px 12px -3px #00000014;padding:6px}.presenti-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:all .15s ease}.presenti-dropdown-item:hover{background:#f9731614}.presenti-dropdown-item.selected{background:#f973161f;border:1px solid rgba(249,115,22,.3)}.dropdown-avatar-sm{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-weight:800;font-size:8pt;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-emp-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dropdown-emp-title{display:flex;align-items:center;gap:6px}.emp-title-text{font-size:8.5pt;font-weight:700;color:#0f172a}.emp-code-badge{font-size:7pt;font-weight:700;background:#e2e8f0;color:#334155;padding:1px 5px;border-radius:4px}.dropdown-emp-sub{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.emp-sub-role{font-size:7.5pt;color:#64748b;font-weight:500}.rate-tag{background:#22c55e1f;color:#15803d;font-weight:700;padding:1px 5px;border-radius:4px;font-size:7pt}.salary-tag{background:#f973161f;color:#ea580c;font-weight:700;padding:1px 5px;border-radius:4px;font-size:7pt}.doj-tag{background:#38bdf81f;color:#0284c7;font-weight:600;padding:1px 5px;border-radius:4px;font-size:7pt}.dropdown-empty-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#64748b;font-size:8pt;font-weight:600}.presenti-emp-dropdown{padding:7px 12px;border-radius:8px;border:1.5px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:8.5pt;font-weight:700;outline:none;transition:all .2s ease;cursor:pointer}.presenti-emp-dropdown:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 3px #f9731626}.presenti-period-cluster{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.period-field{display:flex;flex-direction:column;gap:4px}.presenti-pill-select{padding:7px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:8.5pt;font-weight:700;outline:none;cursor:pointer;transition:all .2s ease}.presenti-pill-select:focus{border-color:#f97316;background:#fff}.presenti-num-input{padding:7px 10px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;font-size:8.5pt;font-weight:700;outline:none;transition:all .2s ease}.presenti-num-input:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 3px #f9731626}.presenti-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.btn-presenti-util{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;font-size:8pt;font-weight:700;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.btn-presenti-util:hover{background:#f1f5f9;color:#0f172a}.btn-presenti-util.btn-auto-fill{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-presenti-util.btn-auto-fill:hover{background:#dbeafe}.btn-presenti-util.btn-save{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.btn-presenti-util.btn-save:hover{background:#dcfce7}.btn-presenti-primary-cta{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;font-size:8.5pt;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #f9731666;transition:all .2s ease}.btn-presenti-primary-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f973168c}.presenti-modern-layout-grid{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}@media(max-width:1100px){.presenti-modern-layout-grid{grid-template-columns:1fr}}.presenti-modern-summary-sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}.summary-sidebar-glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;box-shadow:0 6px 24px #0f172a0d;display:flex;flex-direction:column;gap:14px}.summary-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #f1f5f9}.summary-title{font-size:9pt;font-weight:800;color:#0f172a;margin:0}.period-badge-sub{background:#f1f5f9;color:#475569;padding:2px 7px;border-radius:6px;font-size:7.2pt;font-weight:700;text-transform:uppercase}.summary-emp-profile-box{display:flex;align-items:center;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.emp-avatar-lg{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;flex-shrink:0}.emp-profile-meta{display:flex;flex-direction:column;gap:2px}.emp-name-text{font-size:9.5pt;font-weight:800;color:#0f172a;margin:0}.emp-role-text{font-size:7.5pt;color:#64748b;margin:0}.emp-id-tag{display:inline-block;background:#e0e7ff;color:#4338ca;padding:1px 5px;border-radius:4px;font-size:6.8pt;font-weight:700;width:fit-content}.summary-attendance-meter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.meter-top-row{display:flex;justify-content:space-between;align-items:center;font-size:8pt}.meter-lbl{font-weight:700;color:#64748b}.meter-val{color:#0f172a;font-size:8pt}.meter-progress-track{width:100%;height:7px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.meter-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:9999px;transition:width .3s ease}.meter-sub-stats{display:flex;justify-content:space-between;font-size:7.2pt;color:#64748b}.summary-breakdown-list{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:8pt;color:#475569;border-bottom:1px dashed #f1f5f9}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total-gross-item{font-weight:700;color:#0f172a;background:#f8fafc;padding:6px 8px;border-radius:6px;border-bottom:none;margin:2px 0}.breakdown-item.advance-ded-item{color:#b45309}.summary-net-payable-box{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:14px;padding:16px;color:#fff;box-shadow:0 8px 24px #0f172a40;display:flex;flex-direction:column;gap:4px}.net-lbl-row{display:flex;justify-content:space-between;align-items:center}.net-tag-label{font-size:7.5pt;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.net-formula-sub{font-size:7pt;color:#64748b}.net-main-amount{font-size:1.85rem;font-weight:900;color:#34d399;letter-spacing:-.5px;margin:4px 0}.net-sub-note{font-size:7.2pt;color:#94a3b8;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.summary-sidebar-actions{display:flex;flex-direction:column;gap:8px}.btn-generate-slip-glow{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:9pt;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #10b98173;transition:all .2s ease}.btn-generate-slip-glow:hover{transform:translateY(-2px);box-shadow:0 6px 22px #10b98199}.btn-open-in-maker{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 12px;border-radius:8px;background:#f8fafc;border:1px solid #cbd5e1;color:#475569;font-size:8pt;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-open-in-maker:hover{background:#f1f5f9;color:#0f172a}.presenti-modern-table-container{display:flex;flex-direction:column;gap:16px}.modern-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0f172a0a;overflow:hidden}.table-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#fafafa;flex-wrap:wrap;gap:12px}.table-card-title{font-size:10.5pt;font-weight:800;color:#0f172a;margin:0 0 2px}.table-card-subtitle{font-size:7.8pt;color:#64748b;margin:0}.quick-actions-pills{display:flex;align-items:center;gap:6px}.quick-action-hint{font-size:7.2pt;color:#64748b;font-weight:700}.btn-quick-pill{padding:4px 9px;border-radius:6px;font-size:7.5pt;font-weight:700;cursor:pointer;border:1px solid #cbd5e1;background:#fff;transition:all .15s ease}.btn-quick-pill.btn-pill-present{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.btn-quick-pill.btn-pill-present:hover{background:#d1fae5}.btn-quick-pill.btn-pill-clear:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.modern-table-scroll-wrapper{overflow-x:auto}.modern-presenti-table{width:100%;border-collapse:collapse;font-size:8pt}.modern-presenti-table thead th{background:#f8fafc;color:#475569;font-weight:800;font-size:7.8pt;padding:10px 12px;text-align:left;border-bottom:1px solid #e2e8f0;letter-spacing:.3px;white-space:nowrap}.modern-table-row{border-bottom:1px solid #f1f5f9;transition:background .15s ease}.modern-table-row:hover{background:#f8fafc}.modern-table-row.row-sunday{background:#faf5ff}.modern-table-row.row-sunday:hover{background:#f3e8ff}.cell-date-box{padding:8px 12px}.date-flex-col{display:flex;align-items:center;gap:8px}.date-num-str{font-weight:700;color:#0f172a;font-size:8pt}.day-name-tag{font-size:6.8pt;font-weight:800;padding:1px 5px;border-radius:4px;text-transform:uppercase}.day-name-tag.tag-weekday{background:#f1f5f9;color:#475569}.day-name-tag.tag-sunday{background:#fee2e2;color:#b91c1c}.cell-status-btns{padding:6px 8px}.status-btns-group{display:flex;align-items:center;gap:3px}.btn-status-pill{padding:3px 6px;border-radius:4px;font-size:7pt;font-weight:800;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all .15s ease}.btn-status-pill:hover{background:#f1f5f9;color:#0f172a}.btn-status-pill.pill-p.active{background:#10b981;border-color:#059669;color:#fff}.btn-status-pill.pill-hd.active{background:#f59e0b;border-color:#d97706;color:#fff}.btn-status-pill.pill-a.active{background:#ef4444;border-color:#dc2626;color:#fff}.btn-status-pill.pill-off.active{background:#64748b;border-color:#475569;color:#fff}.cell-location-input{padding:6px 8px}.input-modern-text{width:100%;padding:6px 10px;border-radius:6px;border:1px solid transparent;background:#f8fafc;color:#0f172a;font-size:8pt;font-weight:600;outline:none;transition:all .2s ease}.input-modern-text:hover{border-color:#cbd5e1;background:#fff}.input-modern-text:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 2px #3b82f626}.input-sunday-text{color:#7e22ce;font-weight:700}.cell-num-col{padding:6px 8px}.input-modern-num{width:100%;padding:6px 8px;border-radius:6px;border:1px solid transparent;background:#f8fafc;color:#0f172a;font-size:8.5pt;font-weight:700;text-align:right;outline:none;transition:all .2s ease}.input-modern-num:hover{border-color:#cbd5e1;background:#fff}.input-modern-num:focus{border-color:#f97316;background:#fff;box-shadow:0 0 0 2px #f9731626}.input-night-shift.has-value{color:#7e22ce;font-weight:800;background:#faf5ff;border-color:#e9d5ff}.input-ot.has-value{color:#15803d;font-weight:800;background:#f0fdf4;border-color:#bbf7d0}.input-adv.has-value{color:#b45309;font-weight:800;background:#fffbeb;border-color:#fde68a}.cell-row-net{padding:8px 12px;text-align:right}.row-net-badge{display:inline-block;padding:2px 7px;border-radius:5px;font-size:7.8pt;font-weight:800}.row-net-badge.badge-positive{background:#ecfdf5;color:#047857}.row-net-badge.badge-negative{background:#fef2f2;color:#b91c1c}.row-net-badge.badge-zero{color:#94a3b8}.modern-tfoot-row td{padding:12px 10px;border-top:2px solid #cbd5e1;background:#f8fafc;font-weight:800;font-size:8.5pt}.tfoot-lbl-col{color:#0f172a;font-size:8.5pt}.tfoot-sum-val{text-align:right;font-size:8.5pt;font-weight:800}.tfoot-sum-grand{text-align:right;font-size:10pt;font-weight:900;color:#10b981}.presenti-bottom-floating-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 60px);max-width:1100px;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:12px 20px;box-shadow:0 16px 40px #00000059;z-index:1000;animation:slideUpFloating .3s ease-out}@keyframes slideUpFloating{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.floating-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.floating-info-cluster{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.floating-emp-pill{display:flex;align-items:center;gap:8px;color:#fff;font-size:9pt}.floating-emp-pill strong{color:#f97316}.floating-period{color:#94a3b8;font-size:7.8pt}.dot-active{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.floating-stat-item{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:8.5pt}.floating-stat-item strong{color:#fff}.floating-actions-cluster{display:flex;align-items:center;gap:10px}.btn-floating-sec{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:8pt;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-floating-sec:hover{background:#fff3}.btn-floating-primary-glow{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:9px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:8.8pt;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #10b98180;transition:all .2s ease}.btn-floating-primary-glow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b981b3}.tab-pill-highlight{background:#fee2e2;color:#dc2626;font-size:6.8pt;font-weight:800;padding:2px 6px;border-radius:9999px;text-transform:uppercase}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0f172abf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;box-sizing:border-box!important;overflow-y:auto!important}.project-modal-container{background:#fff!important;border-radius:16px!important;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #ffffff1a!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important;max-width:860px!important;position:relative!important;margin:auto!important;border:1px solid #e2e8f0!important;animation:modalPop .25s cubic-bezier(.16,1,.3,1)!important}.project-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px!important;background:#0f172a!important;color:#fff!important;border-bottom:1px solid #1e293b!important;flex-shrink:0!important}.modal-title-group{display:flex!important;align-items:center!important;gap:14px!important}.modal-title-group h2{margin:0!important;font-size:1.15rem!important;font-weight:700!important;color:#fff!important;letter-spacing:-.01em!important}.modal-title-group p{margin:2px 0 0!important;font-size:8.5pt!important;color:#94a3b8!important}.modal-close-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;color:#cbd5e1!important;width:36px!important;height:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important}.modal-close-btn:hover{background:#ef4444cc!important;color:#fff!important;border-color:#ef4444cc!important;transform:rotate(90deg)!important}.project-modal-form{display:flex!important;flex-direction:column!important;overflow:hidden!important;flex:1!important}.modal-form-body{padding:24px 28px!important;overflow-y:auto!important;max-height:calc(90vh - 160px)!important;background:#f8fafc!important}.form-section-title{font-size:9.5pt!important;font-weight:800!important;color:#0f172a!important;margin-bottom:14px!important;padding-bottom:8px!important;border-bottom:2px solid #e2e8f0!important;display:flex!important;align-items:center!important;gap:8px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.form-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 20px!important;margin-bottom:12px!important}@media(max-width:640px){.form-grid-2{grid-template-columns:1fr!important}}.form-group{display:flex!important;flex-direction:column!important;gap:6px!important}.form-group label{font-size:8pt!important;font-weight:700!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.6px!important}.form-control{width:100%!important;padding:10px 14px!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;font-size:9pt!important;color:#0f172a!important;background:#fff!important;box-sizing:border-box!important;transition:all .2s ease!important}.form-control:focus{border-color:#0284c7!important;outline:none!important;background:#fff!important;box-shadow:0 0 0 3.5px #0284c726!important}textarea.form-control{resize:vertical!important;min-height:60px!important;font-family:inherit!important}.modal-form-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;padding:16px 24px!important;background:#fff!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important}.portfolio-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 22px!important;border-radius:10px!important;font-size:9pt!important;font-weight:700!important;cursor:pointer!important;border:none!important;transition:all .2s ease!important}.btn-secondary{background:#f1f5f9!important;color:#475569!important;border:1.5px solid #cbd5e1!important}.btn-secondary:hover{background:#e2e8f0!important;color:#0f172a!important;border-color:#94a3b8!important}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;color:#fff!important;box-shadow:0 4px 12px #0284c759!important}.btn-primary:hover{background:linear-gradient(135deg,#0284c7,#0369a1)!important;transform:translateY(-1px)!important;box-shadow:0 6px 16px #0284c773!important}.po-preview-sheet{background:#fff!important;border-radius:16px!important;box-shadow:0 25px 60px -15px #00000080!important;max-height:90vh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important;max-width:760px!important;border:1px solid #e2e8f0!important;animation:modalPop .25s cubic-bezier(.16,1,.3,1)!important}.po-preview-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:20px 24px!important;background:#0f172a!important;color:#fff!important;border-bottom:1px solid #1e293b!important}.po-head-left{display:flex!important;align-items:center!important;gap:12px!important}.po-head-badge{background:#0ea5e933!important;border:1px solid rgba(14,165,233,.4)!important;color:#38bdf8!important;font-size:7.5pt!important;font-weight:800!important;padding:3px 8px!important;border-radius:6px!important;text-transform:uppercase!important}.po-head-left h2{margin:0!important;font-size:1.25rem!important;font-weight:800!important;color:#38bdf8!important}.po-head-right{display:flex!important;align-items:center!important;gap:12px!important}.po-preview-body{padding:24px 28px!important;overflow-y:auto!important;background:#f8fafc!important}.po-summary-banner{display:grid!important;grid-template-columns:1.5fr 1fr 1fr!important;gap:14px!important;background:#fff!important;padding:16px 20px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;margin-bottom:18px!important;box-shadow:0 2px 6px #00000008!important}.po-banner-amount .label,.po-banner-date .label{display:block!important;font-size:7.5pt!important;font-weight:700!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important}.po-banner-amount .val{font-size:1.25rem!important;font-weight:800!important;color:#0f172a!important;margin-top:2px!important;display:block!important}.po-banner-date .val{font-size:.95rem!important;font-weight:700!important;color:#334155!important;margin-top:4px!important;display:block!important}.po-section-card{background:#fff!important;padding:16px 20px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;margin-bottom:16px!important}.po-section-card h4{margin:0 0 8px!important;font-size:8pt!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important}.po-req-desc{margin:0!important;font-size:10.5pt!important;font-weight:700!important;color:#0f172a!important;letter-spacing:.2px!important}.po-parties-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.party-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:16px 18px!important}.party-role{font-size:7.5pt!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:6px!important}.party-sender .party-role{color:#0284c7!important}.party-recipient .party-role{color:#10b981!important}.party-name{font-size:10.5pt!important;font-weight:800!important;color:#0f172a!important;margin-bottom:8px!important;line-height:1.35!important}.party-detail{font-size:8.5pt!important;color:#475569!important;margin-top:4px!important}.po-preview-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;padding:16px 24px!important;background:#fff!important;border-top:1px solid #e2e8f0!important}.enterprise-table-wrapper{background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 4px 16px #0000000a;overflow-x:auto;margin-bottom:40px;width:100%}.enterprise-table-wrapper::-webkit-scrollbar{height:5px}.enterprise-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.enterprise-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.enterprise-doc-table{width:100%;border-collapse:collapse;font-size:8.2pt;color:#1e293b;text-align:left;white-space:nowrap}.enterprise-doc-table thead{background:#f8fafc;border-bottom:1.5px solid #e2e8f0}.enterprise-doc-table th{padding:11px 10px;font-size:7.2pt;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.enterprise-doc-table td{padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:8.2pt}.enterprise-doc-table tbody tr{transition:background .15s ease}.enterprise-doc-table tbody tr:hover{background:#f8fafc}.enterprise-doc-table tbody tr.row-selected{background:#f0f9ff}.ent-table-checkbox{width:15px;height:15px;border-radius:4px;cursor:pointer;accent-color:#0284c7}.doc-type-cell{font-weight:600;color:#334155;font-size:8pt}.doc-number-link{color:#0284c7;font-weight:700;cursor:pointer;text-decoration:none;transition:color .15s ease;font-size:8.2pt}.doc-number-link:hover{color:#0369a1;text-decoration:underline}.status-pill-ent{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:7.2pt;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.status-pill-ent.status-sent{background:#fee2e2!important;color:#991b1b!important;border:1px solid #fca5a5!important}.status-pill-ent.status-accepted{background:#fef08a!important;color:#854d0e!important;border:1px solid #fde047!important}.status-pill-ent.status-paid,.status-pill-ent.status-completed{background:#dcfce7!important;color:#166534!important;border:1px solid #86efac!important}.status-pill-ent.status-other{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.preview-pdf-btn{background:transparent;border:none;cursor:pointer;padding:3px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.preview-pdf-btn:hover{background:#ecfdf5;transform:scale(1.08)}.doc-amount-cell{font-weight:800;color:#0f172a;text-align:right;font-size:8.5pt}.doc-sender-cell{font-weight:700;color:#334155;font-size:8pt;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-recipient-cell{font-weight:600;color:#1e293b;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8pt}.doc-date-cell{color:#64748b;font-weight:500;font-size:7.8pt}.doc-desc-cell{color:#334155;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:7.8pt}.doc-desc-cell{color:#334155;font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.btn-actions-triple-dots{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-actions-triple-dots:hover{background:#0f172a;color:#fff;border-color:#0f172a}.dropdown-container{position:relative}.actions-floating-dropdown{position:absolute;right:10px;top:calc(100% + 4px);background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 25px #0000001f;min-width:170px;padding:6px;z-index:1000;display:flex;flex-direction:column;gap:2px}.dropdown-item-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:8.2pt;font-weight:600;color:#334155;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s ease}.dropdown-item-btn:hover{background:#f1f5f9;color:#0f172a}.dropdown-item-btn.item-danger{color:#ef4444}.dropdown-item-btn.item-danger:hover{background:#fee2e2;color:#dc2626}.dropdown-divider{height:1px;background:#e2e8f0;margin:4px 0}.quick-po-sample-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:8.2pt;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #10b9814d;transition:all .2s ease}.quick-po-sample-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.floating-batch-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid #334155;color:#fff;border-radius:12px;padding:10px 20px;display:flex;align-items:center;gap:20px;box-shadow:0 12px 32px #0006;z-index:9999}.batch-info{display:flex;align-items:center;gap:8px;font-size:8.8pt;color:#cbd5e1}.batch-actions-group{display:flex;align-items:center;gap:8px}.btn-batch-action{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:8pt;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-batch-action:hover{background:#fff3}.btn-batch-danger{background:#ef444433;border-color:#ef444466;color:#fca5a5}.btn-batch-danger:hover{background:#ef4444cc;color:#fff}.btn-batch-cancel{background:transparent;border:none;color:#94a3b8}.btn-batch-cancel:hover{color:#fff}.public-web-wrapper{width:100%;min-height:100vh;background:#f8fafc;color:#0f172a;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;overflow-x:hidden}.public-topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:8px 16px;font-size:8pt;color:#64748b}.public-topbar-inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-tag{display:inline-flex;align-items:center;gap:5px;color:#ea580c;font-weight:700}.topbar-divider{color:#cbd5e1}.topbar-contact{display:inline-flex;align-items:center;gap:5px;color:#334155;font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-email{display:inline-flex;align-items:center;gap:5px;color:#475569}.topbar-login-link{display:inline-flex;align-items:center;gap:5px;background:#fff7ed;border:1px solid #fed7aa;color:#ea580c;padding:4px 12px;border-radius:20px;text-decoration:none;font-weight:700;transition:all .2s ease}.topbar-login-link:hover{background:#ea580c;color:#fff;box-shadow:0 4px 12px #ea580c40}.public-navbar-header{position:sticky;top:0;z-index:1000;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #00000008}.public-navbar-container{max-width:1240px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.public-navbar-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.public-logo-img{height:44px;width:auto;object-fit:contain}.public-brand-text{display:flex;flex-direction:column}.public-brand-text .brand-name{font-size:13pt;font-weight:800;letter-spacing:.5px;color:#0f172a;line-height:1.1}.public-brand-text .brand-tag{font-size:7.2pt;color:#64748b;letter-spacing:.3px;text-transform:uppercase;font-weight:600}.public-desktop-links{display:flex;align-items:center;gap:20px}.public-nav-item{color:#334155;text-decoration:none;font-size:9.5pt;font-weight:600;transition:color .2s ease}.public-nav-item:hover{color:#f97316}.public-nav-call{display:inline-flex;align-items:center;gap:6px;color:#0284c7;text-decoration:none;font-size:9pt;font-weight:700;padding:6px 14px;border-radius:8px;background:#f0f9ff;border:1px solid #bae6fd;transition:all .2s ease}.public-nav-call:hover{background:#0284c7;color:#fff}.btn-nav-admin-portal{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-decoration:none;font-size:9pt;font-weight:700;padding:7px 16px;border-radius:8px;box-shadow:0 4px 12px #f9731640;transition:all .2s ease}.btn-nav-admin-portal:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f9731666}.btn-nav-admin-portal.active-auth{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140}.mobile-nav-toggle-btn{display:none;background:transparent;border:none;color:#0f172a;cursor:pointer;padding:6px}.public-mobile-menu{display:flex;flex-direction:column;gap:12px;background:#fff;border-top:1px solid #e2e8f0;padding:16px 20px 24px;box-shadow:0 10px 20px #0000000d}.mobile-nav-item{color:#1e293b;text-decoration:none;font-size:10.5pt;font-weight:600;padding:8px 0}.mobile-menu-divider{height:1px;background:#e2e8f0;margin:6px 0}.mobile-admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f97316;color:#fff;text-decoration:none;padding:10px;border-radius:8px;font-weight:700;font-size:10pt}.public-hero-section{position:relative;padding:85px 20px 90px;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,#fff,#f8fafc 85%,#f1f5f9);border-bottom:1px solid #e2e8f0}.public-hero-bg-glows{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.hero-grid-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(203,213,225,.45) 1.2px,transparent 1.2px);background-size:28px 28px;opacity:.7;mask-image:radial-gradient(circle at 50% 40%,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 50% 40%,black 40%,transparent 80%)}.hero-glow-orb{position:absolute;border-radius:50%;filter:blur(95px);opacity:.15;animation:orbPulse 8s ease-in-out infinite alternate}.glow-orange{width:550px;height:550px;background:#f97316;top:-140px;left:5%}.glow-blue{width:550px;height:550px;background:#0284c7;bottom:-160px;right:5%;animation-delay:2s}.glow-purple{width:420px;height:420px;background:#8b5cf6;top:35%;left:40%;opacity:.08;animation-delay:4s}@keyframes orbPulse{0%{transform:scale(.95) translate(0);opacity:.12}to{transform:scale(1.1) translate(15px,20px);opacity:.2}}.hero-floating-elements{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1320px;height:100%;pointer-events:none;z-index:1;overflow:hidden}.hero-float-card{position:absolute;display:inline-flex;align-items:center;gap:12px;padding:10px 18px;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(226,232,240,.95);border-radius:50px;box-shadow:0 16px 35px -8px #0f172a1a,0 4px 12px #00000008;-webkit-user-select:none;user-select:none}.hero-float-card.card-left{top:18%;left:20px;animation:heroFloatLeft 7.5s ease-in-out infinite}.hero-float-card.card-right{top:20%;right:20px;animation:heroFloatRight 8s ease-in-out infinite .8s}.hero-float-card.card-bottom-left{bottom:22%;left:30px;animation:heroFloatLeft 8.5s ease-in-out infinite 1.5s}.hero-float-card.card-bottom-right{bottom:20%;right:30px;animation:heroFloatRight 7.8s ease-in-out infinite 2s}@keyframes heroFloatLeft{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes heroFloatRight{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(16px) rotate(-2deg)}}.float-icon-bubble{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.float-icon-bubble.bg-orange{background:#fff7ed;color:#ea580c}.float-icon-bubble.bg-blue{background:#eff6ff;color:#2563eb}.float-icon-bubble.bg-emerald{background:#ecfdf5;color:#059669}.float-icon-bubble.bg-indigo{background:#eef2ff;color:#4f46e5}.float-card-content{display:flex;flex-direction:column;text-align:left}.float-tag{font-size:8.5pt;font-weight:800;color:#0f172a;line-height:1.2}.float-value{font-size:7.2pt;font-weight:600;color:#64748b;line-height:1.2}@media(max-width:1200px){.hero-float-card.card-left,.hero-float-card.card-right{display:none}}@media(max-width:900px){.hero-floating-elements{display:none}}.public-hero-container{position:relative;z-index:2;max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.public-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:9999px;background:#fff7ed;border:1.5px solid #fed7aa;color:#c2410c;font-size:8pt;font-weight:700;margin-bottom:22px;box-shadow:0 4px 12px #ea580c14}.hero-badge-pulse{width:7px;height:7px;border-radius:50%;background:#ea580c;box-shadow:0 0 #ea580cb3;animation:badgeDotPulse 2s infinite}@keyframes badgeDotPulse{0%{transform:scale(.95);box-shadow:0 0 #ea580cb3}70%{transform:scale(1);box-shadow:0 0 0 6px #ea580c00}to{transform:scale(.95);box-shadow:0 0 #ea580c00}}.public-hero-headline{font-size:34pt;font-weight:900;line-height:1.2;color:#0f172a;margin:0 0 20px;letter-spacing:-.6px;max-width:880px}.hero-gradient-text{background:linear-gradient(135deg,#ea580c,#f97316,#d97706 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.animate-gradient{background-size:200% auto;animation:textShine 4s linear infinite alternate}@keyframes textShine{to{background-position:200% center}}.public-hero-subtext{font-size:10.5pt;color:#475569;max-width:760px;margin:0 auto 34px;line-height:1.7}.public-hero-subtext strong{color:#0f172a;font-weight:700}.public-hero-cta-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:44px;width:100%}.btn-hero-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;padding:13px 26px;border-radius:10px;font-size:9.5pt;font-weight:700;text-decoration:none;box-shadow:0 10px 25px -4px #ea580c66;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -4px #ea580c80;color:#fff}.glow-button{position:relative;overflow:hidden}.glow-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(30deg);animation:buttonShine 4.5s infinite}@keyframes buttonShine{0%{transform:translate(-100%) rotate(30deg)}30%,to{transform:translate(100%) rotate(30deg)}}.btn-hero-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#1e293b;border:1.5px solid #cbd5e1;padding:13px 24px;border-radius:10px;font-size:9.5pt;font-weight:700;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.btn-hero-secondary:hover{border-color:#ea580c;color:#ea580c;background:#fff7ed;transform:translateY(-2px);box-shadow:0 6px 16px #ea580c1f}.btn-hero-call{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f0f9ff;color:#0284c7;border:1.5px solid #bae6fd;padding:13px 22px;border-radius:10px;font-size:9.5pt;font-weight:700;text-decoration:none;transition:all .2s ease}.btn-hero-call:hover{background:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 16px #0284c733}.call-live-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b9814d;animation:liveDotPulse 1.8s infinite}@keyframes liveDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.public-hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:920px;margin:0 auto;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 12px 32px -6px #0f172a14}.metric-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 12px;border-right:1px solid #f1f5f9;transition:transform .2s ease}.metric-box:last-child{border-right:none}.metric-box:hover{transform:translateY(-3px)}.metric-icon-header{width:34px;height:34px;border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.metric-num{font-size:20pt;font-weight:900;color:#ea580c;line-height:1.1;margin-bottom:4px;display:block}.metric-label{font-size:7.8pt;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;display:block}.public-section{padding:36px 20px;max-width:1240px;margin:0 auto;width:100%;box-sizing:border-box}.public-card-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:36px 32px;box-shadow:0 10px 30px -5px #0f172a0d;width:100%;max-width:100%;box-sizing:border-box;position:relative;overflow:hidden}.section-header-center{text-align:center;max-width:780px;margin:0 auto 36px}.section-eyebrow{display:inline-flex;align-items:center;gap:6px;color:#ea580c;font-size:8pt;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px}.section-title-large{font-size:26pt;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:14px}.section-desc-medium{font-size:10.5pt;color:#64748b;line-height:1.6}.services-section{padding:36px 20px;max-width:1240px;margin:0 auto;width:100%;box-sizing:border-box}.services-showcase-panel{padding:24px 24px 18px}.section-header-flex-wrapper{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap;width:100%;box-sizing:border-box}.section-header-left{max-width:760px;text-align:left;box-sizing:border-box}.section-header-left .section-title-large{margin-bottom:0}.services-scroll-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-scroll-arrow{width:40px;height:40px;border-radius:50%;background:#fff;border:1.5px solid #cbd5e1;color:#1e293b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.btn-scroll-arrow:hover{border-color:#ea580c;color:#ea580c;background:#fff7ed;transform:scale(1.06);box-shadow:0 4px 12px #ea580c26}.btn-scroll-arrow:active{transform:scale(.96)}.services-scroll-wrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.services-scroll-container{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;box-sizing:border-box;padding:6px 4px 16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ea580c #f1f5f9}.services-scroll-container::-webkit-scrollbar{height:6px}.services-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.services-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ea580c,#f97316);border-radius:10px}.service-card-compact{flex:0 0 280px;width:280px;max-width:280px;box-sizing:border-box;scroll-snap-align:start;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;display:flex;flex-direction:column;box-shadow:0 2px 10px #00000008;transition:all .22s ease}.service-card-compact:hover{transform:translateY(-4px);border-color:#fdba74;box-shadow:0 12px 28px -5px #f9731629}.service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.service-svg-icon-badge{width:36px;height:36px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.service-card-compact:hover .service-svg-icon-badge{background:#fff7ed;border-color:#fdba74;transform:scale(1.08)}.service-badge-pill{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:7.2pt;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:20px;letter-spacing:.3px}.service-title{font-size:10pt;font-weight:800;color:#0f172a;margin:0 0 5px;line-height:1.3}.service-desc{font-size:8pt;color:#64748b;line-height:1.45;margin:0 0 8px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-features-list{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:4px}.service-features-list li{display:flex;align-items:center;gap:6px;font-size:7.8pt;color:#334155;font-weight:600}.feat-check-icon{color:#059669;flex-shrink:0}.service-card-footer{border-top:1px solid #f1f5f9;padding-top:8px;margin-top:auto}.service-inquire-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff7ed;border:1.2px solid #fed7aa;color:#ea580c;padding:6px 10px;border-radius:7px;font-size:7.5pt;font-weight:700;cursor:pointer;transition:all .2s ease}.service-inquire-btn:hover{background:#ea580c;color:#fff;border-color:#ea580c}.service-inquire-link{display:inline-flex;align-items:center;gap:4px;color:#ea580c;font-size:9pt;font-weight:700;text-decoration:none;transition:all .2s ease}.service-inquire-link:hover{gap:8px;color:#c2410c}.portfolio-filter-pills{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:24px}.portfolio-header-flex{margin-bottom:8px}.portfolio-filter-pills{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-pill-btn{background:#fff;border:1.5px solid #e2e8f0;color:#64748b;padding:8px 18px;border-radius:20px;font-size:8.5pt;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000008;transition:all .2s ease}.filter-pill-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.filter-pill-btn.active{background:#f97316;border-color:#f97316;color:#fff;box-shadow:0 4px 14px #f9731659}.portfolio-scroll-wrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.portfolio-scroll-container{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;box-sizing:border-box;padding:6px 4px 18px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ea580c #f1f5f9}.portfolio-scroll-container::-webkit-scrollbar{height:6px}.portfolio-scroll-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.portfolio-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ea580c,#f97316);border-radius:10px}.portfolio-card-item{flex:0 0 320px;width:320px;max-width:320px;box-sizing:border-box;scroll-snap-align:start;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000000a;transition:all .25s ease}.portfolio-card-item:hover{transform:translateY(-4px);border-color:#fdba74;box-shadow:0 14px 30px -5px #f9731629}.portfolio-card-media{position:relative;height:200px;background:#f1f5f9;overflow:hidden}.portfolio-card-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-card-item:hover .portfolio-card-img{transform:scale(1.04)}.portfolio-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#94a3b8;font-size:8.5pt;font-weight:600}.portfolio-category-tag{position:absolute;top:12px;left:12px;background:#fffffff0;border:1px solid #fed7aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c2410c;font-size:7pt;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:6px;box-shadow:0 2px 6px #00000014}.portfolio-status-tag{position:absolute;top:12px;right:12px;background:#10b981;color:#fff;font-size:7pt;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:6px;box-shadow:0 2px 6px #10b9814d}.portfolio-card-body{padding:14px 16px;display:flex;flex-direction:column;flex:1}.portfolio-item-title{font-size:10.5pt;font-weight:800;color:#0f172a;margin-bottom:6px;line-height:1.3}.portfolio-client-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.info-row{display:flex;align-items:center;gap:6px;font-size:8.5pt;color:#475569}.portfolio-scope-snippet{font-size:8pt;color:#64748b;line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card-bottom{margin-top:auto;border-top:1px solid #f1f5f9;padding-top:10px;display:flex;justify-content:space-between;align-items:center}.portfolio-value-tag{display:flex;flex-direction:column}.portfolio-value-tag .val-lbl{font-size:6.8pt;color:#94a3b8;text-transform:uppercase;font-weight:700}.portfolio-value-tag .val-num{font-size:9.5pt;font-weight:700;color:#0284c7;font-family:monospace}.btn-view-portfolio-detail{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1.5px solid #cbd5e1;color:#0f172a;padding:6px 14px;border-radius:8px;font-size:8pt;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-view-portfolio-detail:hover{background:#f97316;border-color:#f97316;color:#fff}.portfolio-empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border:1.5px dashed #cbd5e1;border-radius:16px}.portfolio-empty-state .empty-icon{color:#ea580c;opacity:.8;margin-bottom:14px}.portfolio-empty-state h3{color:#0f172a;font-size:14pt;margin-bottom:8px}.portfolio-empty-state p{color:#64748b;font-size:9.5pt;max-width:500px;margin:0 auto}.client-logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.clients-two-grid{max-width:840px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.client-brand-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:20px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000000a;transition:all .25s ease;min-height:140px}.client-brand-card:hover{border-color:#fdba74;box-shadow:0 16px 32px #f9731624;transform:translateY(-4px)}.brand-logo-img-wrapper{width:100%;height:120px;display:flex;align-items:center;justify-content:center;padding:4px}.brand-logo-img{max-width:100%;max-height:110px;width:auto;object-fit:contain;transition:transform .25s ease}.client-brand-card:hover .brand-logo-img{transform:scale(1.06)}.why-choose-section{padding:36px 20px}.why-choose-panel{background:#fff}.why-points-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}.why-point-item{display:flex;gap:12px;align-items:flex-start;background:#fafafa;border:1px solid #f1f5f9;border-radius:12px;padding:14px}.why-point-item .point-icon{width:38px;height:38px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#ea580c;display:flex;justify-content:center;align-items:center;flex-shrink:0}.why-point-item h4{color:#0f172a;font-size:10pt;font-weight:700;margin-bottom:4px}.why-point-item p{color:#64748b;font-size:8pt;line-height:1.45}.contact-grid-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.contact-info-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;box-shadow:0 4px 16px #0000000a}.contact-card-title{color:#0f172a;font-size:15pt;font-weight:800;margin-bottom:6px}.contact-card-sub{color:#64748b;font-size:9pt;margin-bottom:24px}.contact-links-list{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.contact-item{display:flex;gap:14px;align-items:flex-start}.contact-item .icon-orange{color:#ea580c;flex-shrink:0;margin-top:2px}.contact-item strong{color:#0f172a;font-size:8.5pt;display:block;margin-bottom:2px}.contact-item p{color:#475569;font-size:9pt;line-height:1.45}.contact-item a{color:#0284c7;text-decoration:none;font-weight:600}.direct-whatsapp-box{margin-top:auto}.btn-whatsapp-direct{display:flex;justify-content:center;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:9.5pt;font-weight:700;padding:12px;border-radius:10px;box-shadow:0 4px 14px #16a34a40;transition:all .2s ease}.btn-whatsapp-direct:hover{background:#15803d;transform:translateY(-1px)}.contact-form-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:32px 28px;box-shadow:0 4px 16px #0000000a}.form-card-title{color:#0f172a;font-size:15pt;font-weight:800;margin-bottom:20px}.public-inquiry-form{display:flex;flex-direction:column;gap:16px}.form-group-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-input-box{display:flex;flex-direction:column;gap:6px}.form-input-box label{font-size:7.8pt;font-weight:700;color:#334155;text-transform:uppercase}.form-input-box input,.form-input-box select,.form-input-box textarea{background:#f8fafc;border:1.5px solid #cbd5e1;color:#0f172a;padding:10px 14px;border-radius:8px;font-size:9pt;font-family:inherit;outline:none;transition:all .2s ease}.form-input-box input:focus,.form-input-box select:focus,.form-input-box textarea:focus{border-color:#f97316;background:#fff;box-shadow:0 0 10px #f9731640}.btn-submit-inquiry{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:10pt;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #f973164d;transition:all .2s ease;margin-top:6px}.btn-submit-inquiry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731673}.inquiry-success-message{text-align:center;padding:40px 20px}.inquiry-success-message h3{color:#0f172a;font-size:15pt;margin:12px 0 6px}.inquiry-success-message p{color:#64748b;font-size:9.5pt}.public-project-modal-backdrop{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#0f172ab3!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;z-index:999999!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;box-sizing:border-box!important;animation:fadeInBackdrop .2s ease-out}.public-project-modal-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;max-width:720px;width:100%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #00000059;animation:modalPopIn .25s cubic-bezier(.16,1,.3,1);margin:auto}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-row{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.modal-cat-tag{font-size:7.5pt;color:#ea580c;font-weight:700;text-transform:uppercase;display:block;margin-bottom:4px}.modal-header-row h2{font-size:14pt;color:#0f172a;font-weight:800}.btn-modal-close{background:transparent;border:none;color:#64748b;font-size:22pt;line-height:1;cursor:pointer}.btn-modal-close:hover{color:#0f172a}.modal-body-content{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border:1.5px solid #e2e8f0;padding:14px;border-radius:10px;font-size:8.8pt;color:#334155}.modal-info-grid strong{color:#ea580c}.modal-desc-box h4{color:#0f172a;font-size:9.5pt;font-weight:700;margin-bottom:6px}.modal-desc-box p{color:#64748b;font-size:8.8pt;line-height:1.5}.modal-photos-gallery h4{color:#0f172a;font-size:9.5pt;font-weight:700;margin-bottom:10px}.modal-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.modal-photo-item{border-radius:8px;overflow:hidden;border:1px solid #e2e8f0}.modal-photo-item img{width:100%;height:100px;object-fit:cover}.modal-footer-row{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.btn-modal-dismiss{background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;padding:10px 18px;border-radius:8px;font-weight:600;font-size:9pt;cursor:pointer}.btn-modal-dismiss:hover{background:#e2e8f0}.login-page-wrapper{position:relative;min-height:100vh;background:#f8fafc;display:flex;justify-content:center;align-items:center;padding:30px 20px;overflow:hidden;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif}.login-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.login-orb-orange{width:480px;height:480px;background:#f97316;opacity:.12;top:-5%;left:10%}.login-orb-blue{width:480px;height:480px;background:#0284c7;opacity:.1;bottom:-5%;right:10%}.login-orb-purple{width:360px;height:360px;background:#8b5cf6;opacity:.07;top:40%;right:35%}.login-floating-tools-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.floating-tool-orb{position:absolute;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px -6px #0f172a1f,0 4px 10px #0000000a;-webkit-user-select:none;user-select:none;transition:all .3s ease}.floating-tool-orb.icon-orange{background:#fff7edeb;color:#ea580c;border:1.5px solid #fed7aa;box-shadow:0 10px 24px -4px #ea580c38}.floating-tool-orb.icon-amber{background:#fef3c7eb;color:#d97706;border:1.5px solid #fde68a;box-shadow:0 10px 24px -4px #d9770638}.floating-tool-orb.icon-blue{background:#eff6ffeb;color:#2563eb;border:1.5px solid #bfdbfe;box-shadow:0 10px 24px -4px #2563eb38}.floating-tool-orb.icon-emerald{background:#ecfdf5eb;color:#059669;border:1.5px solid #a7f3d0;box-shadow:0 10px 24px -4px #05966938}.floating-tool-orb.icon-indigo{background:#eef2ffeb;color:#4f46e5;border:1.5px solid #c7d2fe;box-shadow:0 10px 24px -4px #4f46e538}.floating-tool-orb.icon-cyan{background:#ecfeffeb;color:#0891b2;border:1.5px solid #a5f3fc;box-shadow:0 10px 24px -4px #0891b238}.floating-tool-orb.icon-rose{background:#fff1f2eb;color:#e11d48;border:1.5px solid #fecdd3;box-shadow:0 10px 24px -4px #e11d4838}.floating-tool-orb.icon-violet{background:#f5f3ffeb;color:#7c3aed;border:1.5px solid #ddd6fe;box-shadow:0 10px 24px -4px #7c3aed38}.floating-tool-orb.icon-teal{background:#f0fdfaeb;color:#0d9488;border:1.5px solid #99f6e4;box-shadow:0 10px 24px -4px #0d948838}.floating-tool-orb.icon-yellow{background:#fefce8eb;color:#ca8a04;border:1.5px solid #fef08a;box-shadow:0 10px 24px -4px #ca8a0438}.tool-pos-1{top:14%;left:12%;animation:driftRandom1 14s ease-in-out infinite}.tool-pos-2{bottom:16%;left:10%;animation:driftRandom2 18s ease-in-out infinite 1s}.tool-pos-3{top:16%;right:12%;animation:driftRandom3 16s ease-in-out infinite .5s}.tool-pos-4{bottom:14%;right:10%;animation:driftRandom4 20s ease-in-out infinite 2s}.tool-pos-5{top:46%;left:4%;animation:driftRandom5 17s ease-in-out infinite 1.5s}.tool-pos-6{top:46%;right:4%;animation:driftRandom6 19s ease-in-out infinite 2.5s}.tool-pos-7{top:6%;left:36%;animation:driftRandom7 15s ease-in-out infinite .8s}.tool-pos-8{bottom:6%;left:34%;animation:driftRandom1 21s ease-in-out infinite 3s}.tool-pos-9{top:7%;right:30%;animation:driftRandom3 17s ease-in-out infinite 1.2s}.tool-pos-10{bottom:7%;right:34%;animation:driftRandom5 22s ease-in-out infinite 2s}@keyframes driftRandom1{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(75px,-55px) rotate(18deg) scale(1.06)}50%{transform:translate(120px,30px) rotate(-14deg) scale(.94)}75%{transform:translate(45px,75px) rotate(22deg) scale(1.04)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes driftRandom2{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-80px,60px) rotate(-20deg) scale(1.05)}50%{transform:translate(-130px,-40px) rotate(16deg) scale(.95)}75%{transform:translate(-50px,-70px) rotate(-10deg) scale(1.03)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes driftRandom3{0%{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(-65px,85px) rotate(24deg) scale(1.08)}60%{transform:translate(50px,110px) rotate(-18deg) scale(.93)}85%{transform:translate(90px,40px) rotate(12deg) scale(1.04)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes driftRandom4{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-90px,-70px) rotate(-22deg) scale(.94)}50%{transform:translate(70px,-100px) rotate(18deg) scale(1.07)}75%{transform:translate(100px,35px) rotate(-15deg) scale(1.02)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes driftRandom5{0%{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(100px,-80px) rotate(20deg) scale(1.06)}60%{transform:translate(45px,-135px) rotate(-24deg) scale(.92)}85%{transform:translate(-70px,-55px) rotate(14deg) scale(1.03)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes driftRandom6{0%{transform:translate(0) rotate(0) scale(1)}33%{transform:translate(-100px,75px) rotate(32deg) scale(1.08)}66%{transform:translate(80px,70px) rotate(-28deg) scale(.92)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes driftRandom7{0%{transform:translate(0) rotate(0) scale(1)}30%{transform:translate(115px,65px) rotate(-20deg) scale(1.05)}70%{transform:translate(-75px,-85px) rotate(22deg) scale(.96)}to{transform:translate(0) rotate(0) scale(1)}}@media(max-width:1024px){.tool-pos-5,.tool-pos-6,.tool-pos-7,.tool-pos-8,.tool-pos-9,.tool-pos-10{display:none}}@media(max-width:768px){.login-floating-tools-bg{display:none}}.login-card-container{position:relative;z-index:2;max-width:440px;width:100%}.login-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.login-back-btn{display:inline-flex;align-items:center;gap:6px;color:#475569;text-decoration:none;font-size:8.5pt;font-weight:700;transition:color .2s ease}.login-back-btn:hover{color:#ea580c}.login-badge-enterprise{display:inline-flex;align-items:center;gap:5px;font-size:7.5pt;font-weight:700;color:#047857;text-transform:uppercase;background:#ecfdf5;border:1px solid #a7f3d0;padding:3px 10px;border-radius:20px}.login-glass-card{background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(226,232,240,.9);border-radius:22px;padding:34px 30px;box-shadow:0 25px 50px -12px #0f172a1f,0 4px 16px #0000000a}.login-header-brand{text-align:center;margin-bottom:24px}.login-logo-container{display:flex;justify-content:center;align-items:center;margin:0 auto 12px;padding:8px 16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 3px 10px #00000008;max-width:270px}.login-brand-logo{max-height:48px;width:100%;object-fit:contain}.login-sub-text{font-size:8pt;color:#64748b;line-height:1.4;font-weight:500}.login-error-box{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:8.5pt;font-weight:600;margin-bottom:18px;animation:shakeErr .3s ease-in-out}@keyframes shakeErr{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-group{display:flex;flex-direction:column;gap:6px}.login-label-row{display:flex;justify-content:space-between;align-items:center}.login-label{font-size:7.5pt;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.04em}.login-form .login-input-wrap{position:relative;display:flex;align-items:center;width:100%}.login-form .login-input-prefix-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:3}.login-form .login-input{width:100%!important;height:48px!important;background:#fff!important;border:1.5px solid #cbd5e1!important;color:#0f172a!important;padding:0 16px 0 46px!important;border-radius:12px!important;font-size:10pt!important;font-weight:500!important;outline:none!important;box-sizing:border-box!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 1px 3px #0000000a!important}.login-form .login-input:hover{border-color:#94a3b8!important}.login-form .login-input::placeholder{color:#94a3b8!important;font-weight:400!important;opacity:1!important}.login-form .login-input:focus{border-color:#ea580c!important;background:#fff!important;box-shadow:0 0 0 4px #ea580c26,0 2px 6px #0000000a!important}.login-form .login-input-wrap:focus-within .login-input-prefix-icon{color:#ea580c!important}.login-form .login-input-password{padding-right:48px!important}.login-form .login-suffix-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:3}.login-form .login-suffix-toggle-btn:hover{color:#0f172a;background:#f1f5f9}.login-submit-btn{display:flex;justify-content:center;align-items:center;gap:8px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:13px;border-radius:12px;font-size:9.5pt;font-weight:700;cursor:pointer;box-shadow:0 6px 20px #f9731652;transition:all .2s ease;margin-top:6px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #f9731673}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-security-footer{border-top:1px solid #f1f5f9;margin-top:22px;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.security-item{display:inline-flex;align-items:center;gap:4px;font-size:7.2pt;color:#64748b;font-weight:600}.sec-icon{color:#059669}.login-bottom-copy{text-align:center;font-size:7.5pt;color:#94a3b8;margin-top:16px}.admin-status-strip{background:#fff;border-bottom:1px solid #e2e8f0;padding:6px 20px}.admin-strip-inner{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-user-info{display:flex;align-items:center;gap:8px;font-size:8pt;color:#475569}.admin-avatar-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}.admin-actions-flex{display:flex;align-items:center;gap:12px}.btn-visit-public-web{display:inline-flex;align-items:center;gap:5px;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:4px 12px;border-radius:6px;font-size:7.8pt;font-weight:700;text-decoration:none;transition:all .2s ease}.btn-visit-public-web:hover{background:#0284c7;color:#fff}.btn-admin-logout{display:inline-flex;align-items:center;gap:5px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:4px 12px;border-radius:6px;font-size:7.8pt;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-admin-logout:hover{background:#dc2626;color:#fff}.navbar-portal-badge{font-size:6.8pt;font-weight:800;color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;padding:2px 6px;border-radius:4px;letter-spacing:.5px;margin-left:6px}.navbar-admin-controls{display:flex;align-items:center;gap:10px;margin-left:auto}.btn-nav-public-switch{display:inline-flex;align-items:center;gap:5px;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:4px 10px;border-radius:6px;font-size:7.8pt;font-weight:700;text-decoration:none}.btn-nav-public-switch:hover{background:#0284c7;color:#fff}.btn-nav-logout{display:inline-flex;align-items:center;justify-content:center;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:5px 8px;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-nav-logout:hover{background:#dc2626;color:#fff}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:960px;margin:24px auto 0}.kpi-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000008}.kpi-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.kpi-text{display:flex;flex-direction:column}.kpi-val{font-size:13pt;font-weight:800;color:#0f172a;line-height:1.1}.kpi-label{font-size:7.2pt;font-weight:700;color:#64748b;text-transform:uppercase;margin-top:2px}@media(max-width:900px){.public-section{padding:24px 16px}.public-card-panel{padding:24px 20px}.public-hero-headline{font-size:24pt}.public-hero-metrics,.why-points-grid{grid-template-columns:repeat(2,1fr)}.contact-grid-wrapper{grid-template-columns:1fr}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.public-desktop-links{display:none}.mobile-nav-toggle-btn{display:block}}@media(max-width:600px){.public-section{padding:16px 10px}.public-card-panel{padding:18px 12px;border-radius:16px}.public-hero-headline{font-size:20pt}.public-hero-metrics,.why-points-grid,.form-group-2,.dashboard-kpi-grid{grid-template-columns:1fr}.service-card-compact{flex:0 0 250px;width:250px;max-width:250px;padding:13px}}.autosave-blink-badge{display:inline-flex;align-items:center;gap:5px;font-size:7.5pt;color:#16a34a;font-weight:600;background:#f0fdf4;border:1px solid #bbf7d0;padding:3px 8px;border-radius:12px;animation:autosaveFadeIn .3s ease}.autosave-blink-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;display:inline-block;animation:autosaveDotBlink .6s ease-in-out infinite alternate}@keyframes autosaveDotBlink{0%{opacity:.3;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}@keyframes autosaveFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.login-lockout-banner{background:linear-gradient(135deg,#fef2f2,#fff1f2);border:1.5px solid #fca5a5;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 4px 14px #ef44441f;animation:lockoutShake .4s ease}@keyframes lockoutShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.lockout-header-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.lockout-icon-pulse{color:#dc2626;flex-shrink:0;margin-top:2px;animation:lockPulse 1.5s infinite alternate ease-in-out}@keyframes lockPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.15);opacity:1;filter:drop-shadow(0 0 6px rgba(220,38,38,.4))}}.lockout-title-wrap h4{margin:0 0 4px;font-size:11pt;font-weight:800;color:#991b1b}.lockout-title-wrap p{margin:0;font-size:8.5pt;color:#7f1d1d;line-height:1.4}.lockout-timer-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #f87171;color:#dc2626;padding:8px 14px;border-radius:20px;font-size:9pt;font-weight:700;box-shadow:0 2px 6px #dc262614}.lockout-timer-pill strong{font-family:monospace;font-size:10pt;letter-spacing:.5px;color:#991b1b}.login-attempts-warning-box{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1.2px solid #fde68a;color:#b45309;padding:10px 14px;border-radius:10px;font-size:8.5pt;font-weight:600;margin-bottom:16px}.login-error-box{display:flex;align-items:center;gap:10px;background:#fef2f2;border:1.2px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:10px;font-size:8.5pt;font-weight:600;margin-bottom:16px}.login-input:disabled{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed!important;border-color:#e2e8f0!important}.login-submit-btn.btn-locked,.login-submit-btn:disabled{background:#cbd5e1!important;color:#64748b!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}