.pin-modal-overlay,.pin-modal-backdrop,.pin-modal-card,.preview-modal,.preview-modal-backdrop,.preview-modal-content,.topbar,.login-container,.sudo-container,.table-progress-bar-container{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}.pin-modal-backdrop,.preview-modal-backdrop{background-color:rgba(15,23,42,0.6) !important;}.pin-modal-card,.preview-modal-content,.login-container,.sudo-container,.topbar,.table-progress-bar-container{background:#ffffff !important;background-color:#ffffff !important;}.card-progress-container{margin-top:12px;margin-bottom:10px;}.card-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:0.725rem;color:var(--text-secondary);margin-bottom:5px;}.card-progress-label{font-weight:500;}.card-progress-value{font-weight:600;}.card-progress-track{height:5px;background-color:rgba(226,232,240,0.4);border-radius:3px;overflow:hidden;}.card-progress-bar{height:100%;border-radius:3px;transition:width 0.4s ease-in-out,background-color 0.4s ease;}.card-progress-bar.color-danger{background-color:#ef4444;}.card-progress-bar.color-warning{background-color:#f59e0b;}.card-progress-bar.color-success{background-color:#10b981;}[data-theme="dark"] .card-progress-track{background-color:rgba(51,65,85,0.4);}body.sidebar-collapsed{--current-sidebar-width:var(--sidebar-width-compact);}body.sidebar-collapsed .sidebar{padding:32px 0 24px 0 !important;}.sidebar{transition:width 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease,padding 0.3s ease,background-color 0.3s ease !important;}.main-content{transition:margin-left 0.3s cubic-bezier(0.16,1,0.3,1),width 0.3s cubic-bezier(0.16,1,0.3,1) !important;}body.sidebar-collapsed .sidebar-brand span,body.sidebar-collapsed .sidebar-link span,body.sidebar-collapsed .sidebar-section-title{max-width:0 !important;opacity:0 !important;visibility:hidden !important;margin-left:0 !important;padding-left:0 !important;padding-right:0 !important;}body.sidebar-collapsed .sidebar-section-title{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0 !important;}body.sidebar-collapsed .sidebar-brand{justify-content:flex-start !important;padding-left:28px !important;}body.sidebar-collapsed .sidebar-menu{padding-right:0 !important;align-items:center !important;}body.sidebar-collapsed .sidebar-link{display:flex !important;justify-content:center !important;align-items:center !important;padding:0 !important;width:44px !important;height:44px !important;border-radius:12px !important;margin:0 auto 8px !important;transform:none !important;}body.sidebar-collapsed .sidebar-link:hover{padding:0 !important;transform:scale(1.06) !important;background-color:#1e293b !important;}body.sidebar-collapsed .sidebar-link.active{border-left:none !important;margin:0 auto 8px !important;padding:0 !important;border-radius:12px !important;box-shadow:0 4px 12px rgba(99,102,241,0.2) !important;}body.sidebar-collapsed .sidebar-link.active:hover{transform:scale(1.06) !important;padding:0 !important;background-color:rgba(99,102,241,0.2) !important;}body.sidebar-collapsed .sidebar-link i{margin-right:0 !important;font-size:1.15rem !important;}body.sidebar-collapsed .sidebar-footer{padding:16px 0 24px 0 !important;display:flex !important;justify-content:center !important;}.sidebar-toggle-btn{position:absolute;top:36px;right:-12px;width:24px;height:24px;border-radius:50%;background-color:var(--bg-sidebar);border:1px solid #1e293b;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:110;transition:background-color 0.2s,color 0.2s,transform 0.2s;box-shadow:0 4px 6px rgba(0,0,0,0.15);}.sidebar-toggle-btn:hover{background-color:#1e293b;color:#ffffff;transform:scale(1.1);}.sidebar-toggle-btn i{font-size:0.75rem;transition:transform 0.3s;}body.sidebar-collapsed .sidebar-toggle-btn i{transform:rotate(180deg);}body.sidebar-collapsed .sidebar-link{position:relative;}body.sidebar-collapsed .sidebar-link::after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(-8px);background:#0f172a;color:#ffffff;padding:6px 12px;font-size:0.725rem;font-weight:600;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.15s ease,transform 0.15s ease;box-shadow:0 10px 25px rgba(0,0,0,0.25),0 0 1px rgba(255,255,255,0.1);border:1px solid #1e293b;pointer-events:none;z-index:200;}body.sidebar-collapsed .sidebar-link:hover::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}@media (max-width:1024px){.sidebar-toggle-btn{display:none !important;}.detail-grid{grid-template-columns:1fr !important;gap:20px !important;}.premium-grid{grid-template-columns:1fr !important;padding:16px !important;}}@media (max-width:768px){html,body{display:block !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important;overflow-y:auto !important;position:relative !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;}body::before,body::after{display:none !important;content:none !important;}.app-container{display:block !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important;min-width:0 !important;box-sizing:border-box !important;}.sidebar,.sidebar:hover,.sidebar:focus-within,.sidebar:active{position:fixed !important;bottom:20px !important;top:auto !important;left:50% !important;right:auto !important;width:60px !important;height:60px !important;display:flex !important;flex-direction:row !important;justify-content:center !important;align-items:center !important;padding:0 !important;margin:0 !important;z-index:10000 !important;border:none !important;background:none !important;background-color:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;overflow:visible !important;box-shadow:none !important;transition:none !important;transform:translateX(-50%) !important;pointer-events:none !important;}.sidebar-brand,.sidebar-brand *,.sidebar-section-title,.sidebar-menu,.sidebar-menu *,.sidebar-footer,.sidebar-footer *,.sidebar-link,.sidebar-link *,.sidebar-toggle-btn,.sidebar a:not(.sidebar-center-trigger),.sidebar > *:not(.sidebar-center-trigger),body.sidebar-collapsed .sidebar-brand,body.sidebar-collapsed .sidebar-brand *,body.sidebar-collapsed .sidebar-section-title,body.sidebar-collapsed .sidebar-menu,body.sidebar-collapsed .sidebar-menu *,body.sidebar-collapsed .sidebar-footer,body.sidebar-collapsed .sidebar-footer *,body.sidebar-collapsed .sidebar-link,body.sidebar-collapsed .sidebar-link *,body.sidebar-collapsed .sidebar-toggle-btn,body.sidebar-collapsed .sidebar a:not(.sidebar-center-trigger),.sidebar:hover .sidebar-brand,.sidebar:hover .sidebar-section-title,.sidebar:hover .sidebar-menu,.sidebar:hover .sidebar-footer,.sidebar:hover .sidebar-link,.sidebar:hover a:not(.sidebar-center-trigger),.sidebar:focus-within .sidebar-brand,.sidebar:focus-within .sidebar-section-title,.sidebar:focus-within .sidebar-menu,.sidebar:focus-within .sidebar-footer,.sidebar:focus-within .sidebar-link,.sidebar:focus-within a:not(.sidebar-center-trigger),.sidebar:active .sidebar-brand,.sidebar:active .sidebar-section-title,.sidebar:active .sidebar-menu,.sidebar:active .sidebar-footer,.sidebar:active .sidebar-link,.sidebar:active a:not(.sidebar-center-trigger){display:none !important;opacity:0 !important;visibility:hidden !important;width:0 !important;height:0 !important;min-width:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;background-color:transparent !important;box-shadow:none !important;pointer-events:none !important;transform:none !important;overflow:hidden !important;}.main-content{display:block !important;margin-left:0 !important;width:100% !important;padding-bottom:45px !important;transition:none !important;overflow-x:visible !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;}.content-card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background-color:#ffffff !important;border:1px solid var(--border-color) !important;}.stats-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;margin-top:12px !important;padding-top:12px !important;margin-bottom:24px !important;width:100% !important;box-sizing:border-box !important;}.stats-grid .stat-card{flex:none !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:16px !important;box-sizing:border-box !important;overflow:visible !important;}.stats-grid .stat-card.active{transform:translateY(-2px) !important;}.stats-grid .stat-card:nth-child(5){grid-column:span 2 !important;}.dashboard-controls-container .view-btn,.dashboard-controls-container .btn{font-size:0.775rem !important;white-space:nowrap !important;letter-spacing:-0.2px !important;}.sidebar .sidebar-center-trigger{display:flex !important;opacity:1 !important;visibility:visible !important;width:50px !important;height:50px !important;}.sidebar-center-trigger{width:50px !important;height:50px !important;border-radius:50% !important;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%) !important;border:none !important;color:#ffffff !important;font-size:1.4rem !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 16px rgba(99,102,241,0.45) !important;position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;cursor:pointer !important;z-index:1000001 !important;transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.3s ease,background-color 0.3s ease !important;outline:none !important;-webkit-tap-highlight-color:transparent !important;pointer-events:auto !important;overflow:visible !important;}.sidebar-center-trigger::after{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;border-radius:50% !important;background:rgba(255,255,255,0.4) !important;transform:scale(0) !important;opacity:0.4 !important;pointer-events:none !important;z-index:10 !important;transition:none !important;}.sidebar-center-trigger:active::after{transform:scale(2.2) !important;opacity:0 !important;transition:transform 0.6s cubic-bezier(0.1,0.8,0.3,1),opacity 0.6s ease-out !important;}.sidebar-center-trigger:active{transform:translate(-50%,-50%) scale(0.9) !important;}.sidebar-center-trigger.active{transform:translate(-50%,-50%) rotate(45deg) !important;background:#ef4444 !important;box-shadow:0 4px 16px rgba(239,68,68,0.45) !important;}.sidebar-center-trigger.active::after{display:none !important;}.radial-menu-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:999999 !important;visibility:hidden;pointer-events:none;}.radial-menu-overlay.show{visibility:visible !important;pointer-events:auto !important;}.radial-menu-backdrop{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:linear-gradient(to top,rgba(15,23,42,0.85) 0%,rgba(15,23,42,0.45) 45%,rgba(15,23,42,0.1) 85%,transparent 100%) !important;transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1) !important;opacity:0;}.radial-menu-overlay.show .radial-menu-backdrop{opacity:1 !important;}.radial-menu-container{position:absolute !important;left:50% !important;bottom:50px !important;transform:translateX(-50%) !important;width:10px !important;height:10px !important;z-index:1000000 !important;}.radial-menu-item{position:absolute !important;left:50% !important;top:50% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:60px !important;height:75px !important;text-decoration:none !important;transform:translate(-50%,-50%) scale(0) !important;opacity:0 !important;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s ease !important;transition-delay:var(--delay) !important;pointer-events:none;outline:none !important;-webkit-tap-highlight-color:transparent !important;}.radial-menu-overlay.show .radial-menu-item{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) !important;opacity:1 !important;pointer-events:auto !important;}.radial-icon{width:44px !important;height:44px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(15,23,42,0.8) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-top:1.5px solid rgba(255,255,255,0.25) !important;border-left:1px solid rgba(255,255,255,0.15) !important;border-right:1px solid rgba(255,255,255,0.15) !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;color:#cbd5e1 !important;font-size:1.15rem !important;box-shadow:0 8px 24px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.05) !important;transition:background-color 0.25s,transform 0.2s,color 0.25s,border-color 0.25s !important;position:relative !important;overflow:visible !important;-webkit-tap-highlight-color:transparent !important;}.radial-icon::after{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;border-radius:50% !important;background:rgba(255,255,255,0.45) !important;transform:scale(0) !important;opacity:0.45 !important;pointer-events:none !important;z-index:10 !important;transition:none !important;}.radial-menu-item:active .radial-icon{transform:scale(0.9) !important;background-color:var(--color-primary) !important;color:#ffffff !important;border-color:var(--color-primary) !important;}.radial-menu-item:active .radial-icon::after{transform:scale(2.2) !important;opacity:0 !important;transition:transform 0.6s cubic-bezier(0.1,0.8,0.3,1),opacity 0.6s ease-out !important;}.radial-menu-item.active .radial-icon{background:rgba(99,102,241,0.25) !important;color:#a5b4fc !important;border-color:rgba(99,102,241,0.4) !important;}.radial-menu-item.logout .radial-icon{color:#ef4444 !important;border-color:rgba(239,68,68,0.3) !important;}.radial-menu-item.logout:active .radial-icon{background-color:#ef4444 !important;color:#ffffff !important;border-color:#ef4444 !important;}.radial-label{font-size:0.525rem !important;font-weight:800 !important;color:#cbd5e1 !important;margin-top:6px !important;white-space:nowrap !important;background:rgba(15,23,42,0.75) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;padding:3.5px 8px !important;border-radius:20px !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;text-transform:uppercase !important;letter-spacing:0.8px !important;pointer-events:none;opacity:0 !important;transform:translateY(6px) !important;transition:opacity 0.25s ease,transform 0.25s ease,color 0.25s ease,background-color 0.25s ease !important;transition-delay:calc(var(--delay) + 0.15s) !important;}.radial-menu-overlay.show .radial-label{opacity:1 !important;transform:translateY(0) !important;}.radial-menu-item.active .radial-label{color:#a5b4fc !important;background:rgba(99,102,241,0.25) !important;border-color:rgba(99,102,241,0.35) !important;}.radial-menu-item.logout .radial-label{color:#fca5a5 !important;background:rgba(239,68,68,0.15) !important;border-color:rgba(239,68,68,0.25) !important;}}@media (max-width:768px){.chart-card{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;}.chart-card .card-header{flex-direction:column !important;align-items:stretch !important;gap:12px !important;padding:12px 16px !important;width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;overflow:hidden !important;}.chart-card .card-header h2{font-size:0.875rem !important;}.chart-tabs{width:100% !important;max-width:100% !important;min-width:0 !important;display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;white-space:nowrap !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;padding:3px !important;border-radius:6px !important;gap:4px !important;box-sizing:border-box !important;}.chart-wrapper{width:100% !important;height:100% !important;max-width:100% !important;min-width:0 !important;position:relative !important;box-sizing:border-box !important;}.chart-tabs::-webkit-scrollbar{display:none !important;}.chart-tabs .tab-btn{flex-shrink:0 !important;white-space:nowrap !important;padding:6px 12px !important;font-size:0.7rem !important;}.dashboard-controls-container{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:16px !important;padding:12px !important;position:relative !important;z-index:20 !important;}.dashboard-controls-container .search-input,.dashboard-controls-container .filter-group,.dashboard-controls-container .view-toggle-container,.dashboard-controls-container .btn{height:44px !important;}.dashboard-controls-container .search-container{grid-column:span 2 !important;width:100% !important;}.search-kbd-hint{display:none !important;}.dashboard-controls-container .filter-form{grid-column:span 2 !important;width:100% !important;}.dashboard-controls-container .filter-group{display:flex !important;gap:8px !important;width:100% !important;}.dashboard-controls-container .filter-select{flex:1 !important;width:50% !important;}.dashboard-controls-container .view-mode-toggle-wrapper{grid-column:span 2 !important;width:100% !important;display:flex !important;gap:4px !important;background:#f1f5f9 !important;padding:3px !important;border-radius:8px !important;border:1px solid #e2e8f0 !important;}.dashboard-controls-container .view-mode-toggle-wrapper .view-btn{flex:1 !important;justify-content:center !important;padding:0 12px !important;align-self:stretch !important;font-size:0.775rem !important;border-radius:6px !important;border:none !important;background:transparent !important;box-shadow:none !important;white-space:nowrap !important;}.dashboard-controls-container .view-mode-toggle-wrapper .view-btn.active,.dashboard-controls-container .analytics-toggle-wrapper .view-btn.active{background-color:#ffffff !important;color:var(--text-primary) !important;box-shadow:0 1px 3px rgba(0,0,0,0.08) !important;}.dashboard-controls-container .analytics-toggle-wrapper{grid-column:span 2 !important;width:100% !important;display:flex !important;background:#f1f5f9 !important;padding:3px !important;border-radius:8px !important;border:1px solid #e2e8f0 !important;}.dashboard-controls-container .analytics-toggle-wrapper .view-btn{flex:1 !important;justify-content:center !important;padding:0 12px !important;align-self:stretch !important;font-size:0.775rem !important;font-weight:700 !important;border-radius:6px !important;border:none !important;background:transparent !important;box-shadow:none !important;white-space:nowrap !important;}.dashboard-controls-container .btn-export-csv,.dashboard-controls-container .btn-whatsapp-report{grid-column:span 1 !important;width:100% !important;justify-content:center !important;margin:0 !important;padding:10px !important;font-size:0.775rem !important;white-space:nowrap !important;}.bulk-action-bar{bottom:95px !important;width:calc(100% - 32px) !important;max-width:480px !important;padding:8px 12px !important;border-radius:12px !important;}.bulk-bar-container{gap:10px !important;width:100% !important;justify-content:space-between !important;}.bulk-bar-actions{gap:6px !important;}.btn-bulk-action{font-size:0 !important;padding:8px 10px !important;gap:0 !important;border-radius:8px !important;}.btn-bulk-action i{font-size:1rem !important;margin:0 !important;}.card-header{padding:12px 16px !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;flex-wrap:nowrap !important;gap:8px !important;}.card-header h2{font-size:0.85rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:65% !important;}.card-header h2::before{height:14px !important;flex-shrink:0 !important;}.card-header .btn{padding:6px 10px !important;font-size:0.725rem !important;flex-shrink:0 !important;white-space:nowrap !important;}.table-responsive{overflow-x:visible !important;background:transparent !important;padding:0 !important;border:none !important;}.table{border-spacing:0 !important;border-collapse:collapse !important;display:block !important;width:100% !important;background:transparent !important;}.table thead{display:none !important;}.table tbody{display:block !important;width:100% !important;}.table tr.modern-table-row{display:flex !important;flex-direction:column !important;gap:12px !important;background:var(--bg-secondary) !important;border:1px solid var(--border-color) !important;border-radius:var(--radius-lg) !important;padding:16px !important;margin-bottom:16px !important;position:relative !important;box-shadow:var(--shadow-sm) !important;width:100% !important;box-sizing:border-box !important;transition:var(--transition-smooth) !important;}.table tr.modern-table-row.hidden-row{display:none !important;}.table tr.modern-table-row:hover{transform:translateY(-2px) !important;border-color:rgba(99,102,241,0.25) !important;box-shadow:var(--shadow-hover) !important;}.table tr.modern-table-row:last-child{margin-bottom:0 !important;}.table tr.modern-table-row.row-status-inspection{border-left:4px solid var(--color-warning) !important;}.table tr.modern-table-row.row-status-done{border-left:4px solid var(--color-info) !important;}.table tr.modern-table-row.row-status-closed{border-left:4px solid var(--color-success) !important;}.table tr.modern-table-row.row-status-cancelled{border-left:4px solid var(--color-danger) !important;}.table tr.modern-table-row td{display:block !important;width:100% !important;padding:0 !important;background:transparent !important;border:none !important;border-radius:0 !important;text-align:left !important;box-sizing:border-box !important;}.table tr.modern-table-row td:nth-child(1){position:absolute !important;top:10px !important;left:10px !important;width:44px !important;height:44px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:10 !important;}.table tr.modern-table-row td:nth-child(1) .bulk-select-label{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;height:100% !important;cursor:pointer !important;margin:0 !important;padding:0 !important;}.table tr.modern-table-row td:nth-child(1) .custom-checkbox{margin:0 !important;}.table tr.modern-table-row td:nth-child(2){padding-left:32px !important;padding-right:32px !important;}.table tr.modern-table-row td:nth-child(3){border-top:1px solid var(--border-light) !important;padding-top:12px !important;}.table tr.modern-table-row td:nth-child(4),.table tr.modern-table-row td:nth-child(5){display:inline-flex !important;width:auto !important;margin-right:8px !important;}.table tr.modern-table-row td:nth-child(6){border-top:1px solid var(--border-light) !important;padding-top:12px !important;display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;flex-wrap:wrap !important;gap:12px !important;}.table tr.modern-table-row td:nth-child(6) .status-doc-stack{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;width:100% !important;gap:12px !important;}.table tr.modern-table-row td:nth-child(6) .badge-status{margin-bottom:0 !important;}.table tr.modern-table-row td:nth-child(7){position:absolute !important;top:16px !important;right:16px !important;width:auto !important;}.table tr.modern-table-row td:nth-child(7) .row-action-btn{margin:0 !important;}.preview-modal-content{width:96% !important;height:90vh !important;max-height:96vh !important;border-radius:12px !important;}.preview-modal-header{padding:10px 12px !important;gap:6px !important;}.preview-modal-header h3{font-size:0.8rem !important;max-width:45% !important;}.preview-modal-controls{gap:4px !important;}.btn-modal-action{width:30px !important;height:30px !important;font-size:0.85rem !important;}.wa-preview-content{height:auto !important;max-height:92vh !important;width:95% !important;margin:10px auto !important;}.wa-preview-content .preview-modal-header h3{max-width:calc(100% - 40px) !important;font-size:0.95rem !important;}.wa-preview-content .preview-modal-footer{display:flex !important;flex-direction:column !important;gap:8px !important;align-items:stretch !important;padding:12px 16px !important;}.wa-preview-content .preview-modal-footer .btn{width:100% !important;justify-content:center !important;margin:0 !important;padding:10px 16px !important;font-size:0.875rem !important;}.wa-preview-content .preview-modal-footer .btn-outline{order:3 !important;}.wa-preview-content .preview-modal-footer #wa-send-btn{order:1 !important;}.wa-preview-content .preview-modal-footer #wa-send-business-btn{order:2 !important;}.stats-grid .stat-card:active{transform:scale(0.96) !important;box-shadow:var(--shadow-sm) !important;transition:transform 0.1s ease !important;}@media (max-width:360px){.stats-grid .stat-card .stat-value{font-size:1.25rem !important;}.stats-grid .stat-card .stat-label{font-size:0.6rem !important;}}.activity-drawer{width:100% !important;max-width:100% !important;background-color:#ffffff !important;}.activity-drawer .drawer-header{padding:16px 20px !important;}.activity-drawer .drawer-body{padding:16px 12px 16px 36px !important;}.activity-drawer .log-item{margin-left:10px !important;padding:12px 14px !important;margin-bottom:12px !important;}.activity-drawer .log-details{font-size:0.725rem !important;line-height:1.3 !important;}.pin-modal-card{padding:24px 20px !important;width:90% !important;max-width:360px !important;}.pin-modal-input-wrapper{position:relative !important;display:flex !important;justify-content:center !important;align-items:center !important;margin-bottom:24px !important;}.pin-modal-buttons .btn{padding:10px 8px !important;font-size:0.775rem !important;white-space:nowrap !important;gap:4px !important;}.pin-hidden-input{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;opacity:0 !important;z-index:10 !important;cursor:pointer !important;pointer-events:auto !important;border:none !important;background:transparent !important;color:transparent !important;caret-color:transparent !important;}@media (max-width:576px){.topbar{padding:0 12px !important;gap:8px !important;}.page-title{font-size:0.95rem !important;white-space:nowrap !important;}.topbar:has(.sales-expiry-badge) .page-title{max-width:130px !important;overflow:hidden !important;text-overflow:ellipsis !important;}.sales-expiry-badge{font-size:0.65rem !important;padding:4px 10px !important;letter-spacing:0 !important;}}.content-wrapper{padding:24px 16px 25px 16px !important;max-width:100% !important;width:100% !important;overflow-x:hidden !important;box-sizing:border-box !important;min-width:0 !important;}#view-pipeline-container{width:100% !important;max-width:100% !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;}.pipeline-board{width:max-content !important;min-width:100% !important;}.form-grid{padding:16px !important;gap:16px !important;}.card-header{flex-direction:column !important;align-items:stretch !important;gap:12px !important;padding:12px 16px !important;}.card-header h2{font-size:0.9rem !important;white-space:normal !important;max-width:100% !important;width:100% !important;line-height:1.3 !important;overflow:visible !important;text-overflow:clip !important;}.card-header .btn,.card-header .saas-btn{width:100% !important;justify-content:center !important;margin:0 !important;flex-shrink:0 !important;}.form-group label:has(.date-shortcuts){flex-direction:column !important;align-items:flex-start !important;gap:6px !important;width:100% !important;}.date-shortcuts{display:flex !important;gap:8px !important;margin-top:4px !important;}.date-shortcuts a{background-color:#f1f5f9 !important;border:1px solid rgba(226,232,240,0.8) !important;padding:4px 10px !important;border-radius:6px !important;font-size:0.725rem !important;display:inline-flex !important;align-items:center !important;gap:6px !important;color:var(--color-primary) !important;text-decoration:none !important;font-weight:600 !important;transition:var(--transition-fast) !important;}.date-shortcuts a:active{background-color:var(--color-primary-light) !important;border-color:var(--color-primary) !important;}.form-actions,.form-grid-full[style*="justify-content"][style*="flex-end"],.content-card div[style*="justify-content"][style*="flex-end"]{flex-direction:column-reverse !important;width:100% !important;gap:10px !important;display:flex !important;}.form-actions .btn,.form-grid-full[style*="justify-content"][style*="flex-end"] .btn,.content-card div[style*="justify-content"][style*="flex-end"] .saas-btn,.content-card div[style*="justify-content"][style*="flex-end"] form{width:100% !important;justify-content:center !important;margin:0 !important;}.sales-table{display:block !important;width:100% !important;}.sales-table thead{display:none !important;}.sales-table tbody{display:block !important;width:100% !important;}.sales-table tr{display:block !important;width:100% !important;padding:16px !important;border-bottom:1px dashed var(--border-color) !important;box-sizing:border-box !important;}.sales-table tr:last-child{border-bottom:none !important;}.sales-table td{display:block !important;width:100% !important;padding:0 !important;border:none !important;text-align:left !important;margin-bottom:12px !important;box-sizing:border-box !important;}.sales-table td:nth-child(1){margin-bottom:14px !important;}.sales-table td:nth-child(2),.sales-table td:nth-child(3){display:inline-flex !important;width:auto !important;margin-right:16px !important;margin-bottom:14px !important;vertical-align:middle !important;align-items:center !important;}.content-card:nth-of-type(1) .sales-table td:nth-child(2)::before{content:'Username:' !important;font-weight:700 !important;color:var(--text-secondary) !important;margin-right:6px !important;font-size:0.725rem !important;text-transform:uppercase !important;}.content-card:nth-of-type(2) .sales-table td:nth-child(2)::before{content:'Expires:' !important;font-weight:700 !important;color:var(--text-secondary) !important;margin-right:6px !important;font-size:0.725rem !important;text-transform:uppercase !important;}.sales-table td:nth-child(4){margin-bottom:0 !important;margin-top:4px !important;}.sales-table td:nth-child(4) > div{display:flex !important;flex-direction:column !important;width:100% !important;gap:8px !important;}.sales-table td:nth-child(4) .saas-btn,.sales-table td:nth-child(4) form{flex:none !important;width:100% !important;margin:0 !important;}.sales-table td:nth-child(4) form .saas-btn{width:100% !important;}.content-card div[style*="margin-top"][style*="24px"]{padding:16px 12px 0 12px !important;}.stats-grid .stat-card .stat-card-header{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:8px !important;width:100% !important;}.stats-grid .stat-card .stat-label{font-size:0.65rem !important;white-space:normal !important;line-height:1.2 !important;flex:1 !important;word-break:break-word !important;}.stats-grid .stat-card .stat-card-icon-wrapper{flex-shrink:0 !important;}.db-maintenance-actions{flex-direction:column-reverse !important;padding:0 16px 16px 16px !important;gap:12px !important;width:100% !important;box-sizing:border-box !important;display:flex !important;}.db-maintenance-actions button{width:100% !important;justify-content:center !important;margin:0 !important;}.db-health-table tr.modern-table-row td:nth-child(1){position:static !important;width:100% !important;padding:0 0 10px 0 !important;font-size:0.95rem !important;font-weight:800 !important;color:var(--text-primary) !important;border-bottom:1px solid var(--border-light) !important;margin-bottom:8px !important;}.db-health-table tr.modern-table-row td:nth-child(2),.db-health-table tr.modern-table-row td:nth-child(3),.db-health-table tr.modern-table-row td:nth-child(4),.db-health-table tr.modern-table-row td:nth-child(5){display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;padding:6px 0 !important;font-size:0.825rem !important;border:none !important;background:transparent !important;margin:0 !important;text-align:right !important;}.db-health-table tr.modern-table-row td:nth-child(2)::before{content:"Total Rows" !important;font-weight:600 !important;color:var(--text-secondary) !important;font-size:0.8rem !important;}.db-health-table tr.modern-table-row td:nth-child(3)::before{content:"Data Size" !important;font-weight:600 !important;color:var(--text-secondary) !important;font-size:0.8rem !important;}.db-health-table tr.modern-table-row td:nth-child(4)::before{content:"Index Size" !important;font-weight:600 !important;color:var(--text-secondary) !important;font-size:0.8rem !important;}.db-health-table tr.modern-table-row td:nth-child(5)::before{content:"Overhead" !important;font-weight:600 !important;color:var(--text-secondary) !important;font-size:0.8rem !important;}.db-health-table tr.modern-table-row td:nth-child(6){display:flex !important;justify-content:space-between !important;align-items:center !important;width:100% !important;padding:8px 0 0 0 !important;border-top:1px dashed var(--border-color) !important;margin-top:8px !important;}.db-health-table tr.modern-table-row td:nth-child(6)::before{content:"Status" !important;font-weight:600 !important;color:var(--text-secondary) !important;font-size:0.8rem !important;}.db-health-table tr.modern-table-row td:nth-child(6) .badge{margin:0 !important;}.db-health-table tr.modern-table-row td:nth-child(7){display:none !important;}.detail-header-row{flex-direction:column !important;align-items:stretch !important;gap:12px !important;margin-bottom:20px !important;}.detail-title-area{justify-content:space-between !important;width:100% !important;}.detail-header-row .no-print{display:flex !important;flex-wrap:wrap !important;gap:8px !important;width:100% !important;}.detail-header-row .no-print .btn,.detail-header-row .no-print form{flex:1 1 calc(50% - 4px) !important;width:calc(50% - 4px) !important;margin:0 !important;}.detail-header-row .no-print form .btn{width:100% !important;}.detail-header-row .no-print .btn{justify-content:center !important;padding:10px !important;font-size:0.75rem !important;white-space:nowrap !important;}.detail-grid{grid-template-columns:1fr !important;margin-bottom:60px !important;}.form-input,.form-select,.filter-select,.search-input,.form-textarea{font-size:16px !important;}.form-section{padding:16px !important;}.autocomplete-item{padding:12px 16px !important;font-size:16px !important;}.db-health-table thead{display:none !important;}a,button,input,select,textarea,[role="button"],.stat-card,.modern-table-row,.radial-icon,.sidebar-center-trigger{-webkit-tap-highlight-color:transparent !important;}.stack-sub-row{flex-wrap:wrap !important;gap:4px 8px !important;}.stack-sub-row .meta-dot{display:none !important;}.stack-sub-row .sub-badge{max-width:100% !important;}.sales-table td:last-child > div,.sales-table td:nth-child(4) > div{display:flex !important;flex-direction:column !important;width:100% !important;gap:8px !important;}.sales-table td:last-child form,.sales-table td:nth-child(4) form{display:block !important;width:100% !important;margin:0 !important;}.sales-table td:last-child .saas-btn,.sales-table td:last-child form .saas-btn,.sales-table td:nth-child(4) .saas-btn,.sales-table td:nth-child(4) form .saas-btn{width:100% !important;margin:0 !important;display:flex !important;justify-content:center !important;}.premium-link-share-box{flex-direction:column !important;align-items:stretch !important;padding:12px !important;gap:10px !important;}.premium-link-share-box i.link-icon{display:none !important;}.premium-link-share-box input.premium-link-input{margin-right:0 !important;text-align:center !important;width:100% !important;font-size:0.725rem !important;}.premium-link-share-box .premium-copy-btn{width:100% !important;justify-content:center !important;padding:10px !important;}.content-card div[style*="space-between"]{flex-wrap:wrap !important;gap:8px !important;}.users-layout-grid > div{min-width:0 !important;}.admin-stepper{flex-direction:column !important;align-items:flex-start !important;padding:24px 24px 24px 32px !important;gap:28px !important;position:relative !important;}.admin-stepper::before{left:53px !important;top:45px !important;bottom:45px !important;width:3px !important;height:auto !important;right:auto !important;transform:none !important;}.stepper-progress{left:53px !important;top:45px !important;width:3px !important;height:0% !important;right:auto !important;transform:none !important;}.admin-stepper:has(.stepper-progress[style*="width:0%"]) .stepper-progress,.admin-stepper:has(.stepper-progress[style*="width:0"]) .stepper-progress{height:0% !important;width:3px !important;}.admin-stepper:has(.stepper-progress[style*="width:33.333%"]) .stepper-progress{height:33.333% !important;width:3px !important;}.admin-stepper:has(.stepper-progress[style*="width:50%"]) .stepper-progress{height:50% !important;width:3px !important;}.admin-stepper:has(.stepper-progress[style*="width:66.667%"]) .stepper-progress{height:66.667% !important;width:3px !important;}.admin-stepper:has(.stepper-progress[style*="width:100%"]) .stepper-progress{height:100% !important;width:3px !important;}.admin-step{flex-direction:row !important;align-items:center !important;gap:16px !important;width:100% !important;z-index:3 !important;text-align:left !important;}.admin-step-icon{flex-shrink:0 !important;z-index:4 !important;}.admin-step-label{font-size:0.8rem !important;text-align:left !important;}.doc-file-row{flex-direction:column !important;align-items:stretch !important;gap:12px !important;padding:12px !important;}.doc-file-info{width:100% !important;margin-right:0 !important;min-width:0 !important;}.doc-file-name{max-width:calc(100% - 44px) !important;}.doc-file-actions{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;width:100% !important;margin-top:4px !important;}.radial-menu-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;z-index:999999 !important;visibility:hidden;pointer-events:none;}.radial-menu-overlay.show{visibility:visible !important;pointer-events:auto !important;}.radial-menu-backdrop{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:linear-gradient(to top,rgba(15,23,42,0.85) 0%,rgba(15,23,42,0.45) 45%,rgba(15,23,42,0.1) 85%,transparent 100%) !important;transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1) !important;opacity:0;}.radial-menu-overlay.show .radial-menu-backdrop{opacity:1 !important;}.radial-menu-container{position:absolute !important;left:50% !important;bottom:50px !important;transform:translateX(-50%) !important;width:10px !important;height:10px !important;z-index:1000000 !important;}.radial-menu-item{position:absolute !important;left:50% !important;top:50% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;width:60px !important;height:75px !important;text-decoration:none !important;transform:translate(-50%,-50%) scale(0) !important;opacity:0 !important;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s ease !important;transition-delay:var(--delay) !important;pointer-events:none;outline:none !important;-webkit-tap-highlight-color:transparent !important;}.radial-menu-overlay.show .radial-menu-item{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) !important;opacity:1 !important;pointer-events:auto !important;}.radial-icon{width:44px !important;height:44px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;background:rgba(15,23,42,0.8) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border-top:1.5px solid rgba(255,255,255,0.25) !important;border-left:1px solid rgba(255,255,255,0.15) !important;border-right:1px solid rgba(255,255,255,0.15) !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;color:#cbd5e1 !important;font-size:1.15rem !important;box-shadow:0 8px 24px rgba(0,0,0,0.45),0 0 0 1px rgba(255,255,255,0.05) !important;transition:background-color 0.25s,transform 0.2s,color 0.25s,border-color 0.25s !important;position:relative !important;overflow:visible !important;-webkit-tap-highlight-color:transparent !important;}.radial-icon::after{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;border-radius:50% !important;background:rgba(255,255,255,0.45) !important;transform:scale(0) !important;opacity:0.45 !important;pointer-events:none !important;z-index:10 !important;transition:none !important;}.radial-menu-item:active .radial-icon{transform:scale(0.9) !important;background-color:var(--color-primary) !important;color:#ffffff !important;border-color:var(--color-primary) !important;}.radial-menu-item:active .radial-icon::after{transform:scale(2.2) !important;opacity:0 !important;transition:transform 0.6s cubic-bezier(0.1,0.8,0.3,1),opacity 0.6s ease-out !important;}.radial-menu-item.active .radial-icon{background:rgba(99,102,241,0.25) !important;color:#a5b4fc !important;border-color:rgba(99,102,241,0.4) !important;}.radial-menu-item.logout .radial-icon{color:#ef4444 !important;border-color:rgba(239,68,68,0.3) !important;}.radial-menu-item.logout:active .radial-icon{background-color:#ef4444 !important;color:#ffffff !important;border-color:#ef4444 !important;}.radial-label{font-size:0.525rem !important;font-weight:800 !important;color:#cbd5e1 !important;margin-top:6px !important;white-space:nowrap !important;background:rgba(15,23,42,0.75) !important;backdrop-filter:blur(4px) !important;-webkit-backdrop-filter:blur(4px) !important;padding:3.5px 8px !important;border-radius:20px !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;text-transform:uppercase !important;letter-spacing:0.8px !important;pointer-events:none;opacity:0 !important;transform:translateY(6px) !important;transition:opacity 0.25s ease,transform 0.25s ease,color 0.25s ease,background-color 0.25s ease !important;transition-delay:calc(var(--delay) + 0.15s) !important;}.radial-menu-overlay.show .radial-label{opacity:1 !important;transform:translateY(0) !important;}.radial-menu-item.active .radial-label{color:#a5b4fc !important;background:rgba(99,102,241,0.25) !important;border-color:rgba(99,102,241,0.35) !important;}.radial-menu-item.logout .radial-label{color:#fca5a5 !important;background:rgba(239,68,68,0.15) !important;border-color:rgba(239,68,68,0.25) !important;}.card-copy-tracker-btn,.flow-dot,.search-clear-btn,.btn-bulk-action,.topbar-icon-btn,.pagination-btn{position:relative !important;}.card-copy-tracker-btn::after{content:'' !important;position:absolute !important;top:-10px !important;bottom:-10px !important;left:-10px !important;right:-10px !important;cursor:pointer !important;}.flow-dot::after{content:'' !important;position:absolute !important;top:-12px !important;bottom:-12px !important;left:-4px !important;right:-4px !important;cursor:pointer !important;}.search-clear-btn::after{content:'' !important;position:absolute !important;top:-10px !important;bottom:-10px !important;left:-10px !important;right:-10px !important;cursor:pointer !important;}.topbar-icon-btn::after{content:'' !important;position:absolute !important;top:-5px !important;bottom:-5px !important;left:-5px !important;right:-5px !important;cursor:pointer !important;}.btn-bulk-action::after{content:'' !important;position:absolute !important;top:-6px !important;bottom:-6px !important;left:-6px !important;right:-6px !important;cursor:pointer !important;}.pagination-btn::after{content:'' !important;position:absolute !important;top:-8px !important;bottom:-8px !important;left:-6px !important;right:-6px !important;cursor:pointer !important;}}@media (min-width:769px) and (max-width:1440px){.table th{padding:12px 10px !important;font-size:0.7rem !important;letter-spacing:0.5px !important;}.table td{padding:14px 10px !important;font-size:0.825rem !important;}.stack-sub-row{flex-wrap:wrap !important;gap:4px !important;}.stack-sub-row .meta-dot{display:none !important;}.sub-badge{max-width:140px !important;}.vessel-sub-badge{max-width:260px !important;}.customer-stack{gap:8px !important;}.customer-avatar{width:28px !important;height:28px !important;font-size:0.75rem !important;}.status-doc-stack{gap:6px !important;}.table-doc-flow{gap:3px !important;}.table-doc-flow .flow-dot{width:18px !important;height:18px !important;font-size:0.65rem !important;}}