@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-page{height:100vh;display:flex;overflow:hidden}.login-hero{flex:0 0 58%;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:center;width:100%;height:100%}.hero-overlay{background:linear-gradient(135deg,#0a1428a6 0%,#0a142840 60%,#0a14281a 100%);position:absolute;inset:0}.hero-content{color:#fff;position:absolute;bottom:60px;left:48px;right:48px}.hero-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff2e;border:1px solid #ffffff40;border-radius:24px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.badge-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 8px #4ade80cc}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.hero-title{letter-spacing:-.5px;text-shadow:0 2px 12px #0000004d;margin-bottom:16px;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.15}.hero-title-accent{color:#f59e0b}.hero-subtitle{color:#ffffffd1;max-width:420px;font-size:15px;font-weight:400;line-height:1.65}.login-form-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}.login-form-card{width:100%;max-width:400px}.login-logo-wrap{justify-content:center;margin-bottom:18px;display:flex}.login-logo{object-fit:contain;border-radius:0;width:320px;max-width:100%;height:auto}.login-title{color:var(--clr-navy);text-align:center;margin-bottom:6px;font-size:24px;font-weight:700}.login-subtitle{color:var(--clr-muted);text-align:center;margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:4px;display:flex}.login-error{background:var(--clr-red-light);border-radius:var(--radius-sm);color:var(--clr-red);border:1px solid #fecaca;align-items:center;gap:8px;margin-bottom:8px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.input-wrap{position:relative}.input-wrap .form-input{width:100%;padding-right:44px}.toggle-pass{cursor:pointer;color:var(--clr-muted);transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.toggle-pass:hover{color:var(--clr-slate)}.login-submit{border-radius:var(--radius-md);justify-content:center;width:100%;margin-top:8px;padding:14px;font-size:15px}.login-footer{text-align:center;color:var(--clr-muted);margin-top:24px;font-size:13px}.login-link{color:var(--clr-orange);transition:opacity var(--transition);font-weight:600;text-decoration:none}.login-link:hover{opacity:.8}@media (width<=768px){.login-hero{display:none}.login-form-panel{padding:24px 20px}}.sidebar{background:var(--clr-white);border-right:1.5px solid var(--clr-border);flex-direction:column;width:230px;min-width:230px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar-logo{border-bottom:1.5px solid var(--clr-border);align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar-logo-icon{background:var(--clr-orange-light);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{letter-spacing:1.5px;color:var(--clr-navy);font-size:15px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 10px;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);color:var(--clr-slate);cursor:pointer;text-align:left;width:100%;font-size:13px;font-weight:500;font-family:var(--font-family);transition:all var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--clr-bg);color:var(--clr-navy)}.sidebar-nav-item.active{background:var(--clr-orange-light);color:var(--clr-orange);font-weight:600}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--clr-orange)}.sidebar-nav-icon{color:var(--clr-muted);transition:color var(--transition);flex-shrink:0;align-items:center;display:flex}.sidebar-nav-item:hover .sidebar-nav-icon,.sidebar-nav-item.active .sidebar-nav-icon{color:inherit}.sidebar-nav-label{letter-spacing:.01em;flex:1}.sidebar-nav-arrow{color:var(--clr-muted);align-items:center;transition:transform .2s;display:flex}.sidebar-nav-arrow.open{transform:rotate(180deg)}.sidebar-sub{flex-direction:column;gap:1px;padding-left:30px;animation:.2s expandDown;display:flex}@keyframes expandDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sidebar-sub-item{border-radius:var(--radius-sm);color:var(--clr-slate);cursor:pointer;text-align:left;width:100%;font-size:12.5px;font-weight:500;font-family:var(--font-family);transition:all var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sidebar-sub-item:hover{background:var(--clr-bg);color:var(--clr-navy)}.sidebar-footer{border-top:1.5px solid var(--clr-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-user{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.sidebar-user-avatar{background:var(--clr-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{min-width:0}.sidebar-user-name{color:var(--clr-navy);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--clr-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:600}.sidebar-logout-btn{width:30px;height:30px;color:var(--clr-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logout-btn:hover{background:var(--clr-red-light);color:var(--clr-red)}.pv-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1050;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pv-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.pv-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.pv-modal-app-tag{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:2px 10px;font-size:11px;font-weight:800}.pv-modal-title{color:#0f172a;margin:6px 0 2px;font-size:20px;font-weight:800}.pv-modal-sub{color:#64748b;margin:0;font-size:12px}.pv-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px}.pv-modal-close:hover{color:#0f172a;background:#e2e8f0}.pv-modal-section-title{color:#475569;letter-spacing:.5px;padding:14px 24px 8px;font-size:12px;font-weight:800}.pv-photos-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:12px 24px 24px;display:grid}.pv-photo-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.pv-photo-title{color:#475569;letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:800}.pv-photo-display{background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:160px;display:flex;overflow:hidden}.pv-photo-img{object-fit:cover;width:100%;height:100%}.pv-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.pv-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .2s}.pv-modal-btn.btn-approve{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}.pv-modal-btn.btn-approve:hover{opacity:.9}.pv-modal-btn.btn-close-modal{color:#1e293b;background:#cbd5e1}.pv-modal-btn.btn-close-modal:hover{background:#94a3b8}.dashboard-layout{background:var(--clr-bg);height:100vh;min-height:100vh;display:flex;overflow:hidden}.dashboard-main{flex-direction:column;flex:1;gap:14px;min-height:0;padding:24px 28px 20px;display:flex;overflow:hidden}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-title{color:var(--clr-navy);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--clr-muted);margin-top:4px;font-size:13.5px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-wrap{flex:1;min-width:260px;max-width:480px;position:relative}.search-icon{color:var(--clr-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;font-size:13.5px;font-family:var(--font-family);color:var(--clr-navy);background:var(--clr-white);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:10px 36px}.search-input:focus{border-color:var(--clr-orange);box-shadow:0 0 0 3px #f479201f}.clear-search-btn{color:var(--clr-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:18px;line-height:1;transition:color .15s,background .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search-btn:hover{color:var(--clr-navy);background:var(--clr-bg)}.total-count{color:var(--clr-navy);background:var(--clr-white);border:1px solid var(--clr-border);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.total-count strong{color:var(--clr-orange);font-weight:700}.table-card{background:var(--clr-white);border-radius:var(--radius-lg);border:1.5px solid var(--clr-border);box-shadow:var(--shadow-sm);width:100%;margin-bottom:40px}.table-wrap{width:100%;overflow-x:auto}.beneficiary-table{border-collapse:collapse;width:100%;font-size:13.5px}.beneficiary-table thead tr{background:var(--clr-bg);border-bottom:1.5px solid var(--clr-border)}.beneficiary-table th{text-align:left;letter-spacing:.07em;color:var(--clr-muted);text-transform:uppercase;white-space:nowrap;background:var(--clr-bg);z-index:2;padding:13px 20px;font-size:11.5px;font-weight:700;position:sticky;top:0}.beneficiary-table td{vertical-align:middle;border-bottom:1px solid var(--clr-border);padding:14px 20px}.table-row{transition:background var(--transition);animation:.3s both fadeInRow}.table-row:hover{background:#fafbfc}.table-row:last-child td{border-bottom:none}@keyframes fadeInRow{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-no-cell{color:var(--clr-muted);align-items:center;gap:6px;display:flex}.app-no{color:var(--clr-orange);font-size:13px;font-weight:700}.beneficiary-name{color:var(--clr-navy);font-size:14px;font-weight:600}.location-cell{flex-direction:column;gap:2px;display:flex}.location-main{color:var(--clr-navy);font-weight:500}.location-sub{color:var(--clr-muted);font-size:12px}.pump-badge{background:var(--clr-blue-light);color:var(--clr-blue);border-radius:20px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.status-cell{align-items:center;display:flex}.badge-approved{color:#15803d!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.badge-pending{color:#b45309!important;background:#fef3c7!important;border:1px solid #fde68a!important}.badge-rejected{color:#b91c1c!important;background:#fee2e2!important;border:1px solid #fecaca!important}.badge-blue{color:#3730a3!important;background:#e0e7ff!important;border:1px solid #c7d2fe!important}.badge-holder{color:#6b21a8!important;background:#f3e8ff!important;border:1px solid #e9d5ff!important}.table-loading,.table-empty{text-align:center;color:var(--clr-muted);padding:60px 20px!important}.loading-spinner-wrap{justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.table-spinner{border:2.5px solid var(--clr-border);border-top-color:var(--clr-orange);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.table-empty>div{flex-direction:column;align-items:center;gap:12px;font-size:15px;display:flex}.manage-users-layout{grid-template-columns:420px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1200px){.manage-users-layout{grid-template-columns:1fr}}.creation-panel-card{border:1px solid var(--clr-border);background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 16px #00000008}.card-title{color:var(--clr-navy);margin:0 0 4px;font-size:18px;font-weight:700}.card-subtitle{color:var(--clr-muted);margin:0 0 20px;font-size:13px}.account-creation-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;display:flex}.form-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:700}.form-label.orange-label{color:#ea580c}.highlight-field{background:#fff7ed;border:1px solid #ffedd5;border-radius:10px;padding:12px}.form-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{margin-top:8px}.create-btn{width:100%;padding:12px;font-size:14px;font-weight:700}.accounts-columns-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=900px){.accounts-columns-grid{grid-template-columns:1fr}}.column-card{border:1px solid var(--clr-border);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000005}.column-header{border-bottom:1px solid var(--clr-border);padding:12px 16px;font-size:13px;font-weight:700}.column-header.admin-bg{color:#a16207;background:#fefce8;border-bottom-color:#fef08a}.column-header.fm-bg{color:#be185d;background:#fdf2f8;border-bottom-color:#fbcfe8}.column-header.fw-bg{color:#c2410c;background:#fff7ed;border-bottom-color:#ffedd5}.column-header.se-bg{color:#15803d;background:#f0fdf4;border-bottom-color:#dcfce7}.column-header.inst-bg{color:#1d4ed8;background:#eff6ff;border-bottom-color:#dbeafe}.column-title{letter-spacing:.02em}.column-body{flex-direction:column;gap:10px;max-height:480px;padding:12px;display:flex;overflow-y:auto}.empty-col-text{color:#94a3b8;text-align:center;padding:16px;font-size:12px}.account-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:flex-start;padding:12px;transition:all .2s;display:flex}.account-card:hover{border-color:#cbd5e1;box-shadow:0 2px 6px #00000008}.account-card-left{align-items:flex-start;gap:10px;display:flex;overflow:hidden}.role-avatar{border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.account-name{color:#1e293b;margin-bottom:2px;font-size:13px;font-weight:700}.account-email{color:#64748b;word-break:break-all;margin-bottom:4px;font-size:11px}.account-tags-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.role-badge{border-radius:8px;padding:2px 6px;font-size:10px;font-weight:700}.password-tag{color:#94a3b8;font-size:11px}.btn-show-pass{cursor:pointer;color:#94a3b8;background:0 0;border:none;margin-left:4px;padding:0;font-size:11px}.assigned-se-tag{color:#0284c7;background:#e0f2fe;border-radius:6px;margin-top:4px;padding:2px 8px;font-size:11px;display:inline-block}.created-at-text{color:#cbd5e1;margin-top:4px;font-size:10px}.account-card-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-edit-account{cursor:pointer;color:#2563eb;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.btn-edit-account:hover{color:#1d4ed8;background:#dbeafe}.btn-delete-account{cursor:pointer;color:#ef4444;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;transition:all .2s;display:flex}.btn-delete-account:hover{background:#fee2e2}.delete-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.delete-modal-card{background:#fff;border-radius:14px;width:100%;max-width:440px;padding:24px;animation:.2s scaleUp;box-shadow:0 20px 45px #00000040}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.delete-modal-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.delete-modal-icon-wrap{background:#fee2e2;border-radius:12px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex}.delete-modal-title{color:#1e293b;margin-bottom:2px;font-size:16px;font-weight:800}.delete-modal-subtitle{color:#64748b;font-size:12.5px}.delete-target-info{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;margin-bottom:18px;padding:12px 14px}.delete-target-name{color:#0f172a;margin-bottom:2px;font-size:13.5px;font-weight:700}.delete-target-role{color:#e02424;font-size:12px;font-weight:700}.delete-target-email{color:#64748b;font-size:12px}.delete-modal-form{flex-direction:column;display:flex}.delete-modal-label{color:#1e293b;margin-bottom:6px;font-size:12.5px;font-weight:700}.delete-modal-input{width:100%;font-size:14px;font-family:var(--font-family);border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;transition:all .2s}.delete-modal-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.delete-modal-input.input-error{background:#fef2f2;border-color:#dc2626}.delete-modal-error{color:#dc2626;margin-top:6px;font-size:12px;font-weight:600}.delete-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-modal-cancel:hover{color:#1e293b;background:#e2e8f0}.btn-modal-confirm-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #dc262640}.btn-modal-confirm-delete:hover{background:#b91c1c;transform:translateY(-1px)}.edit-modal-card{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:24px;animation:.2s scaleUp;overflow-y:auto;box-shadow:0 20px 45px #00000040}.edit-modal-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.edit-modal-icon-wrap{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:20px;display:flex}.edit-modal-title{color:#1e293b;margin-bottom:2px;font-size:16px;font-weight:800}.edit-modal-subtitle{color:#64748b;font-size:12.5px}.edit-modal-form{flex-direction:column;display:flex}.edit-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.edit-form-grid .full-width{grid-column:span 2}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{width:100%;padding-right:40px}.password-input-wrapper .btn-toggle-eye{cursor:pointer;color:#64748b;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:15px;display:flex;position:absolute;right:8px}.password-input-wrapper .btn-toggle-eye:hover{color:#0f172a}.edit-modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:16px;display:flex}.btn-modal-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #2563eb40}.btn-modal-save:hover{background:#1d4ed8;transform:translateY(-1px)}.inst-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1050;background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inst-modal-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.inst-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.inst-modal-app-tag{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;padding:2px 10px;font-size:11px;font-weight:800}.inst-modal-title{color:#0f172a;margin:6px 0 2px;font-size:20px;font-weight:800}.inst-modal-sub{color:#64748b;margin:0;font-size:12px}.inst-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px}.inst-modal-close:hover{color:#0f172a;background:#e2e8f0}.inst-serials-bar{background:#eff6ff;border-bottom:1px solid #bfdbfe;grid-template-columns:repeat(4,1fr);gap:12px;padding:14px 24px;font-size:12px;display:grid}.serial-item span{color:#3b82f6;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.serial-item strong{color:#1e3a8a;font-weight:700}.inst-modal-section-title{color:#475569;letter-spacing:.5px;padding:14px 24px 8px;font-size:12px;font-weight:800}.inst-photos-grid{grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 24px 24px;display:grid}.inst-photo-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.inst-photo-title{color:#475569;letter-spacing:.4px;text-transform:uppercase;font-size:9px;font-weight:800}.inst-photo-display{background:#e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:120px;display:flex;overflow:hidden}.inst-photo-img{object-fit:cover;width:100%;height:100%}.inst-photo-empty{color:#64748b;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.inst-photo-empty span:first-child{font-size:20px}.inst-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.inst-modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:700;transition:all .2s}.inst-modal-btn.btn-approve{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d)}.inst-modal-btn.btn-approve:hover{opacity:.9}.inst-modal-btn.btn-reject{color:#fff;background:#ef4444}.inst-modal-btn.btn-reject:hover{background:#dc2626}.dashboard-layout{background:var(--clr-bg);height:100vh;display:flex}.dashboard-main{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.btn-header-about{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font-family);background:linear-gradient(135deg,#f47920 0%,#e06410 100%);border:none;border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:10px 20px;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f4792047}.btn-header-about:hover{background:linear-gradient(135deg,#e06410 0%,#c2530a 100%);transform:translateY(-1px);box-shadow:0 6px 18px #f4792061}.btn-header-about-icon{font-size:16px}.dashboard-title{color:var(--clr-navy);margin:0 0 4px;font-size:22px;font-weight:800}.dashboard-subtitle{color:var(--clr-muted);margin:0;font-size:13px}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.dash-card{border:1px solid var(--clr-border);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.highlighted-approval-card{background:#faf5ff;border:2px solid #8b5cf6;box-shadow:0 4px 16px #8b5cf626}.dash-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.orange-bg{color:#f97316;background:#fff7ed}.purple-bg{color:#8b5cf6;background:#f3e8ff}.green-bg{color:#10b981;background:#f0fdf4}.blue-bg{color:#3b82f6;background:#eff6ff}.dash-card-num{margin-bottom:2px;font-size:24px;font-weight:800}.orange-text{color:#ea580c}.purple-text{color:#7c3aed}.green-text{color:#16a34a}.blue-text{color:#2563eb}.dash-card-label{color:#64748b;font-size:12px;font-weight:600}.approval-section-card{border:1.5px solid var(--clr-border);background:#fff;border-radius:14px;padding:24px;box-shadow:0 4px 16px #00000008}.approval-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.approval-category-wrap{align-items:center;gap:10px;display:flex}.approval-category-label{color:#475569;letter-spacing:.5px;font-size:11px;font-weight:800}.approval-category-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s}.approval-category-select:focus{background:#fff;border-color:#f97316}.btn-view-photos{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.btn-view-photos:hover{color:#fff;background:#3b82f6}.approval-card-title{color:#1e293b;margin:0 0 4px;font-size:16px;font-weight:800}.approval-card-subtitle{color:#64748b;margin:0;font-size:13px}.empty-approvals{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:40px 20px}.empty-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;font-size:20px;font-weight:800;display:flex}.approvals-table-wrap{overflow-x:auto}.approvals-table{border-collapse:collapse;text-align:left;width:100%}.approvals-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.approvals-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px;font-size:13px}.b-name-text{color:#0f172a;font-weight:700}.b-loc-sub{color:#64748b;font-size:12px}.stage-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.survey-stage{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.inspection-stage{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.val-bold{color:#1e293b;font-size:13px;font-weight:600}.val-sub{color:#64748b;font-size:11px}.visibility-badge{color:#334155;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.action-btns-wrap{gap:8px;display:flex}.btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.btn-approve:hover{background:#15803d}.btn-reject{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .2s}.btn-reject:hover{background:#b91c1c}.dash-card-about{background:linear-gradient(135deg,#fff 0%,#fffbf6 100%);border:1.5px solid #fddab5;transition:all .2s}.dash-card-about:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 4px 14px #f9731626}.camera-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ad9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.camera-modal-card{color:#fff;background:#0f172a;border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.camera-modal-header{background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.camera-modal-title-wrap{align-items:center;gap:10px;display:flex}.camera-modal-title{color:#f8fafc;margin:0;font-size:16px;font-weight:700}.camera-modal-badge{color:#fff;background:#3b82f6;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.camera-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;transition:all .2s}.camera-modal-close:hover{color:#fff;background:#334155}.camera-modal-body{background:#000;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.camera-video-wrap{justify-content:center;align-items:center;width:100%;height:340px;display:flex;position:relative;overflow:hidden}.camera-video-element{object-fit:cover;width:100%;height:100%}.camera-preview-wrap{width:100%;height:340px;position:relative}.camera-preview-img{object-fit:cover;width:100%;height:100%}.camera-preview-overlay{color:#fff;background:#16a34ae6;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.camera-modal-error{text-align:center;color:#f87171;padding:40px 20px}.camera-error-icon{margin-bottom:10px;font-size:40px}.camera-modal-footer{background:#1e293b;border-top:1px solid #334155;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.cam-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cam-btn-secondary{color:#f8fafc;background:#334155}.cam-btn-secondary:hover{background:#475569}.cam-btn-primary{color:#fff;background:#16a34a;flex:1}.cam-btn-primary:hover{background:#15803d}.cam-btn-capture{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);flex:1;font-size:14px;font-weight:700}.cam-btn-capture:hover{opacity:.9}.capture-dot{background:#fff;border-radius:50%;width:10px;height:10px;display:inline-block}.site-survey-layout{background:var(--clr-bg);height:100vh;display:flex}.site-survey-main{flex-direction:column;flex:1;padding:24px;display:flex;overflow:hidden}.survey-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.survey-header-left{align-items:flex-start;gap:12px;display:flex}.survey-header-icon{color:var(--clr-orange);margin-top:4px}.survey-title{color:var(--clr-navy);margin:0;font-size:20px;font-weight:700}.survey-subtitle{color:var(--clr-muted);margin:4px 0 0;font-size:13px}.btn-export-report{border:1px solid var(--clr-border);color:var(--clr-navy);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-export-report:hover{background:#f8fafc;border-color:#cbd5e1}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{border:1px solid var(--clr-border);background:#fff;border-radius:12px;padding:16px 20px;transition:all .2s}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:#cbd5e1;box-shadow:0 4px 14px #0000000a}.stat-card.active-card{border:2px solid var(--clr-orange);background:#fffdfb;box-shadow:0 4px 16px #f973161f}.stat-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-title{color:var(--clr-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.active-pill{color:var(--clr-orange);background:#f973161a;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.stat-metrics{text-align:center;justify-content:space-between;gap:4px;display:flex}.metric{cursor:pointer;border-radius:8px;flex:1;padding:6px 4px;transition:all .15s;position:relative}.metric:hover{background:#0000000a;transform:translateY(-1px)}.metric.active-sub{border:1.5px solid var(--clr-navy);background:#fff;box-shadow:0 2px 8px #00000014}.metric.active-sub.orange{background:#fff7ed;border-color:#f97316}.metric.active-sub.blue{background:#eff6ff;border-color:#3b82f6}.metric.active-sub.green{background:#f0fdf4;border-color:#10b981}.metric:not(:last-child):after{content:"";background:var(--clr-border);width:1px;height:24px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.metric-value{color:var(--clr-navy);margin-bottom:2px;font-size:22px;font-weight:700}.metric-value.orange{color:var(--clr-orange)}.metric-value.blue{color:#3b82f6}.metric-value.green{color:var(--clr-green)}.metric-label{color:var(--clr-muted);font-size:11px;font-weight:600}.survey-content{flex:1;gap:16px;display:flex;overflow:hidden}.directory-panel{border:1px solid var(--clr-border);background:#fff;border-radius:12px;flex-direction:column;width:320px;display:flex;overflow:hidden}.directory-tabs{border-bottom:1px solid var(--clr-border);background:#f8fafc;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:12px;font-weight:600;transition:all .2s}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:var(--clr-orange);border-bottom-color:var(--clr-orange);background:#fff;font-weight:700}.directory-search{border-bottom:1px solid var(--clr-border);padding:12px 16px}.directory-search-input{border:1px solid var(--clr-border);background:url("data:image/svg+xml;utf8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%239ca3af\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"8\"/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"/></svg>") 10px no-repeat;border-radius:8px;outline:none;width:100%;padding:9px 12px 9px 34px;font-size:13px;transition:border-color .2s}.directory-search-input:focus{border-color:var(--clr-orange)}.directory-header{color:var(--clr-muted);letter-spacing:.05em;text-transform:uppercase;padding:12px 16px 6px;font-size:11px;font-weight:700}.directory-list{flex-direction:column;flex:1;gap:10px;padding:0 12px 12px;display:flex;overflow-y:auto}.directory-card{border:1px solid var(--clr-border);cursor:pointer;background:#fff;border-radius:10px;padding:12px 14px;transition:all .2s}.directory-card:hover{border-color:var(--clr-orange);box-shadow:0 2px 8px #0000000a}.directory-card.active{border-color:var(--clr-orange);box-shadow:0 0 0 1px var(--clr-orange);background:#fffbf5}.directory-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.directory-app-no{color:var(--clr-navy);font-size:13px;font-weight:700}.directory-badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.directory-badge.pending{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.directory-badge.surveyed{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.directory-name{color:var(--clr-navy);margin-bottom:2px;font-size:13px;font-weight:600}.directory-location{color:var(--clr-muted);font-size:12px}.details-panel-container{border:1px solid var(--clr-border);background:#fff;border-radius:12px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.details-panel-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.empty-state-icon{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.empty-state-title{color:var(--clr-navy);margin-bottom:8px;font-size:18px;font-weight:700}.empty-state-desc{color:var(--clr-muted);max-width:400px;font-size:14px}.survey-form-card{padding:24px 32px}.form-card-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;display:flex}.form-app-tag{color:var(--clr-orange);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.form-beneficiary-name{color:var(--clr-navy);margin:0 0 6px;font-size:22px;font-weight:700}.form-location-text{color:var(--clr-muted);font-size:13px;font-weight:500}.btn-view-full{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-view-full:hover{background:#e2e8f0}.field-worker-form{flex-direction:column;gap:20px;display:flex}.form-section-title{color:#1e293b;margin-bottom:4px;font-size:14px;font-weight:700}.form-grid-2col{grid-template-columns:1fr 1fr;gap:16px 24px;display:grid}.field-group{flex-direction:column;display:flex}.field-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px;font-size:12px;font-weight:700}.field-sublabel{color:#64748b;margin-bottom:4px;font-size:11px;font-weight:600}.field-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.field-input:focus{border-color:var(--clr-orange);box-shadow:0 0 0 3px #f9731626}.gps-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.gps-section-header{justify-content:space-between;align-items:center;display:flex}.btn-gps-auto{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-gps-auto:hover{background:#dbeafe}.form-submit-row{margin-top:8px}.btn-submit-survey{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #0000001a}.btn-submit-survey.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.btn-submit-survey.orange:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 20px #f973164d}.btn-submit-survey.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-submit-survey.blue:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f64d}.submitted-summary-card{padding:8px 0}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.success-icon{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:flex}.success-title{color:#15803d;margin-bottom:2px;font-size:15px;font-weight:700}.success-sub{color:#166534;font-size:13px}.submitted-fields-grid{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;display:grid}.summary-field{flex-direction:column;display:flex}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700}.summary-value{color:#1e293b;font-size:15px;font-weight:600}.btn-edit-again{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-edit-again:hover{background:#f8fafc;border-color:#94a3b8}.field-manager-layout{background:var(--clr-bg,#f8fafc);height:100vh;display:flex}.field-manager-main{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.fm-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.fm-title{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:800}.fm-subtitle{color:#64748b;margin:0;font-size:13px}.fm-category-nav{gap:12px;margin-bottom:16px;display:flex}.fm-cat-tab{cursor:pointer;color:#475569;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:800;transition:all .2s;display:flex}.fm-cat-tab:hover{border-color:#94a3b8;transform:translateY(-1px)}.fm-cat-tab.cat-survey.active{color:#fff;background:#06b6d4;border-color:#0891b2;box-shadow:0 4px 12px #06b6d44d}.fm-cat-tab.cat-inspection.active{color:#713f12;background:#eab308;border-color:#ca8a04;box-shadow:0 4px 12px #eab3084d}.fm-cat-tab.cat-quality.active{color:#fff;background:#f97316;border-color:#ea580c;box-shadow:0 4px 12px #f973164d}.fm-5box-row{border-radius:12px;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;padding:14px;transition:all .2s;display:grid}.fm-5box-row.theme-survey{background:#e0f2fe;border:1.5px solid #7dd3fc}.fm-5box-row.theme-inspection{background:#fef9c3;border:1.5px solid #fde047}.fm-5box-row.theme-quality{background:#ffedd5;border:1.5px solid #fdba74}.fm-5box-item{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:10px;padding:14px 16px;transition:all .2s;box-shadow:0 2px 4px #00000008}.fm-5box-item.clickable{cursor:pointer}.fm-5box-item.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.fm-5box-item.active-subfilter{transform:translateY(-2px);background:#fff!important;border:2px solid #0f172a!important;box-shadow:0 4px 14px #0f172a2e!important}.fm-5box-item.active-team-box{color:#fff!important;background:#15803d!important;border:2px solid #166534!important;box-shadow:0 4px 14px #15803d59!important}.fm-5box-item.active-team-box .fm-5box-header,.fm-5box-item.active-team-box .fm-5box-num,.fm-5box-item.active-team-box .fm-5box-sub,.fm-5box-item.active-team-box .team-click-hint{color:#fff!important}.fm-5box-header{text-transform:uppercase;color:#475569;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:800}.team-click-hint{color:#fff;background:#22c55e;border-radius:4px;padding:2px 6px;font-size:10px}.fm-5box-num{color:#0f172a;margin-bottom:4px;font-size:26px;font-weight:900;line-height:1.1}.fm-5box-sub{color:#94a3b8;font-size:11px}.text-success{color:#16a34a}.text-warning{color:#d97706}.text-primary{color:#2563eb}.text-danger{color:#dc2626}.fm-team-breakdown-card{background:#fff;border:2px solid #22c55e;border-radius:12px;margin-bottom:14px;padding:12px 16px;animation:.2s ease-out fadeIn;box-shadow:0 4px 14px #22c55e1a}.fm-team-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.btn-close-team{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.fm-breakdown-table{border-collapse:collapse;width:100%}.fm-breakdown-table th{color:#334155;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 12px;font-size:11px;font-weight:800}.fm-breakdown-table td{border:1px solid #e2e8f0;padding:8px 12px;font-size:12.5px}.fm-breakdown-table tbody tr:hover{background:#f0fdf4}.fm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.fm-search-wrap{flex:1;min-width:260px}.fm-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px}.fm-search-input:focus{border-color:#f97316;box-shadow:0 0 0 2px #f9731626}.fm-assign-bar{align-items:center;gap:10px;display:flex}.selected-count-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.fm-date-input,.fm-time-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 10px;font-size:12.5px}.fm-date-input:focus,.fm-time-input:focus{border-color:#f97316}.fm-time-input{width:90px}.fm-worker-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.fm-worker-select:focus{border-color:#f97316}.btn-assign-work{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 2px 8px #f9731640}.btn-assign-work:disabled{opacity:.5;cursor:not-allowed}.btn-assign-work:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-1px)}.fm-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:280px;max-height:480px;overflow:auto;box-shadow:0 2px 8px #00000005}.fm-table{border-collapse:collapse;text-align:left;width:100%}.fm-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;z-index:5;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:800;position:sticky;top:0;box-shadow:0 1px #e2e8f0}.fm-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:12.5px}.fm-table-row{cursor:pointer;transition:background .15s}.fm-table-row:hover{background:#f8fafc}.fm-table-row.row-selected{background:#fff7ed}.app-no-badge{color:#1e293b;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-weight:700}.b-name{color:#0f172a}.location-text{color:#64748b}.pump-tag{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.status-pill{text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.status-pill.survey{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.status-pill.inspection{color:#a16207;background:#fef9c3;border:1px solid #fef08a}.status-pill.quality{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.unassigned-badge{color:#94a3b8;font-size:12px;font-style:italic}.admin-fw-layout{background:var(--clr-bg);height:100vh;display:flex}.admin-fw-main{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.admin-fw-header{margin-bottom:20px}.admin-fw-title{color:var(--clr-navy);margin:0 0 4px;font-size:22px;font-weight:800}.admin-fw-subtitle{color:var(--clr-muted);margin:0;font-size:13px}.worker-selector-card{border:1px solid var(--clr-border);background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #00000005}.selector-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.selector-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.worker-dropdown{color:#1e293b;background:#fffdfb;border:1.5px solid #f97316;border-radius:10px;outline:none;flex:1;min-width:280px;padding:11px 16px;font-size:15px;font-weight:600}.worker-info-badge{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;gap:16px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.fw-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.fw-metric-card{border:1px solid var(--clr-border);text-align:center;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000005}.fw-metric-num{margin-bottom:4px;font-size:28px;font-weight:800}.fw-metric-num.orange{color:#f97316}.fw-metric-num.green{color:#16a34a}.fw-metric-num.blue{color:#2563eb}.fw-metric-num.purple{color:#8b5cf6}.fw-metric-label{color:#64748b;font-size:12px;font-weight:600}.fw-table-card{border:1px solid var(--clr-border);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000005}.fw-table-header{color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 20px;font-size:14px;font-weight:700}.empty-assigned-state{text-align:center;color:#64748b;padding:40px 20px}.empty-icon{margin-bottom:8px;font-size:32px}.fw-apps-table{border-collapse:collapse;text-align:left;width:100%}.fw-apps-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:700}.fw-apps-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.app-no-tag{color:#1e293b;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.pump-badge{color:#0369a1;background:#e0f2fe;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.status-pill{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.status-pill.completed{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.status-pill.pending{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5}.admin-inst-layout{background:var(--clr-bg,#f8fafc);height:100vh;display:flex}.admin-inst-main{flex-direction:column;flex:1;padding:28px 36px;display:flex;overflow-y:auto}.admin-inst-header{margin-bottom:24px}.admin-inst-title{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:800}.admin-inst-subtitle{color:#64748b;margin:0;font-size:13px}.inst-selector-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:18px 24px;box-shadow:0 1px 3px #0000000a}.inst-selector-label{color:#334155;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.inst-selector-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.inst-dropdown{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;min-width:280px;max-width:500px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.inst-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.inst-info-badge{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:16px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.inst-metrics-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.inst-metric-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.inst-metric-num{margin-bottom:6px;font-size:32px;font-weight:800;line-height:1}.inst-metric-num.orange{color:#f97316}.inst-metric-num.blue{color:#3b82f6}.inst-metric-num.green{color:#10b981}.inst-metric-num.purple{color:#8b5cf6}.inst-metric-label{color:#64748b;font-size:12px;font-weight:600}.inst-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.inst-table-header-wrap{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.inst-table-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.inst-table-sub{color:#64748b;margin:2px 0 0;font-size:12px}.inst-filter-tabs{background:#f1f5f9;border-radius:8px;gap:6px;padding:4px;display:flex}.filter-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.filter-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #00000014}.inst-table-scroll{max-height:520px;overflow-y:auto}.inst-apps-table{border-collapse:collapse;text-align:left;width:100%}.inst-apps-table th{color:#64748b;letter-spacing:.04em;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700;position:sticky;top:0}.inst-apps-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:13px}.inst-apps-table tr:hover td{background:#fafafa}.badge-pill{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.badge-green{color:#15803d;background:#dcfce7}.badge-orange{color:#c2410c;background:#ffedd5}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-gray{color:#64748b;background:#f1f5f9}.status-pill-inst{border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.status-pill-inst.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill-inst.in-progress{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.status-pill-inst.pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.btn-view-8photos{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.btn-view-info{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.btn-view-info:hover{background:#f1f5f9;border-color:#94a3b8}.empty-inst-state{text-align:center;color:#94a3b8;padding:48px}.admin-se-layout{background:var(--clr-bg,#f8fafc);height:100vh;display:flex}.admin-se-main{flex-direction:column;flex:1;padding:28px 36px;display:flex;overflow-y:auto}.admin-se-header{margin-bottom:24px}.admin-se-title{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:800}.admin-se-subtitle{color:#64748b;margin:0;font-size:13px}.se-selector-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:18px 24px;box-shadow:0 1px 3px #0000000a}.se-selector-label{color:#334155;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.se-selector-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.se-dropdown{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;min-width:280px;max-width:500px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.se-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.se-info-badge{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:16px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.se-metrics-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px;display:grid}.se-metric-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000a}.se-metric-num{margin-bottom:6px;font-size:32px;font-weight:800;line-height:1}.se-metric-num.blue{color:#3b82f6}.se-metric-num.green{color:#10b981}.se-metric-num.orange{color:#f97316}.se-metric-label{color:#64748b;font-size:12px;font-weight:600}.se-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.se-section-header{margin-bottom:18px}.se-section-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.installers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.installer-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.installer-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.installer-card-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.inst-avatar{background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.inst-name{color:#0f172a;font-size:14px;font-weight:700}.inst-email{color:#64748b;font-size:12px}.installer-card-footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;display:flex}.inst-count-tag{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.se-table-scroll{border:1px solid #e2e8f0;border-radius:10px;max-height:460px;overflow-y:auto}.se-apps-table{border-collapse:collapse;text-align:left;width:100%}.se-apps-table th{color:#64748b;letter-spacing:.04em;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700;position:sticky;top:0}.se-apps-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:13px}.se-apps-table tr:hover td{background:#fafafa}.empty-se-state{text-align:center;color:#94a3b8;padding:36px}.installer-layout{background:#f1f5f9;min-height:100vh;font-family:Inter,sans-serif;display:flex}.installer-main{flex:1;padding:28px 32px;overflow-y:auto}.inst-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.inst-title{color:#1e293b;margin:0;font-size:24px;font-weight:800}.inst-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.inst-user-badge{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.assigned-banner{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex}.banner-icon{font-size:24px}.assigned-banner strong{color:#92400e;font-size:14px}.assigned-banner p{color:#a16207;margin:2px 0 0;font-size:12px}.banner-tags{gap:8px;margin-left:auto;display:flex}.banner-tag{letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.banner-tag.orange{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.banner-tag.grey.locked{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.inst-body{grid-template-columns:300px 1fr;align-items:start;gap:20px;display:grid}.inst-sidebar-list{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.inst-stat-boxes,.inst-unloading-card-wrap{flex-direction:column;gap:10px;display:flex}.inst-stat-box{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .2s}.inst-stat-box:hover,.inst-stat-box.active-box{background:#fff7ed;border-color:#f97316}.inst-fitted-installation-box{background:#fff;border:1.5px dashed #cbd5e1;border-radius:10px;margin-top:12px;padding:10px 12px;transition:all .2s}.inst-fitted-installation-box:hover,.inst-fitted-installation-box.active-fitted{background:#fffbeb;border-color:#f97316}.fitted-inst-header{color:#475569;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.fitted-inst-stats{color:#64748b;gap:12px;margin:6px 0;font-size:11px;font-weight:600;display:flex}.fitted-inst-notice{color:#94a3b8;border-top:1px solid #f1f5f9;padding-top:4px;font-size:10px;line-height:1.3}.inst-upload-options-card{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.inst-upload-btn-file{color:#334155;text-align:center;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.inst-upload-btn-file:hover{color:#c2410c;background:#fff7ed;border-color:#f97316}.inst-upload-btn-cam{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;width:100%;padding:8px 14px;font-size:12px;font-weight:700;transition:opacity .2s}.inst-upload-btn-cam:hover{opacity:.9}.inst-embedded-installation-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.embedded-inst-icon{font-size:24px}.embedded-inst-info strong{color:#334155;font-size:13px;display:block}.embedded-inst-info p{color:#64748b;margin:2px 0 0;font-size:12px}.locked-box{opacity:.75;cursor:pointer}.stat-box-label{color:#475569;letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:800;display:flex}.lock-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:10px}.lock-notice{color:#94a3b8;border-top:1px dashed #e2e8f0;margin-top:8px;padding-top:6px;font-size:10px}.stat-row{gap:16px;display:flex}.stat-item{text-align:center}.stat-num{font-size:22px;font-weight:800}.stat-num.purple{color:#7c3aed}.stat-num.orange{color:#f97316}.stat-num.green{color:#16a34a}.stat-num.grey{color:#94a3b8}.stat-lbl{color:#94a3b8;font-size:11px}.inst-search-wrap{margin-top:4px}.inst-search{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:12px}.inst-search:focus{border-color:#f97316}.inst-ben-label{color:#475569;letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:800}.inst-ben-list{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow-y:auto}.inst-empty{text-align:center;color:#94a3b8;padding:20px 0;font-size:12px}.inst-ben-card{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 12px;transition:all .2s}.inst-ben-card:hover,.inst-ben-card.selected{background:#fff7ed;border-color:#f97316}.inst-app-no{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.inst-name{color:#1e293b;font-size:13px;font-weight:700;display:block}.inst-loc{color:#64748b;margin:2px 0 6px;font-size:11px;display:block}.inst-status-tags{gap:6px;display:flex}.inst-tag{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.inst-tag.tag-done{color:#16a34a;background:#dcfce7}.inst-tag.tag-pending{color:#c2410c;background:#fff7ed}.inst-tag.tag-locked{color:#64748b;background:#f1f5f9}.inst-detail{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-height:500px;padding:24px}.inst-empty-detail{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:400px;display:flex}.inst-empty-detail h3{color:#64748b;margin:0;font-size:18px}.inst-empty-detail p{text-align:center;max-width:300px;margin:0;font-size:13px}.inst-detail-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.inst-detail-app-no{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:800}.inst-detail-pump{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:600}.inst-detail-name{color:#1e293b;margin:6px 0 2px;font-size:20px;font-weight:800}.inst-detail-loc{color:#64748b;margin:0 0 16px;font-size:13px}.inst-detail-tabs{gap:10px;margin-bottom:16px;display:flex}.inst-detail-tab{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.inst-detail-tab.tab-active-orange{color:#fff;background:#f97316;border-color:#f97316}.inst-detail-tab.tab-locked-btn{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.inst-logged-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.inst-form{flex-direction:column;gap:20px;display:flex}.inst-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.inst-field label{color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.inst-input{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:border-color .2s}.inst-input:focus{border-color:#f97316}.inst-photos-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}.inst-photo-box label{color:#475569;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.inst-photo-upload{cursor:pointer;display:block}.inst-photo-placeholder{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:12px;transition:border-color .2s;display:flex}.inst-photo-placeholder:hover{background:#fff7ed;border-color:#f97316}.inst-photo-placeholder span:first-child{font-size:24px}.inst-photo-preview{border:1.5px solid #e2e8f0;border-radius:10px;position:relative;overflow:hidden}.inst-photo-preview img{object-fit:cover;width:100%;height:160px;display:block}.inst-photo-captured{color:#fff;text-align:center;background:#16a34ae6;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.inst-photo-clear{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;top:8px;right:8px}.inst-damaged-section{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.inst-damaged-header{color:#475569;letter-spacing:.6px;text-transform:uppercase;background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.inst-add-damage-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.inst-damage-table{border-collapse:collapse;width:100%;font-size:13px}.inst-damage-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;padding:8px 12px;font-size:11px;font-weight:700}.inst-damage-table td{border-top:1px solid #f1f5f9;padding:6px 8px}.inst-remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:14px}.inst-form-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.inst-lock-indicator{color:#94a3b8;align-items:center;gap:6px;font-size:13px;display:flex}.inst-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;padding:10px 28px;font-size:14px;font-weight:700;transition:opacity .2s}.inst-submit-btn:disabled{opacity:.6;cursor:not-allowed}.inst-locked-panel{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;display:flex}.inst-locked-icon{font-size:56px}.inst-locked-panel h3{color:#1e293b;margin:0;font-size:20px;font-weight:800}.inst-locked-panel p{color:#64748b;max-width:360px;margin:0;font-size:14px}.inst-locked-sub{color:#94a3b8!important;font-size:12px!important}.mandatory-photos-container{flex-direction:column;gap:16px;margin-top:10px;display:flex}.mandatory-photos-header{color:#b45309;letter-spacing:.5px;text-transform:uppercase;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:800}.mandatory-photos-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.photo-card-box{color:#fff;background:#64748b;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 12px #0000000f}.photo-card-title{letter-spacing:.8px;color:#e2e8f0;text-transform:uppercase;font-size:11px;font-weight:800}.photo-card-actions{gap:10px;display:flex}.photo-card-btn-upload{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.photo-card-btn-upload:hover{background:#1e293b}.photo-card-btn-camera{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff59;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.photo-card-btn-camera:hover{background:#ffffff4d}.photo-card-subtext{color:#e2e8f0;text-align:center;margin:0;font-size:10px}.photo-card-preview{border:2px solid #fff;border-radius:8px;position:relative;overflow:hidden}.photo-card-preview img{object-fit:cover;width:100%;height:140px;display:block}.du-layout{background-color:#f8fafc;min-height:100vh;display:flex}.du-main{flex:1;padding:32px 40px;overflow-y:auto}.du-header{margin-bottom:24px}.du-title-wrap{align-items:center;gap:12px;display:flex}.du-title-icon{color:#10b981;background:#d1fae5;border-radius:8px;padding:8px;font-size:24px}.du-title{color:#0f172a;margin:0;font-size:24px;font-weight:700}.du-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.du-cards-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.du-card{background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.du-card-title{margin-bottom:8px;font-size:12px;font-weight:600}.du-card-count{font-size:32px;font-weight:700}.card-green{background:#ecfdf5;border-color:#a7f3d0}.card-green .du-card-title{color:#047857}.card-green .du-card-count{color:#10b981}.card-orange{background:#fffbeb;border-color:#fde68a}.card-orange .du-card-title{color:#b45309}.card-orange .du-card-count{color:#f59e0b}.card-gray{background:#fff;border-color:#e2e8f0}.card-gray .du-card-title{color:#475569}.card-gray .du-card-count{color:#0f172a}.du-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.du-table-header-bar{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.du-table-title{color:#334155;letter-spacing:.5px;margin:0;font-size:14px;font-weight:700}.du-submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:background .2s}.du-submit-btn:hover{background:#2563eb}.du-table-wrap{overflow-x:auto}.du-table{border-collapse:collapse;width:100%}.du-table th{text-align:left;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:600}.du-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px;font-size:14px}.du-row-selected td{background:#f0f9ff}.du-table tr:hover td{background:#f8fafc}.du-row-selected:hover td{background:#e0f2fe}.du-app-badge{color:#0f172a;font-family:monospace;font-weight:600}.du-text-bold{color:#0f172a}.du-pump-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.du-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-width:120px;padding:6px 12px;font-size:14px}.du-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.du-empty-state{text-align:center;color:#94a3b8;padding:48px}.activity-layout{background:var(--clr-bg,#f8fafc);height:100vh;display:flex}.activity-main{flex-direction:column;flex:1;padding:28px 36px;display:flex;overflow-y:auto}.activity-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.activity-title{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:800}.activity-subtitle{color:#64748b;margin:0;font-size:13px}.btn-export-activity{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.btn-export-activity:hover{background:#1e293b}.activity-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.activity-search-wrap{flex:1;min-width:260px;max-width:420px}.activity-search-input{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 16px;font-size:13px}.activity-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.activity-filter-tabs{background:#f1f5f9;border-radius:8px;flex-wrap:wrap;gap:6px;padding:4px;display:flex}.act-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.act-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000000f}.activity-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.activity-table-scroll{max-height:calc(100vh - 240px);overflow-y:auto}.activity-table{border-collapse:collapse;text-align:left;width:100%}.activity-table th{color:#64748b;letter-spacing:.04em;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 18px;font-size:11px;font-weight:700;position:sticky;top:0}.activity-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:13px}.activity-table tr:hover td{background:#fafafa}.act-date{color:#0f172a;font-size:13px;font-weight:700}.act-day{color:#64748b;font-size:11px}.act-time{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600;display:inline-block}.act-user{color:#0f172a;font-size:13px;font-weight:700}.act-role-tag{color:#64748b;text-transform:uppercase;margin-top:2px;font-size:10px;font-weight:600;display:inline-block}.act-event-pill{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.act-survey{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.act-unloading{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.act-installation{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.act-data_upload{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe}.act-excel{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.act-details-text{color:#475569;max-width:400px;font-size:12px;line-height:1.4}.act-empty{text-align:center;color:#94a3b8;padding:48px}.reports-page-main{gap:20px!important;padding-bottom:60px!important;overflow-y:auto!important}.report-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:18px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.config-grid{grid-template-columns:2fr 1.5fr auto;align-items:flex-end;gap:20px;display:grid}@media (width<=900px){.config-grid{grid-template-columns:1fr}}.config-item{flex-direction:column;gap:6px;display:flex}.config-label{color:#64748b;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.step-num{color:#1e293b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-flex}.config-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.config-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.primary-select{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;font-weight:700}.btn-generate{white-space:nowrap;height:42px!important;padding:10px 24px!important;font-size:14px!important}.subset-filters-panel{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;padding-top:16px;display:flex}.subset-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.subset-title{color:#334155;font-size:12.5px;font-weight:700}.toggle-all-filters-btn{color:#2563eb;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s}.toggle-all-filters-btn:hover{background:#e2e8f0}.filter-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:150px;padding:4px 10px;font-size:11.5px}.clear-subset-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.subset-inputs-grid{grid-template-columns:repeat(5,1fr);gap:12px;max-height:340px;padding-right:4px;display:grid;overflow-y:auto}@media (width<=1300px){.subset-inputs-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1000px){.subset-inputs-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.subset-inputs-grid{grid-template-columns:1fr 1fr}}.subset-input-col{flex-direction:column;gap:4px;display:flex}.subset-input-col label{color:#64748b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.active-dot{color:#2563eb;font-size:9px}.subset-input-col select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 10px;font-size:12px;transition:all .15s}.subset-input-col select:focus{border-color:#3b82f6}.filter-active .multi-select-btn{color:#1d4ed8!important;background:#eff6ff!important;border-color:#93c5fd!important;font-weight:600!important}.report-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=950px){.report-kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000008}.kpi-label{color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:800}.kpi-value{text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:800;line-height:1.1;overflow:hidden}.kpi-sub{color:#94a3b8;font-size:11.5px;font-weight:500}.text-blue{color:#2563eb}.text-navy{color:#1e293b}.text-green{color:#16a34a}.text-orange{color:#ea580c}.report-main-grid{grid-template-columns:1.4fr 1fr;gap:20px;min-height:480px;display:grid}@media (width<=1100px){.report-main-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000008}.chart-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.chart-title{color:#0f172a;letter-spacing:-.3px;font-size:16px;font-weight:800}.chart-badge{color:#3b82f6;background:#eff6ff;border-radius:20px;margin-top:4px;padding:2px 8px;font-size:11.5px;font-weight:700;display:inline-block}.chart-legend-hint{color:#94a3b8;font-size:11px;font-weight:500}.chart-canvas-wrap{flex:1;justify-content:center;align-items:center;min-height:380px;max-height:480px;display:flex;position:relative}.chart-loading,.chart-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.summary-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.summary-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}.summary-title{color:#0f172a;font-size:15px;font-weight:800}.summary-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:160px;padding:6px 12px;font-size:12px}.summary-table-wrap{flex:1;max-height:380px;overflow-y:auto}.summary-table{border-collapse:collapse;width:100%;font-size:12.5px}.summary-table thead{z-index:5;background:#f8fafc;position:sticky;top:0}.summary-table th{color:#64748b;text-align:left;letter-spacing:.3px;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-size:11px;font-weight:700}.summary-table td{border-bottom:1px solid #f1f5f9;padding:9px 12px}.percent-tag{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.row-download-btn:hover{color:#1e293b!important;background:#e2e8f0!important;border-color:#94a3b8!important}.summary-footer{color:#475569;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;padding:12px 20px;font-size:12px;font-weight:600;display:flex}@media print{.sidebar,.page-actions,.report-config-card,.chart-legend-hint,.summary-search-wrap{display:none!important}.dashboard-main{padding:0!important}.report-main-grid{grid-template-columns:1fr 1fr!important}}.settings-layout{background:var(--clr-bg,#f8fafc);height:100vh;display:flex}.settings-main{flex-direction:column;flex:1;padding:28px 36px;display:flex;overflow-y:auto}.settings-header{margin-bottom:24px}.settings-title{color:#0f172a;margin:0 0 6px;font-size:24px;font-weight:800}.settings-subtitle{color:#64748b;margin:0;font-size:13px}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;display:grid}@media (width<=900px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;box-shadow:0 1px 3px #0000000a}.settings-card-header{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.card-icon-tag{background:#f1f5f9;border-radius:10px;padding:8px;font-size:22px}.card-heading{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.card-subheading{color:#64748b;margin:0;font-size:12px}.current-creds-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.cred-field{flex-direction:column;gap:4px;display:flex}.cred-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.cred-value{color:#0f172a;font-family:monospace;font-size:14px;font-weight:700}.cred-pass-row{align-items:center;gap:12px;display:flex}.btn-toggle-eye{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.btn-toggle-eye:hover{background:#f1f5f9}.badge-role-admin{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.settings-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-input{background:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px}.pass-input-wrap{align-items:center;display:flex;position:relative}.pass-input-wrap .form-input{padding-right:42px}.btn-input-eye{cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;right:10px}.form-action-row{margin-top:8px}.btn-save-creds{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;transition:background .2s}.btn-save-creds:hover{background:#1e293b}.about-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.about-main{flex:1;padding:36px 40px;overflow-y:auto}.about-header{align-items:center;gap:18px;margin-bottom:24px;display:flex}.about-header-icon{background:var(--clr-orange-light);border-radius:16px;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;display:flex;box-shadow:0 2px 10px #f479202e}.about-page-title{color:var(--clr-navy);letter-spacing:-.3px;font-size:26px;font-weight:800;line-height:1.2}.about-page-subtitle{color:var(--clr-slate);margin-top:4px;font-size:14px;font-weight:400}.about-divider{background:var(--clr-border);border-radius:2px;height:1.5px;margin-bottom:22px}.about-section-label{color:var(--clr-muted);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px;font-size:11px;font-weight:700}.about-cards-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.about-card{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:16px;width:100%;padding:22px 20px;transition:all .22s;display:flex;position:relative;overflow:hidden}.about-card:before{content:"";background:0 0;border-radius:0 2px 2px 0;width:4px;height:100%;transition:background .22s;position:absolute;top:0;left:0}.about-card:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 28px #0000001a}.about-card:hover:before{background:currentColor}.about-card:active{transform:translateY(-1px)}.about-card-emoji-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;transition:transform .22s;display:flex}.about-card:hover .about-card-emoji-wrap{transform:scale(1.08)}.about-card-emoji{font-size:24px;line-height:1}.about-card-body{flex:1;min-width:0}.about-card-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:15px;font-weight:700;line-height:1.3;overflow:hidden}.about-card-desc{color:var(--clr-slate);font-size:12.5px;font-weight:400;line-height:1.5}.about-card-arrow{opacity:.6;flex-shrink:0;align-items:center;transition:transform .22s,opacity .22s;display:flex}.about-card:hover .about-card-arrow{opacity:1;transform:translate(4px)}.about-footer-tagline{background:var(--clr-orange-light);border-radius:var(--radius-md);color:var(--clr-orange);border:1.5px solid #fddab5;align-items:center;gap:8px;margin-top:40px;padding:16px 20px;font-size:13px;font-weight:600;display:flex}@media (width<=1100px){.about-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-main{padding:24px 20px}.about-cards-grid{grid-template-columns:1fr}.about-page-title{font-size:20px}.about-header{gap:12px}.about-header-icon{width:48px;min-width:48px;height:48px}}@media (width<=500px){.about-card-desc{display:none}}.founder-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.founder-main{flex:1;padding:30px 40px 60px;overflow-y:auto}.founder-top-nav{margin-bottom:24px}.founder-back-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.founder-back-btn:hover{background:var(--clr-orange-light);color:var(--clr-orange);border-color:#fddab5;transform:translate(-2px)}.founder-card-container{max-width:1100px;margin:0 auto}.founder-hero-card{background:var(--clr-white);border-radius:var(--radius-lg);border:1.5px solid var(--clr-border);grid-template-columns:380px 1fr;gap:40px;padding:40px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000f}.founder-hero-card:before{content:"";background:linear-gradient(90deg,#f47920 0%,#f59e0b 50%,#10b981 100%);height:5px;position:absolute;top:0;left:0;right:0}.founder-photo-col{flex-direction:column;gap:20px;display:flex}.founder-image-wrapper{border-radius:var(--radius-md);background:#fff3e9;border:3px solid #fff3e9;position:relative;overflow:hidden;box-shadow:0 8px 24px #f4792029}.founder-img{object-fit:cover;object-position:top center;width:100%;height:440px;transition:transform .3s;display:block}.founder-img:hover{transform:scale(1.02)}.founder-badge-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;background:#1e293be0;border:1px solid #ffffff26;border-radius:8px;padding:8px 12px;position:absolute;bottom:12px;left:12px;right:12px}.founder-badge-text{color:#fdba74;letter-spacing:.3px;font-size:11.5px;font-weight:700}.founder-quick-card{border:1px solid var(--clr-border);border-radius:var(--radius-md);background:#f8fafc;justify-content:space-around;align-items:center;padding:14px 10px;display:flex}.quick-item{flex-direction:column;align-items:center;gap:2px;display:flex}.quick-label{text-transform:uppercase;color:var(--clr-muted);letter-spacing:.5px;font-size:10.5px;font-weight:700}.quick-val{color:var(--clr-navy);font-size:13.5px;font-weight:700}.quick-divider{background:var(--clr-border);width:1px;height:24px}.founder-content-col{flex-direction:column;display:flex}.founder-pill-tag{background:var(--clr-orange-light);color:var(--clr-orange);letter-spacing:1px;border:1px solid #fddab5;border-radius:20px;align-items:center;gap:6px;width:fit-content;margin-bottom:12px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.pill-dot{background:var(--clr-orange);border-radius:50%;width:6px;height:6px;animation:2s infinite pulseDot}@keyframes pulseDot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.founder-name{color:var(--clr-navy);letter-spacing:-.5px;margin-bottom:6px;font-size:32px;font-weight:900;line-height:1.1}.founder-designation{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.founder-role-highlight{color:var(--clr-orange);font-size:15px;font-weight:800}.founder-company{color:var(--clr-slate);font-size:14px;font-weight:600}.founder-accent-line{background:linear-gradient(90deg,#f47920 0%,#e2e8f0 70%);border-radius:2px;height:2px;margin-bottom:20px}.founder-bio{color:var(--clr-slate);flex-direction:column;gap:14px;margin-bottom:26px;font-size:14.5px;line-height:1.65;display:flex}.bio-lead{color:var(--clr-navy);font-size:15.5px}.founder-bio strong{color:var(--clr-navy);font-weight:700}.founder-vision-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#fff8f1 0%,#fef3c7 50%,#ecfdf5 100%);border:1.5px solid #fddab5;padding:20px 24px;box-shadow:0 4px 14px #f4792014}.vision-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.vision-icon{font-size:18px}.vision-title{color:#9a3412;text-transform:uppercase;letter-spacing:.8px;font-size:14px;font-weight:800}.vision-pillars{flex-direction:column;gap:10px;display:flex}.vision-pillar-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #fffc;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;transition:transform .2s;display:flex}.vision-pillar-item:hover{transform:translate(4px)}.pillar-bullet{font-size:16px}.pillar-text{letter-spacing:.2px;font-size:14px;font-weight:800}.pillar-tech .pillar-text{color:#d96a10}.pillar-sustain .pillar-text{color:#059669}.pillar-excel .pillar-text{color:#2563eb}@media (width<=1024px){.founder-hero-card{grid-template-columns:1fr;gap:30px;padding:30px 24px}.founder-img{height:360px}}@media (width<=768px){.founder-main{padding:20px 16px 40px}.founder-name{font-size:24px}.founder-hero-card{padding:20px 16px}}.warehouse-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.warehouse-main{flex:1;padding:30px 40px 60px;overflow-y:auto}.warehouse-top-nav{margin-bottom:20px}.warehouse-back-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.warehouse-back-btn:hover{background:var(--clr-orange-light);color:var(--clr-orange);border-color:#fddab5;transform:translate(-2px)}.warehouse-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.warehouse-header-icon{background:#ebf5ff;border:1.5px solid #bfdbfe;border-radius:14px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex}.warehouse-page-title{color:var(--clr-navy);letter-spacing:-.3px;font-size:24px;font-weight:800}.warehouse-page-subtitle{color:var(--clr-slate);margin-top:3px;font-size:13.5px}.warehouse-toast-msg{color:#065f46;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#ecfdf5;border:1.5px solid #a7f3d0;align-items:center;gap:10px;margin-bottom:18px;padding:12px 18px;font-size:13.5px;font-weight:600;animation:.25s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.warehouse-info-banner{border-radius:var(--radius-md);background:#f0fdf4;border:1.5px solid #bbf7d0;align-items:flex-start;gap:14px;margin-bottom:24px;padding:14px 18px;display:flex}.info-banner-icon{flex-shrink:0;margin-top:2px;font-size:20px}.info-banner-content{flex:1}.info-banner-title{color:#166534;margin-bottom:4px;font-size:13px;font-weight:700}.info-banner-steps{color:#15803d;font-size:12.5px;line-height:1.5}.warehouse-videos-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.warehouse-video-card{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.warehouse-video-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.video-card-header{border-bottom:1px solid var(--clr-border);background:#fafafa;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.video-badge{text-transform:uppercase;letter-spacing:.5px;background:var(--clr-white);border:1px solid;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.video-header-right{align-items:center;gap:8px;display:flex}.video-saved-pill{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;padding:2px 7px;font-size:10.5px;font-weight:700}.video-number{color:var(--clr-muted);font-size:11.5px;font-weight:600}.video-player-wrapper{aspect-ratio:16/9;background:#0f172a;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.warehouse-video-player{object-fit:cover;background:#000;width:100%;height:100%}.video-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.placeholder-icon{margin-bottom:8px;font-size:36px}.placeholder-title{color:#f8fafc;margin-bottom:4px;font-size:13.5px;font-weight:700}.placeholder-sub{color:#94a3b8;font-size:11.5px}.video-card-body{flex:1;padding:16px}.video-title{color:var(--clr-navy);margin-bottom:6px;font-size:14.5px;font-weight:700;line-height:1.3}.video-desc{color:var(--clr-slate);font-size:12.5px;line-height:1.45}.video-file-info{color:var(--clr-slate);border:1px solid var(--clr-border);white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border-radius:4px;margin-top:10px;padding:5px 8px;font-size:11.5px;overflow:hidden}.video-card-footer{border-top:1px solid var(--clr-border);background:#fafafa;align-items:center;gap:10px;padding:12px 16px;display:flex}.video-upload-label{background:var(--clr-white);border-radius:var(--radius-sm);color:var(--clr-slate);cursor:pointer;transition:all var(--transition);border:1.5px dashed #cbd5e1;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.video-upload-label:hover{background:var(--clr-blue-light);border-color:var(--clr-blue);color:var(--clr-blue)}.video-delete-btn{background:var(--clr-white);border-radius:var(--radius-sm);color:#dc2626;cursor:pointer;transition:all var(--transition);border:1.5px solid #fecaca;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.video-delete-btn:hover{background:#fee2e2;border-color:#dc2626}.video-confirm-delete-box{border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:6px;width:100%;padding:4px 8px;display:flex}.confirm-text{color:#991b1b;flex:1;font-size:11.5px;font-weight:700}.btn-confirm-yes{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:700}.btn-confirm-no{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:4px;padding:5px 9px;font-size:11px;font-weight:600}@media (width<=1200px){.warehouse-videos-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.warehouse-main{padding:20px 16px 40px}.warehouse-videos-grid{grid-template-columns:1fr}}.branches-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.branches-main{flex:1;padding:30px 40px 60px;overflow-y:auto}.branches-top-nav{margin-bottom:20px}.branches-back-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.branches-back-btn:hover{background:var(--clr-orange-light);color:var(--clr-orange);border-color:#fddab5;transform:translate(-2px)}.branches-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.branches-header-icon{background:#e3fcef;border:1.5px solid #a7f3d0;border-radius:14px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex}.branches-page-title{color:var(--clr-navy);letter-spacing:-.3px;font-size:24px;font-weight:800}.branches-page-subtitle{color:var(--clr-slate);margin-top:3px;font-size:13.5px}.branches-summary-bar{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:26px;padding:14px 24px;display:flex}.summary-pill{align-items:center;gap:10px;display:flex}.summary-num{color:var(--clr-orange);background:var(--clr-orange-light);border:1px solid #fddab5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:flex}.summary-text{color:var(--clr-navy);font-size:13px;font-weight:600}.summary-divider{background:var(--clr-border);width:1px;height:24px}.branches-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.branch-card{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.branch-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.branch-card:before{content:"";background:var(--branch-color,#f47920);height:4px;position:absolute;top:0;left:0;right:0}.branch-card-top{border-bottom:1px solid var(--clr-border);background:#fafafa;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.branch-state-header{align-items:center;gap:12px;display:flex}.branch-flag{font-size:26px;line-height:1}.branch-state-info{flex-direction:column;display:flex}.branch-state-code{color:var(--clr-muted);letter-spacing:.5px;font-size:11px;font-weight:800}.branch-state-name{color:var(--clr-navy);font-size:16px;font-weight:800;line-height:1.2}.branch-hq-badge{color:#d96a10;background:#fff3e9;border:1px solid #fddab5;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}.branch-card-body{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.branch-title{color:var(--clr-navy);font-size:14.5px;font-weight:700;line-height:1.35}.branch-hierarchy-box{border:1.5px solid;border-radius:8px;padding:12px 14px}.hierarchy-label{text-transform:uppercase;color:var(--clr-slate);letter-spacing:.6px;margin-bottom:8px;font-size:10.5px;font-weight:800}.hierarchy-flow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hierarchy-step{align-items:center;gap:4px;display:inline-flex}.step-tag{text-transform:uppercase;color:var(--clr-muted);background:#ffffffe6;border:1px solid #00000014;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700}.step-val{color:var(--clr-navy);font-size:12px;font-weight:700}.step-arrow{color:var(--clr-muted);margin-left:2px;font-size:11px}.branch-address-row{color:var(--clr-slate);align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;display:flex}.address-icon{color:var(--clr-muted);flex-shrink:0;margin-top:2px}.address-text{flex:1}.branch-card-footer{border-top:1px solid var(--clr-border);background:#fafafa;padding:16px 20px}.branch-map-btn{border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s,transform .2s;display:flex;box-shadow:0 2px 8px #0000001f}.branch-map-btn:hover{opacity:.92;transform:translateY(-1px)}.ext-icon{opacity:.8;margin-left:auto}@media (width<=1200px){.branches-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.branches-main{padding:20px 16px 40px}.branches-grid{grid-template-columns:1fr}.branches-summary-bar{gap:12px;padding:12px 16px}.summary-divider{display:none}}.visitors-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.visitors-main{flex:1;padding:30px 40px 60px;overflow-y:auto}.visitors-top-nav{margin-bottom:20px}.visitors-back-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.visitors-back-btn:hover{background:var(--clr-orange-light);color:var(--clr-orange);border-color:#fddab5;transform:translate(-2px)}.visitors-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.visitors-header-icon{background:#ede9fe;border:1.5px solid #c4b5fd;border-radius:14px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex}.visitors-header-badge{color:#7c3aed;letter-spacing:1px;margin-bottom:2px;font-size:10.5px;font-weight:800}.visitors-page-title{color:var(--clr-navy);letter-spacing:-.3px;font-size:24px;font-weight:800}.visitors-page-subtitle{color:var(--clr-slate);margin-top:3px;font-size:13.5px}.visitors-impact-banner{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#faf5ff 0%,#ede9fe 100%);border:1.5px solid #ddd6fe;margin-bottom:26px;padding:16px 22px}.impact-col{align-items:center;gap:16px;display:flex}.impact-flag{background:#fff;border:1px solid #c4b5fd;border-radius:10px;padding:8px 12px;font-size:28px;line-height:1}.impact-title{color:#5b21b6;margin-bottom:3px;font-size:14.5px;font-weight:800}.impact-desc{color:#6d28d9;font-size:12.5px;line-height:1.45}.visitors-cards-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.visitor-card{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;overflow:hidden}.visitor-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.visitor-img-container{cursor:zoom-in;background:#0f172a;width:100%;height:270px;position:relative;overflow:hidden}.visitor-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.visitor-img-container:hover .visitor-img{transform:scale(1.04)}.visitor-zoom-overlay{color:#fff;opacity:0;background:#0f172a66;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.visitor-img-container:hover .visitor-zoom-overlay{opacity:1}.visitor-badge-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f8fafc;background:#1e293be0;border:1px solid #fff3;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.visitor-card-body{flex-direction:column;flex:1;padding:22px 24px;display:flex}.visitor-meta-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.visitor-loc{color:var(--clr-muted);font-size:11.5px;font-weight:700}.visitor-title{color:var(--clr-navy);margin-bottom:8px;font-size:16px;font-weight:800;line-height:1.35}.visitor-delegate-tag{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700}.visitor-desc{color:var(--clr-slate);margin-bottom:16px;font-size:13px;line-height:1.55}.visitor-points-box{border:1px solid var(--clr-border);background:#f8fafc;border-radius:8px;margin-top:auto;padding:12px 14px}.points-title{text-transform:uppercase;color:var(--clr-slate);letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:800}.points-list{flex-direction:column;gap:5px;list-style:none;display:flex}.points-list li{color:var(--clr-navy);align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.point-check{color:#059669;font-weight:900}.visitor-lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;padding:30px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=960px){.visitors-cards-grid{grid-template-columns:1fr}}@media (width<=768px){.visitors-main{padding:20px 16px 40px}}.awards-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.awards-main{flex:1;padding:30px 40px 60px;overflow-y:auto}.awards-top-nav{margin-bottom:20px}.awards-back-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.awards-back-btn:hover{background:var(--clr-orange-light);color:var(--clr-orange);border-color:#fddab5;transform:translate(-2px)}.awards-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.awards-header-icon{background:#fef3c7;border:1.5px solid #fcd34d;border-radius:14px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex}.awards-header-badge{color:#d97706;letter-spacing:1px;margin-bottom:2px;font-size:10.5px;font-weight:800}.awards-page-title{color:var(--clr-navy);letter-spacing:-.3px;font-size:24px;font-weight:800}.awards-page-subtitle{color:var(--clr-slate);margin-top:3px;font-size:13.5px}.awards-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.award-card{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden}.award-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.award-card:before{content:"";background:var(--card-accent,#f47920);height:4px;position:absolute;top:0;left:0;right:0}.award-card-header{border-bottom:1px solid var(--clr-border);background:#fafafa;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.award-badge-pill{border:1px solid;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:800}.award-date{color:var(--clr-muted);font-size:11.5px;font-weight:700}.award-visual-box{border-bottom:1px solid var(--clr-border);background:#f8fafc;grid-template-columns:1fr 1.15fr;gap:14px;padding:18px 20px;display:grid}.award-photo-frame{cursor:zoom-in;border:1.5px solid var(--clr-border);background:#000;border-radius:8px;height:190px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.award-photo-img{object-fit:contain;background:#1e293b;width:100%;height:100%;transition:transform .25s;display:block}.award-photo-frame:hover .award-photo-img{transform:scale(1.05)}.award-photo-overlay{color:#fff;opacity:0;background:#0f172a73;justify-content:center;align-items:center;gap:6px;font-size:11.5px;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.award-photo-frame:hover .award-photo-overlay{opacity:1}.award-digital-cert{background:linear-gradient(145deg,#fff 0%,#fdfbf7 100%);border:1.5px solid #fcd34d;border-radius:8px;flex-direction:column;justify-content:center;padding:14px 16px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #f59e0b0d}.cert-watermark{color:#f479200d;letter-spacing:2px;pointer-events:none;font-size:28px;font-weight:900;position:absolute;bottom:-10px;right:-10px}.cert-top-brand{color:#1e293b;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:900}.cert-main-title{color:#b45309;margin-top:2px;font-size:13.5px;font-weight:800}.cert-divider{background:#f59e0b;border-radius:2px;width:40px;height:2px;margin:6px 0}.cert-to-label{color:var(--clr-muted);letter-spacing:.5px;font-size:9.5px;font-weight:700}.cert-recipient-name{color:#1e293b;margin-bottom:4px;font-size:13px;font-weight:800}.cert-citation-text{color:var(--clr-slate);margin-bottom:8px;font-size:11px;line-height:1.35}.cert-footer-metric{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;width:fit-content;padding:3px 6px;font-size:11px;font-weight:700}.award-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.award-main-title{color:var(--clr-navy);margin-bottom:6px;font-size:16px;font-weight:800;line-height:1.35}.award-org-tag{color:var(--clr-slate);margin-bottom:14px;font-size:12.5px}.award-highlights-box{border:1px solid var(--clr-border);background:#f8fafc;border-radius:8px;margin-top:auto;padding:12px 14px}.hl-title{text-transform:uppercase;color:var(--clr-slate);letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:800}.hl-list{flex-direction:column;gap:5px;list-style:none;display:flex}.hl-list li{color:var(--clr-navy);align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.hl-star{color:#f59e0b;font-size:13px;line-height:1}.award-lightbox{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;padding:30px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-full-img{border-radius:12px;max-width:100%;max-height:85vh;display:block;box-shadow:0 20px 50px #00000080}.lightbox-close-btn{width:36px;height:36px;color:var(--clr-navy);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 12px #0003}.lightbox-close-btn:hover{color:#dc2626;background:#fee2e2;transform:scale(1.1)}@media (width<=1100px){.awards-grid{grid-template-columns:1fr}}@media (width<=600px){.award-visual-box{grid-template-columns:1fr}}.gallery-layout{background:var(--clr-bg);height:100vh;display:flex;overflow:hidden}.gallery-main{flex:1;padding:30px 40px 60px;overflow-y:auto}.gallery-top-nav{margin-bottom:20px}.gallery-back-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.gallery-back-btn:hover{background:var(--clr-orange-light);color:var(--clr-orange);border-color:#fddab5;transform:translate(-2px)}.gallery-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.gallery-header-icon{background:#fce7f3;border:1.5px solid #fbcfe8;border-radius:14px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex}.gallery-header-badge{color:#db2777;letter-spacing:1px;margin-bottom:2px;font-size:10.5px;font-weight:800}.gallery-page-title{color:var(--clr-navy);letter-spacing:-.3px;font-size:24px;font-weight:800}.gallery-page-subtitle{color:var(--clr-slate);margin-top:3px;font-size:13.5px}.gallery-tabs-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;display:flex}.gallery-tab-btn{background:var(--clr-white);border:1.5px solid var(--clr-border);color:var(--clr-slate);cursor:pointer;transition:all var(--transition);font-size:13px;font-weight:600;font-family:var(--font-family);border-radius:20px;padding:8px 18px}.gallery-tab-btn:hover{border-color:var(--clr-orange);color:var(--clr-orange)}.gallery-tab-btn.active{background:var(--clr-orange);color:#fff;border-color:var(--clr-orange);box-shadow:0 2px 10px #f4792040}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.gallery-card{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.gallery-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.gallery-img-wrap{background:#0f172a;width:100%;height:280px;position:relative;overflow:hidden}.gallery-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.gallery-card:hover .gallery-thumb-img{transform:scale(1.06)}.gallery-card-overlay{color:#fff;opacity:.95;background:linear-gradient(#0f172a1a 0%,#0f172aeb 100%);flex-direction:column;justify-content:flex-end;padding:18px 20px;transition:opacity .25s;display:flex;position:absolute;inset:0}.gallery-tag-pill{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f47920e6;border-radius:12px;width:fit-content;margin-bottom:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.gallery-overlay-title{color:#fff;margin-bottom:4px;font-size:14.5px;font-weight:800;line-height:1.3}.gallery-overlay-desc{color:#e2e8f0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.gallery-lightbox{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#0f172ae6;justify-content:center;align-items:center;padding:30px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-lightbox-content{background:var(--clr-white);border-radius:16px;flex-direction:column;max-width:900px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}.gallery-lightbox-img{object-fit:contain;background:#0f172a;width:100%;max-height:65vh;display:block}.gallery-lightbox-info{background:var(--clr-white);padding:20px 24px}.gallery-lightbox-tag{color:var(--clr-orange);background:var(--clr-orange-light);border:1px solid #fddab5;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.gallery-lightbox-title{color:var(--clr-navy);margin:8px 0 6px;font-size:18px;font-weight:800}.gallery-lightbox-desc{color:var(--clr-slate);font-size:13.5px;line-height:1.5}.gallery-lightbox-close{width:36px;height:36px;color:var(--clr-navy);cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:transform .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 4px 12px #0000004d}.gallery-lightbox-close:hover{color:#dc2626;background:#fee2e2;transform:scale(1.1)}@media (width<=1100px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gallery-main{padding:20px 16px 40px}.gallery-grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--clr-orange:#f47920;--clr-orange-dark:#d96a10;--clr-orange-light:#fff3e9;--clr-blue:#1a56db;--clr-blue-light:#ebf5ff;--clr-green:#0e9f6e;--clr-green-light:#e3fcef;--clr-red:#e02424;--clr-red-light:#fde8e8;--clr-navy:#1e293b;--clr-slate:#475569;--clr-muted:#94a3b8;--clr-border:#e2e8f0;--clr-bg:#f8fafc;--clr-white:#fff;--clr-sidebar-bg:#fff;--clr-sidebar-active:#fff3e9;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:.2s ease}html,body,#root{height:100%;font-family:var(--font-family);background:var(--clr-bg);color:var(--clr-navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--clr-muted)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.btn{border-radius:var(--radius-sm);font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;text-decoration:none;display:inline-flex}.btn-export{background:var(--clr-white);color:var(--clr-slate);border:1.5px solid var(--clr-border);box-shadow:var(--shadow-sm)}.btn-export:hover{background:var(--clr-bg);border-color:var(--clr-muted)}.btn-orange{background:var(--clr-orange);color:var(--clr-white);box-shadow:0 2px 8px #f4792059}.btn-orange:hover{background:var(--clr-orange-dark);transform:translateY(-1px);box-shadow:0 4px 12px #f4792066}.btn-blue{background:var(--clr-blue);color:var(--clr-white);box-shadow:0 2px 8px #1a56db4d}.btn-blue:hover{background:#1648c2;transform:translateY(-1px)}.btn-green{background:var(--clr-green);color:var(--clr-white);box-shadow:0 2px 8px #0e9f6e4d}.btn-green:hover{background:#0b8760;transform:translateY(-1px)}.badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-approved{background:var(--clr-green-light);color:var(--clr-green)}.badge-grant{background:var(--clr-red-light);color:var(--clr-red)}.badge-pending{color:#d97706;background:#fef3c7}.badge-rejected{background:var(--clr-red-light);color:var(--clr-red)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--clr-white);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-lg);padding:32px;animation:.25s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--clr-slate);font-size:13px;font-weight:600}.form-input{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);color:var(--clr-navy);transition:border-color var(--transition), box-shadow var(--transition);background:var(--clr-white);outline:none;padding:10px 14px}.form-input:focus{border-color:var(--clr-orange);box-shadow:0 0 0 3px #f479201f}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2394A3B8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.dropdown{display:inline-flex;position:relative}.dropdown-menu{background:var(--clr-white);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:160px;animation:.15s slideDown;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-item{color:var(--clr-slate);cursor:pointer;transition:background var(--transition);text-align:left;width:100%;font-size:13px;font-weight:500;font-family:var(--font-family);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;display:flex}.dropdown-item:hover{background:var(--clr-bg);color:var(--clr-navy)}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-md);min-width:260px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s slideInRight}.toast-success{background:var(--clr-green)}.toast-error{background:var(--clr-red)}.toast-info{background:var(--clr-blue)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}