:root{--bg-primary:#f8fafc;--bg-secondary:#ffffff;--sidebar-width:260px;--sidebar-width-compact:80px;--current-sidebar-width:var(--sidebar-width);--bg-card:#ffffff;--border-card:rgba(226,232,240,0.8);--bg-topbar:#ffffff;--bg-dropdown:#ffffff;--bg-sidebar:#0f172a;--border-color:rgba(226,232,240,0.8);--border-light:rgba(241,245,249,0.6);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:rgba(99,102,241,0.06);--color-success:#10b981;--color-success-bg:rgba(16,185,129,0.05);--color-warning:#f59e0b;--color-warning-bg:rgba(245,158,11,0.05);--color-info:#0ea5e9;--color-info-bg:rgba(14,165,233,0.05);--color-danger:#ef4444;--color-danger-bg:rgba(239,68,68,0.05);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.02);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.03),0 2px 4px -1px rgba(0,0,0,0.02);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.04),0 4px 6px -2px rgba(15,23,42,0.02);--shadow-card:0 10px 30px -10px rgba(148,163,184,0.08),0 1px 3px rgba(0,0,0,0.01);--shadow-hover:0 20px 35px -5px rgba(99,102,241,0.08),0 10px 15px -5px rgba(0,0,0,0.02);--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--transition-fast:all 0.2s cubic-bezier(0.16,1,0.3,1);--font-main:'Plus Jakarta Sans',sans-serif;--sidebar-width:260px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;}*{box-sizing:border-box;margin:0;padding:0;}::-webkit-scrollbar{width:6px;height:6px;}::-webkit-scrollbar-track{background:var(--bg-primary);}::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.08);border-radius:4px;transition:var(--transition-smooth);}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.18);}html,body{overflow-x:clip !important;width:100%;}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);min-height:100vh;display:flex;letter-spacing:-0.15px;-webkit-font-smoothing:antialiased;position:relative;}body::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,0.05) 0%,rgba(99,102,241,0) 70%);top:-150px;right:-100px;z-index:-1;pointer-events:none;}body::after{content:'';position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(14,165,233,0.04) 0%,rgba(14,165,233,0) 70%);bottom:-200px;left:-100px;z-index:-1;pointer-events:none;}.app-container{display:flex;width:100%;max-width:100% !important;overflow-x:clip !important;}.sidebar{width:var(--current-sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid #1e293b;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:200;padding:32px 0 24px 16px;}.sidebar-brand{display:flex;align-items:center;margin-bottom:40px;padding-left:28px;transition:padding 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-brand i{font-size:1.5rem;color:#ffffff;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0;}.sidebar-brand-img{width:24px;height:24px;object-fit:contain;flex-shrink:0;}.sidebar-brand span{font-size:1.1rem;font-weight:800;color:#ffffff;letter-spacing:-0.25px;margin-left:12px;max-width:150px;opacity:1;visibility:visible;white-space:nowrap;overflow:hidden;transition:opacity 0.15s ease,max-width 0.3s cubic-bezier(0.16,1,0.3,1),margin-left 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:6px;padding-right:16px;transition:padding 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-link{display:flex;align-items:center;padding:12px 16px 12px 12px;color:#94a3b8;text-decoration:none;font-weight:550;font-size:0.85rem;border-radius:var(--radius-sm);position:relative;width:228px;transition:width 0.3s cubic-bezier(0.16,1,0.3,1),padding 0.3s cubic-bezier(0.16,1,0.3,1),margin 0.3s cubic-bezier(0.16,1,0.3,1),background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease,transform 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-link span{margin-left:12px;max-width:150px;opacity:1;visibility:visible;white-space:nowrap;overflow:hidden;transition:opacity 0.15s ease,max-width 0.3s cubic-bezier(0.16,1,0.3,1),margin-left 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-section-title{max-width:200px;opacity:1;visibility:visible;white-space:nowrap;overflow:hidden;transition:opacity 0.15s ease,max-width 0.3s cubic-bezier(0.16,1,0.3,1),padding 0.3s cubic-bezier(0.16,1,0.3,1),margin 0.3s cubic-bezier(0.16,1,0.3,1),max-height 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-link i{font-size:1.1rem;color:#64748b;transition:color 0.3s ease,transform 0.3s ease;}.sidebar-link:hover{color:#ffffff;background-color:#1e293b;padding-left:16px;transform:translateX(4px);}.sidebar-link:hover i{color:#a5b4fc;}.sidebar-link.active{background-color:rgba(99,102,241,0.15);color:#ffffff;font-weight:600;border-left:4px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-left:-16px;padding-left:24px;width:244px;box-shadow:0 4px 12px rgba(99,102,241,0.12);}.sidebar-link.active:hover{transform:none;padding-left:24px;background-color:rgba(99,102,241,0.2);}.sidebar-link.active i{color:#818cf8;}.sidebar-footer{position:absolute;bottom:0;left:0;width:100%;background-color:var(--bg-sidebar);border-top:1px solid #1e293b;padding:16px 16px 24px 16px;z-index:10;box-sizing:border-box;transition:padding 0.3s cubic-bezier(0.16,1,0.3,1);}.sidebar-footer .sidebar-link{color:#f43f5e;}.sidebar-footer .sidebar-link:hover{background-color:rgba(244,63,94,0.1);color:#fda4af;padding-left:16px;transform:translateX(4px);}.main-content{margin-left:var(--current-sidebar-width);width:calc(100% - var(--current-sidebar-width));flex-grow:1;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip !important;min-width:0 !important;}.topbar{height:80px;background-color:var(--bg-topbar);border-bottom:1px solid rgba(226,232,240,0.8);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:relative;z-index:90;transition:var(--transition-smooth);box-shadow:0 1px 3px rgba(0,0,0,0.02);pointer-events:none;}.topbar > *{pointer-events:auto;}.page-title-area{display:flex;flex-direction:column;gap:4px;}.page-title{font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-0.5px;margin:0;}.page-subtitle{font-size:0.75rem;font-weight:500;color:var(--text-secondary);}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 8px;background:rgba(248,250,252,0.8);border:1px solid rgba(226,232,240,0.8);border-radius:9999px;transition:all 0.2s ease;}.user-profile:hover{background:rgba(241,245,249,1);border-color:rgba(203,213,225,0.8);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.02);}.user-avatar{width:32px;height:32px;background-color:var(--color-primary-light);color:var(--color-primary);border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.85rem;box-shadow:0 2px 4px rgba(99,102,241,0.1);}.user-info{display:flex;flex-direction:column;gap:1px;line-height:1.2;}.user-name{font-size:0.825rem;font-weight:700;color:var(--text-primary);}.user-role{font-size:0.675rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.3px;}@media (max-width:768px){.topbar{height:70px !important;width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;}.page-subtitle{display:none;}.user-info{display:none !important;}.user-profile{padding:4px;background:transparent;border-color:transparent;}.user-profile:hover{background:transparent;transform:none;box-shadow:none;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.content-wrapper{padding:32px;flex-grow:1;max-width:1600px;width:100%;margin:0 auto;}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:36px;}.stats-grid.grid-4{grid-template-columns:repeat(4,1fr);}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr);}.stats-grid.grid-4{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);}.stats-grid.grid-4{grid-template-columns:repeat(2,1fr);}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr;}.stats-grid.grid-4{grid-template-columns:1fr;}}.stat-card{background-color:#ffffff;border:1px solid rgba(226,232,240,0.8);border-radius:var(--radius-lg);padding:24px;box-shadow:0 1px 3px rgba(15,23,42,0.03),0 1px 2px rgba(15,23,42,0.02);cursor:pointer;user-select:none;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s cubic-bezier(0.16,1,0.3,1),background-color 0.3s cubic-bezier(0.16,1,0.3,1);}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -8px rgba(148,163,184,0.2),0 4px 6px -2px rgba(148,163,184,0.05);border-color:rgba(203,213,225,0.8);}.stat-card:active{transform:translateY(-2px);opacity:0.9;}.stat-card.stat-card-static{cursor:default;}.stat-card.stat-card-static:hover{transform:none;box-shadow:0 1px 3px rgba(15,23,42,0.03),0 1px 2px rgba(15,23,42,0.02);border-color:rgba(226,232,240,0.8);}.stat-card.stat-card-static:active{transform:none;}.stat-card-header{display:flex;align-items:center;justify-content:space-between;width:100%;}.stat-label{font-size:0.775rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}.stat-card-icon-wrapper{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}.stat-card:hover .stat-card-icon-wrapper{transform:scale(1.1);}.stat-card-body{display:flex;align-items:flex-end;justify-content:space-between;width:100%;}.stat-value{font-size:1.85rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-0.8px;}.trend-badge{padding:4px 8px;border-radius:9999px;font-size:0.7rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;}.trend-badge-up{background-color:var(--color-success-bg);color:var(--color-success);}.trend-badge-down{background-color:var(--color-danger-bg);color:var(--color-danger);}.trend-badge-neutral{background-color:var(--border-light);color:var(--text-secondary);}.stat-icon{display:none;}.view-toggle-container{display:inline-flex;background-color:var(--bg-primary);padding:4px;border-radius:8px;margin-bottom:24px;border:1px solid var(--border-color);}.view-btn{border:none;background:transparent;padding:0 16px;height:100%;border-radius:6px;font-size:0.8rem;font-weight:650;color:var(--text-secondary);cursor:pointer;transition:transform 0.15s cubic-bezier(0.34,1.56,0.64,1),background-color 0.15s ease,color 0.15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}.view-btn i{pointer-events:none;}.view-btn:active{opacity:0.85;}.view-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,0.08);}.view-mode-toggle-wrapper .view-btn.active{background-color:transparent !important;box-shadow:none !important;color:var(--text-primary) !important;}.view-btn:hover:not(.active){color:var(--text-primary);}.pipeline-board{display:flex;gap:24px;overflow-x:auto;padding-bottom:12px;}.pipeline-col{flex:1;min-width:270px;background-color:transparent;display:flex;flex-direction:column;max-height:700px;}.pipeline-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px;border-bottom:1px solid var(--border-color);padding-bottom:10px;}.pipeline-col-title{font-size:0.85rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:4px;}.pipeline-badge{background-color:var(--bg-primary);color:var(--text-secondary);padding:2px 8px;border-radius:6px;font-size:0.7rem;font-weight:700;border:1px solid var(--border-color);}.pipeline-cards-container{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex-grow:1;padding:4px;}.pipeline-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);cursor:pointer;text-decoration:none;color:inherit;display:block;}.pipeline-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(99,102,241,0.25);}.card-ct-no{font-size:0.7rem;font-weight:750;color:var(--color-primary);margin-bottom:6px;display:block;letter-spacing:0.5px;}.pipeline-cards-container[data-status="Inspection"] .pipeline-card{border-left:3px solid var(--color-warning);}.pipeline-cards-container[data-status="Inspection"] .pipeline-card .card-ct-no{color:#d97706;}.pipeline-cards-container[data-status="Inspection"] .pipeline-card:hover{border-color:rgba(245,158,11,0.25);border-left:3px solid var(--color-warning);}.pipeline-cards-container[data-status="Done"] .pipeline-card{border-left:3px solid var(--color-info);}.pipeline-cards-container[data-status="Done"] .pipeline-card .card-ct-no{color:#0284c7;}.pipeline-cards-container[data-status="Done"] .pipeline-card:hover{border-color:rgba(14,165,233,0.25);border-left:3px solid var(--color-info);}.pipeline-cards-container[data-status="Closed"] .pipeline-card{border-left:3px solid var(--color-success);}.pipeline-cards-container[data-status="Closed"] .pipeline-card .card-ct-no{color:#059669;}.pipeline-cards-container[data-status="Closed"] .pipeline-card:hover{border-color:rgba(16,185,129,0.25);border-left:3px solid var(--color-success);}.pipeline-cards-container[data-status="Cancelled"] .pipeline-card{border-left:3px solid var(--color-danger);}.pipeline-cards-container[data-status="Cancelled"] .pipeline-card .card-ct-no{color:#ef4444;}.pipeline-cards-container[data-status="Cancelled"] .pipeline-card:hover{border-color:rgba(239,68,68,0.25);border-left:3px solid var(--color-danger);}.card-customer{font-size:0.95rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.3;}.card-detail-row{font-size:0.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;margin-bottom:4px;}.card-detail-row i{color:var(--text-muted);}.card-checklist-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);}.checklist-pill{display:flex;align-items:center;gap:4px;font-size:0.65rem;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;}.checklist-pill.success{background-color:rgba(16,185,129,0.05);color:#059669;border:1px solid rgba(16,185,129,0.12);}.checklist-pill.missing{background-color:rgba(239,68,68,0.05);color:#e11d48;border:1px solid rgba(239,68,68,0.12);}.content-card{background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-smooth);}.card-header{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#ffffff;}.card-header h2{font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-0.2px;display:inline-flex;align-items:center;gap:10px;margin:0;}.card-header h2::before{content:'';display:inline-block;width:4px;height:18px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-info) 100%);border-radius:4px;transition:background 0.3s ease;}.card-header h2.status-Inspection::before{background:var(--color-warning);}.card-header h2.status-Done::before{background:var(--color-info);}.card-header h2.status-Closed::before{background:var(--color-success);}.card-header h2.status-Cancelled::before{background:var(--color-danger);}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);font-size:0.85rem;font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent;outline:none;}.btn:active{opacity:0.85;transform:translateY(1px) scale(0.97) !important;}.btn-primary,.btn-primary:link,.btn-primary:visited,.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background:#0f172a !important;color:#ffffff !important;border-radius:12px !important;padding:10px 20px !important;box-shadow:0 8px 20px rgba(15,23,42,0.12),inset 0 1px 0 rgba(255,255,255,0.15) !important;border:1px solid #0f172a !important;text-decoration:none !important;}@media (hover:hover){.btn-primary:hover{background:#1e293b !important;border-color:#1e293b !important;box-shadow:0 12px 28px rgba(15,23,42,0.18),0 0 0 4px rgba(99,102,241,0.18),inset 0 1px 0 rgba(255,255,255,0.2) !important;transform:translateY(-2px) scale(1.02) !important;}}.btn-primary i,.btn-primary:link i,.btn-primary:visited i,.btn-primary:hover i,.btn-primary:focus i,.btn-primary:active i{color:#ffffff !important;}.btn-primary:disabled,.btn-primary[disabled],.btn-primary:disabled i,.btn-primary[disabled] i{background:#cbd5e1 !important;color:#94a3b8 !important;box-shadow:none !important;cursor:not-allowed !important;transform:none !important;opacity:0.7 !important;}.btn-outline,.btn-outline:link,.btn-outline:visited{background-color:var(--bg-secondary) !important;border:1px solid var(--border-color) !important;color:var(--text-secondary) !important;border-radius:12px !important;padding:10px 20px !important;backdrop-filter:blur(4px) !important;text-decoration:none !important;}@media (hover:hover){.btn-outline:hover{background-color:var(--border-light) !important;color:var(--text-primary) !important;border-color:var(--color-primary) !important;transform:translateY(-2px) scale(1.02) !important;box-shadow:0 12px 28px rgba(99,102,241,0.05),0 0 0 4px rgba(99,102,241,0.12) !important;}.btn-danger:hover{background-color:rgba(239,68,68,0.12);color:#ef4444;transform:translateY(-1px) scale(1.02);}}.btn-outline:focus{background-color:var(--border-light) !important;color:var(--text-primary) !important;border-color:var(--color-primary) !important;box-shadow:0 12px 28px rgba(99,102,241,0.05),0 0 0 4px rgba(99,102,241,0.12) !important;}.btn-danger{background-color:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.15);color:#e11d48;}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:32px;}.form-grid-full{grid-column:span 2;}.form-group{display:flex;flex-direction:column;gap:8px;}.form-group label{font-size:0.725rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.75px;}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-secondary);font-family:inherit;font-size:0.9rem;color:var(--text-primary);box-shadow:inset 0 1px 2px rgba(0,0,0,0.01);transition:var(--transition-smooth);backdrop-filter:blur(4px);}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--text-muted);}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);background-color:var(--bg-primary);box-shadow:0 0 0 4px rgba(99,102,241,0.12);}.form-select option{background-color:var(--bg-primary);color:var(--text-primary);}.table-responsive{width:100%;overflow-x:auto;padding:4px;}.table{width:100%;border-collapse:separate;border-spacing:0 10px;text-align:left;}.table th{font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:0.725rem;letter-spacing:0.75px;padding:12px 24px;border:none;}.table td{padding:18px 24px;background-color:rgba(255,255,255,0.65);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);font-size:0.875rem;color:var(--text-primary);transition:var(--transition-smooth);vertical-align:middle;}.table td:first-child{border-left:1px solid var(--border-color);border-top-left-radius:12px;border-bottom-left-radius:12px;}.table td:last-child{border-right:1px solid var(--border-color);border-top-right-radius:12px;border-bottom-right-radius:12px;}.table tr{transition:var(--transition-smooth);}.table tr:hover td{background-color:#ffffff;border-color:#cbd5e1;}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px;padding:30px;}.info-item span{display:block;}.info-label{font-size:0.725rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:0.75px;margin-bottom:6px;}.info-value{font-size:0.95rem;font-weight:700;color:var(--text-primary);}.upload-slot{position:relative;background:#fafbfc;border:1.5px dashed var(--border-color);border-radius:var(--radius-md);padding:24px;transition:var(--transition-smooth);cursor:pointer;text-align:center;}.upload-slot:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.04);}.upload-slot i{font-size:1.6rem;color:var(--color-primary);transition:var(--transition-smooth);}.upload-slot:hover i{transform:translateY(-2px);color:#4f46e5;}.upload-slot p{font-size:0.775rem;font-weight:600;color:var(--text-secondary);margin-top:8px;}.upload-slot-file-info{display:flex;align-items:center;justify-content:space-between;background:#ffffff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);}.upload-slot-file-info:hover{border-color:rgba(0,0,0,0.08);transform:translateY(-1px);}.file-preview-thumbnail{width:48px;height:38px;border-radius:6px;object-fit:cover;border:1px solid var(--border-color);}.hidden-file-input{display:none;}.checklist-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);}.checklist-title{font-size:0.95rem;font-weight:750;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--text-primary);}.checklist-info{display:flex;align-items:center;gap:8px;}.checklist-name{font-weight:650;font-size:0.85rem;color:var(--text-primary);}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.25px;border:1px solid transparent;}.badge-inspection{background-color:rgba(245,158,11,0.05);color:#d97706;border-color:rgba(245,158,11,0.12);}.badge-done{background-color:rgba(14,165,233,0.05);color:#0284C7;border-color:rgba(14,165,233,0.12);}.badge-sky{background-color:rgba(14,165,233,0.05);color:#0284C7;border-color:rgba(14,165,233,0.12);}.badge-closed{background-color:rgba(16,185,129,0.05);color:#059669;border-color:rgba(16,185,129,0.12);}.badge-cancelled{background-color:rgba(239,68,68,0.05);color:#e11d48;border-color:rgba(239,68,68,0.12);}@media print{.sidebar,.topbar,.btn,.upload-area,.form-actions,.no-print,.checklist-card form{display:none !important;}.main-content{margin-left:0 !important;}body{background-color:#ffffff !important;color:#000000 !important;}.content-wrapper{padding:0 !important;}.detail-grid{grid-template-columns:1fr !important;}}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap;}.search-container{position:relative;display:inline-flex;align-items:center;}.search-container i{position:absolute;left:14px;color:var(--text-secondary);font-size:0.9rem;pointer-events:none;}.search-input{padding:10px 16px 10px 38px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);font-size:0.825rem;font-weight:500;width:260px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,0.08);}.search-input:focus ~ .search-kbd-hint{opacity:0 !important;transform:scale(0.9);pointer-events:none;}.pipeline-cards-container{transition:background-color 0.2s ease,border-color 0.2s ease;border:2px dashed transparent;border-radius:var(--radius-md);}.pipeline-cards-container.drag-over{background-color:rgba(99,102,241,0.02);border-color:rgba(99,102,241,0.2);}.pipeline-card.dragging{opacity:0.4;transform:scale(0.98);border-style:dashed;}@keyframes shake{0%,100%{transform:translateX(0);}20%,60%{transform:translateX(-6px);}40%,80%{transform:translateX(6px);}}.card-shake{animation:shake 0.4s ease-in-out;}#toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:1000;pointer-events:none;max-width:440px;width:calc(100vw - 48px);}.toast{pointer-events:auto;background:#ffffff;border:1px solid var(--border-color);box-shadow:0 10px 30px rgba(15,23,42,0.06),0 1px 3px rgba(0,0,0,0.02);border-radius:var(--radius-md);padding:14px 20px;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:100%;transform:translateX(120%) scale(0.9);opacity:0;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),opacity 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.toast.show{transform:translateX(0) scale(1);opacity:1;}.toast.hide{transform:translateY(-20px) scale(0.9);opacity:0;transition:transform 0.3s cubic-bezier(0.25,0.8,0.25,1),opacity 0.3s cubic-bezier(0.25,0.8,0.25,1);}.toast-icon{font-size:1.2rem;display:flex;align-items:center;margin-top:1px;}.toast-success .toast-icon{color:#10b981;}.toast-error .toast-icon{color:#ef4444;}.toast-warning .toast-icon{color:#f59e0b;}.toast-message{flex:1;font-size:0.85rem;font-weight:600;color:var(--text-primary);line-height:1.4;}@media (max-width:576px){#toast-container{top:16px;right:16px;left:16px;width:calc(100vw - 32px);max-width:none;gap:8px;}.toast{min-width:0;width:100%;max-width:100%;padding:12px 16px;transform:translateY(-20px) scale(0.95);}.toast.show{transform:translateY(0) scale(1);}.toast.hide{transform:translateY(-20px) scale(0.95);}}.modern-table-row{cursor:pointer;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1);}.modern-table-row:hover td{transform:translateY(-3px);background-color:#ffffff !important;border-color:rgba(99,102,241,0.25) !important;box-shadow:0 6px 20px rgba(15,23,42,0.04);}.modern-table-row:hover td:first-child{box-shadow:-6px 6px 20px rgba(15,23,42,0.04);}.modern-table-row:hover td:last-child{box-shadow:6px 6px 20px rgba(15,23,42,0.04);}.stack-sub-row{display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--text-secondary);margin-top:4px;}.sub-badge{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;transition:max-width 0.25s cubic-bezier(0.16,1,0.3,1);}.vessel-sub-badge{max-width:320px !important;}.sub-badge:hover{max-width:400px;overflow:visible;text-overflow:clip;}.sub-badge i{font-size:0.75rem;color:var(--text-muted);}.meta-dot{color:var(--text-muted);font-size:0.7rem;user-select:none;}.text-highlight-primary{color:var(--color-primary) !important;font-weight:600;}.text-highlight-success{color:var(--color-success) !important;font-weight:600;}.table-date-badge{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--text-primary);white-space:nowrap;}.table-date-badge i{color:var(--color-primary);font-size:0.85rem;}.customer-stack{display:flex;align-items:center;gap:12px;}.customer-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(99,102,241,0.05) 100%);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.75rem;border:1px solid rgba(99,102,241,0.15);text-transform:uppercase;}.text-stack{display:flex;flex-direction:column;gap:2px;}.stack-main{font-weight:650;color:var(--text-primary);font-size:0.875rem;display:inline-flex;align-items:center;gap:8px;}.stack-main i{color:var(--text-muted);font-size:0.95rem;display:inline-flex;align-items:center;}.stack-sub{font-size:0.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px;}.stack-sub i{font-size:0.8rem;color:var(--text-muted);}.action-link{font-size:0.825rem;font-weight:600;color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:var(--transition-smooth);}.action-link i{transition:transform 0.25s cubic-bezier(0.25,0.8,0.25,1);}.action-link:hover{color:var(--color-primary-hover);}.action-link:hover i{transform:translateX(4px);}.badge-status{display:inline-flex;align-items:center;gap:6px;}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;}.badge-inspection .status-dot{background-color:#f59e0b;animation:pulse-warning 2s infinite;}.badge-done .status-dot{background-color:#0284c7;animation:pulse-info 2s infinite;}.badge-closed .status-dot{background-color:#10b981;}.badge-cancelled .status-dot{background-color:#ef4444;}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 rgba(245,158,11,0.4);}70%{box-shadow:0 0 0 5px rgba(245,158,11,0);}100%{box-shadow:0 0 0 0 rgba(245,158,11,0);}}@keyframes pulse-info{0%{box-shadow:0 0 0 0 rgba(14,165,233,0.4);}70%{box-shadow:0 0 0 5px rgba(14,165,233,0);}100%{box-shadow:0 0 0 0 rgba(14,165,233,0);}}.table tr.row-status-inspection td:first-child{border-left:5px solid var(--color-warning);}.table tr.row-status-inspection:hover td{background-color:rgba(245,158,11,0.03) !important;}.row-status-inspection .job-ct-link{color:#d97706;}.row-status-inspection .job-ct-link:hover{color:#b45309;}.table tr.row-status-done td:first-child{border-left:5px solid var(--color-info);}.table tr.row-status-done:hover td{background-color:rgba(14,165,233,0.03) !important;}.row-status-done .job-ct-link{color:#0284c7;}.row-status-done .job-ct-link:hover{color:#0369a1;}.table tr.row-status-closed td:first-child{border-left:5px solid var(--color-success);}.table tr.row-status-closed:hover td{background-color:rgba(16,185,129,0.03) !important;}.row-status-closed .job-ct-link{color:#059669;}.row-status-closed .job-ct-link:hover{color:#047857;}.table tr.row-status-cancelled td:first-child{border-left:5px solid var(--color-danger);}.table tr.row-status-cancelled:hover td{background-color:rgba(239,68,68,0.03) !important;}.row-status-cancelled .job-ct-link{color:#ef4444;}.row-status-cancelled .job-ct-link:hover{color:#dc2626;}.filter-form{display:flex;align-items:center;gap:10px;width:fit-content;flex-shrink:0 !important;}.filter-group{display:flex;align-items:center;gap:4px;background-color:#f1f5f9;padding:4px;border-radius:8px;border:1px solid #e2e8f0;}.filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:10px;padding:6px 20px 6px 10px;font-size:0.8rem;font-weight:650;color:var(--text-secondary);outline:none;cursor:pointer;border-radius:6px;transition:var(--transition-smooth);font-family:inherit;}.filter-select:hover{background-color:#ffffff;color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,0.08);}.filter-select:focus{background-color:#ffffff;box-shadow:0 0 0 3px rgba(99,102,241,0.15);color:var(--text-primary);}.trend-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.725rem;font-weight:700;padding:2px 8px;border-radius:6px;transition:var(--transition-smooth);}.trend-badge-up{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid rgba(16,185,129,0.15);}.trend-badge-down{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid rgba(239,68,68,0.15);}.trend-badge-neutral{background-color:var(--border-light);color:var(--text-muted);border:1px solid var(--border-color);}.kanban-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center;background-color:rgba(248,250,252,0.5);border:2px dashed var(--border-color);border-radius:var(--radius-md);transition:var(--transition-smooth);min-height:120px;margin:4px;}.kanban-empty-state:hover{background-color:rgba(248,250,252,0.9);border-color:rgba(99,102,241,0.2);}.kanban-empty-state i{font-size:1.4rem;color:var(--text-muted);margin-bottom:8px;opacity:0.6;}.kanban-empty-state p{font-size:0.75rem;font-weight:600;color:var(--text-secondary);margin:0;}.chart-card{transition:max-height 0.4s cubic-bezier(0.25,0.8,0.25,1),opacity 0.4s cubic-bezier(0.25,0.8,0.25,1),margin-bottom 0.4s cubic-bezier(0.25,0.8,0.25,1);overflow:hidden;}.chart-wrapper{height:100%;position:relative;}.chart-card.collapsed{max-height:0 !important;opacity:0 !important;margin-bottom:0 !important;padding-bottom:0 !important;border:none !important;pointer-events:none;}.form-grid input[type="text"],.form-grid textarea,.table td,.pipeline-card,.premium-grid .cell-value,.report-content,.detail-badge-ct,.card-ct-no{text-transform:uppercase;}.chart-tabs{position:relative;display:flex;gap:4px;background:#f1f5f9;padding:3px;border-radius:6px;border:1px solid #e2e8f0;}.tab-btn{position:relative;z-index:2;border:none;background:transparent !important;padding:4px 12px;font-size:0.725rem;font-weight:750;border-radius:4px;cursor:pointer;color:var(--text-secondary);transition:color 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.15s cubic-bezier(0.34,1.56,0.64,1);font-family:inherit;letter-spacing:0.2px;}.tab-btn:hover{color:var(--text-primary);}.tab-btn:active{transform:scale(0.96);}.tab-btn.active{color:var(--text-primary) !important;background:transparent !important;box-shadow:none !important;}.tab-slider-indicator{position:absolute;top:3px;bottom:3px;left:0;background-color:#ffffff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),width 0.35s cubic-bezier(0.16,1,0.3,1);z-index:1;pointer-events:none;}.chart-wrapper{position:relative;height:100%;width:100%;}.dashboard-controls-container{display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:24px;width:100%;flex-wrap:wrap;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:12px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;position:relative;z-index:20;}@media (min-width:577px){.dashboard-controls-container{position:sticky;top:12px;z-index:100;background-color:rgba(248,250,252,0.96);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 10px 30px -10px rgba(15,23,42,0.08),var(--shadow-sm);}}.search-input,.filter-group,.view-toggle-container,.dashboard-controls-container .btn{height:42px !important;box-sizing:border-box !important;margin:0 !important;}.filter-form,.view-toggle-container,.dashboard-controls-container .btn{flex-shrink:0 !important;}.filter-form,.view-toggle-container,.dashboard-controls-container .btn{position:relative !important;z-index:15 !important;}.filter-select{height:100% !important;cursor:pointer !important;transition:all 0.15s ease !important;}.filter-select:active{opacity:0.85 !important;}.view-btn{transition:all 0.15s cubic-bezier(0.16,1,0.3,1) !important;}.view-btn:active{opacity:0.85 !important;}.dashboard-controls-container .search-container{flex-grow:1;min-width:200px;max-width:280px;}.dashboard-controls-container .search-input{padding:0 16px 0 38px !important;display:inline-flex;align-items:center;width:100% !important;background-color:var(--bg-primary) !important;transition:var(--transition-smooth);}.filter-group{background-color:var(--bg-primary) !important;border:1px solid var(--border-color) !important;padding:3px !important;align-items:center;margin-bottom:0 !important;}.view-toggle-container{background-color:var(--bg-primary) !important;border:1px solid var(--border-color) !important;padding:3px !important;margin:0 !important;align-items:stretch !important;flex-shrink:0 !important;}.dashboard-controls-container .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 16px !important;font-size:0.8rem !important;background-color:var(--bg-primary) !important;border:1px solid var(--border-color) !important;color:var(--text-secondary) !important;flex-shrink:0 !important;}.btn-outline:hover{background-color:var(--border-light) !important;color:var(--text-primary) !important;border-color:#cbd5e1 !important;}.btn-export-csv:hover{background-color:rgba(16,185,129,0.08) !important;border-color:rgba(16,185,129,0.3) !important;color:#10B981 !important;}.btn-whatsapp-report:hover{background-color:rgba(37,211,102,0.08) !important;border-color:rgba(37,211,102,0.3) !important;color:#25D366 !important;}@media (max-width:1200px){.dashboard-controls-container{justify-content:flex-start !important;gap:6px !important;padding:10px !important;}.dashboard-controls-container .search-container{width:160px !important;flex:0 0 160px !important;}.dashboard-controls-container .search-input{width:100% !important;font-size:0.775rem !important;padding-left:32px !important;}.dashboard-controls-container .search-container i{left:10px !important;}.dashboard-controls-container .search-kbd-hint{display:none !important;}.dashboard-controls-container .btn,.dashboard-controls-container .view-btn,.dashboard-controls-container .filter-group,.dashboard-controls-container .filter-select{padding-left:10px !important;padding-right:10px !important;font-size:0.775rem !important;letter-spacing:-0.1px !important;}}@media (max-width:576px){.dashboard-controls-container{flex-direction:column;align-items:stretch;}.search-container,.filter-form,.filter-group,.view-toggle-container,.dashboard-controls-container .btn{width:100% !important;display:flex;}.filter-select,.view-btn{flex:1;justify-content:center;text-align:center;}}.autocomplete-container{position:relative;width:100%;}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background-color:rgba(255,255,255,0.9);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 10px 30px rgba(99,102,241,0.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-height:220px;overflow-y:auto;z-index:9999;margin-top:4px;display:none;animation:slideDownFade 0.2s cubic-bezier(0.25,0.8,0.25,1);}.autocomplete-dropdown.show{display:block;}.autocomplete-item{padding:10px 16px;font-size:0.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--border-light);}.autocomplete-item:last-child{border-bottom:none;}.autocomplete-item:hover,.autocomplete-item.active{background-color:var(--color-primary-light);color:var(--color-primary);}.autocomplete-empty{padding:12px 16px;font-size:0.9rem;color:var(--text-muted);font-style:italic;text-align:center;}@keyframes slideDownFade{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.avatar-color-indigo{background:rgba(99,102,241,0.1) !important;color:#4f46e5 !important;border-color:rgba(99,102,241,0.2) !important;}.avatar-color-emerald{background:rgba(16,185,129,0.1) !important;color:#059669 !important;border-color:rgba(16,185,129,0.2) !important;}.avatar-color-sky{background:rgba(14,165,233,0.1) !important;color:#0284c7 !important;border-color:rgba(14,165,233,0.2) !important;}.avatar-color-rose{background:rgba(244,63,94,0.1) !important;color:#e11d48 !important;border-color:rgba(244,63,94,0.2) !important;}.avatar-color-amber{background:rgba(245,158,11,0.1) !important;color:#d97706 !important;border-color:rgba(245,158,11,0.2) !important;}.avatar-color-purple{background:rgba(168,85,247,0.1) !important;color:#7c3aed !important;border-color:rgba(168,85,247,0.2) !important;}.unit-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;font-size:0.725rem;font-weight:700;text-transform:uppercase;letter-spacing:0.25px;border:1px solid transparent;}.unit-badge i{font-size:0.75rem;}.unit-complete{background-color:rgba(99,102,241,0.05);color:#4f46e5;border-color:rgba(99,102,241,0.12);}.unit-cartridge{background-color:rgba(168,85,247,0.05);color:#7c3aed;border-color:rgba(168,85,247,0.12);}.unit-rotorshaft{background-color:rgba(14,165,233,0.05);color:#0284c7;border-color:rgba(14,165,233,0.12);}.badge-status i{font-size:0.8rem;display:inline-flex;align-items:center;}.pulse-icon{animation:pulse-search 1.8s infinite ease-in-out;}@keyframes pulse-search{0%,100%{opacity:0.5;transform:scale(0.92);}50%{opacity:1;transform:scale(1.08);}}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);opacity:0.35;transform:translateX(-6px);transition:var(--transition-smooth);}.modern-table-row:hover .row-action-btn{background-color:var(--color-primary);color:#ffffff;border-color:var(--color-primary);transform:translateX(0) scale(1.1);opacity:1;box-shadow:0 4px 12px rgba(99,102,241,0.2);}.row-action-btn i{font-size:0.85rem;font-weight:800;display:inline-flex;}.stat-card.active{border-width:1px !important;transform:translateY(-4px);}.stat-card.active.stat-total{border-color:var(--color-primary) !important;box-shadow:0 12px 24px -8px rgba(99,102,241,0.25),0 4px 10px rgba(99,102,241,0.05) !important;}.stat-card.active.stat-inspection{border-color:var(--color-warning) !important;box-shadow:0 12px 24px -8px rgba(245,158,11,0.25),0 4px 10px rgba(245,158,11,0.05) !important;}.stat-card.active.stat-done{border-color:var(--color-info) !important;box-shadow:0 12px 24px -8px rgba(14,165,233,0.25),0 4px 10px rgba(14,165,233,0.05) !important;}.stat-card.active.stat-closed{border-color:var(--color-success) !important;box-shadow:0 12px 24px -8px rgba(16,185,129,0.25),0 4px 10px rgba(16,185,129,0.05) !important;}.stat-card.active.stat-cancelled{border-color:var(--color-danger) !important;box-shadow:0 12px 24px -8px rgba(239,68,68,0.25),0 4px 10px rgba(239,68,68,0.05) !important;}.pipeline-col{transition:opacity 0.35s cubic-bezier(0.16,1,0.3,1),transform 0.35s cubic-bezier(0.16,1,0.3,1),flex-grow 0.35s cubic-bezier(0.16,1,0.3,1),flex-shrink 0.35s cubic-bezier(0.16,1,0.3,1),flex-basis 0.35s cubic-bezier(0.16,1,0.3,1),min-width 0.35s cubic-bezier(0.16,1,0.3,1),margin 0.35s cubic-bezier(0.16,1,0.3,1),padding 0.35s cubic-bezier(0.16,1,0.3,1);opacity:1;transform:scale(1);}.pipeline-col.hidden-col{opacity:0;transform:scale(0.92) translateY(16px);flex-grow:0 !important;flex-shrink:0 !important;flex-basis:0px !important;min-width:0px !important;margin:0 !important;padding:0 !important;overflow:hidden;pointer-events:none;}.modern-table-row{transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.25s cubic-bezier(0.16,1,0.3,1),background-color 0.2s ease;opacity:1;transform:translateY(0);}.modern-table-row.anim-fade-out{opacity:0 !important;transform:translateY(-8px) !important;}.modern-table-row.hidden-row{display:none !important;}.modern-table-row.anim-fade-in{animation:rowFadeIn 0.3s cubic-bezier(0.34,1.56,0.64,1) forwards;}@keyframes rowFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}@keyframes tabFadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}.chart-wrapper.active-tab-anim{animation:tabFadeIn 0.45s cubic-bezier(0.16,1,0.3,1) forwards !important;}.stagger-in{opacity:0;animation:fadeInUpStagger 0.6s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes fadeInUpStagger{from{opacity:0;}to{opacity:1;}}.stats-grid .stat-card:nth-child(1){animation-delay:0ms;}.stats-grid .stat-card:nth-child(2){animation-delay:50ms;}.stats-grid .stat-card:nth-child(3){animation-delay:100ms;}.stats-grid .stat-card:nth-child(4){animation-delay:150ms;}.stats-grid .stat-card:nth-child(5){animation-delay:200ms;}.chart-card.stagger-in{animation-delay:250ms;}.dashboard-controls-container.stagger-in{animation-delay:300ms;}.pipeline-board .pipeline-col:nth-child(1){animation-delay:350ms;}.pipeline-board .pipeline-col:nth-child(2){animation-delay:400ms;}.pipeline-board .pipeline-col:nth-child(3){animation-delay:450ms;}.pipeline-board .pipeline-col:nth-child(4){animation-delay:500ms;}#view-list-container .content-card.stagger-in{animation-delay:350ms;}.stagger-in:nth-child(1){animation-delay:50ms;}.stagger-in:nth-child(2){animation-delay:120ms;}.stagger-in:nth-child(3){animation-delay:190ms;}.stagger-in:nth-child(4){animation-delay:260ms;}.stagger-in:nth-child(5){animation-delay:330ms;}.pipeline-card:active{transform:scale(0.96) !important;}.view-btn:active,.btn:active,.sidebar-link:active{opacity:0.85 !important;}.pipeline-card{transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),box-shadow 0.4s cubic-bezier(0.16,1,0.3,1),border-color 0.4s cubic-bezier(0.16,1,0.3,1) !important;}.pipeline-card:hover{transform:translateY(-6px) scale(1.02) !important;box-shadow:0 16px 28px -10px rgba(15,23,42,0.08),0 8px 16px -8px rgba(0,0,0,0.04) !important;border-color:rgba(99,102,241,0.35) !important;}.pipeline-board{-webkit-overflow-scrolling:touch !important;scroll-behavior:smooth;}mark.search-highlight{background-color:rgba(245,158,11,0.25);color:inherit;padding:1px 3px;border-radius:4px;font-weight:inherit;box-shadow:0 0 0 1px rgba(245,158,11,0.1);}.custom-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1.5px solid var(--text-muted);border-radius:4px;outline:none;cursor:pointer;display:inline-grid;place-content:center;background-color:transparent;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);}.custom-checkbox:hover{border-color:var(--color-primary);background-color:var(--color-primary-light);}.custom-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);}.custom-checkbox:checked::before{content:"";width:8px;height:8px;background-color:#ffffff;clip-path:polygon(14% 44%,0 58%,33% 90%,100% 23%,86% 9%,33% 62%);transform:scale(1.1);}.custom-checkbox:focus-visible{box-shadow:0 0 0 3px rgba(99,102,241,0.2);}.bulk-action-bar{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background:rgba(255,255,255,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 20px 40px -10px rgba(15,23,42,0.15),0 1px 3px rgba(0,0,0,0.05);padding:10px 16px;z-index:1000;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1),opacity 0.4s cubic-bezier(0.16,1,0.3,1);opacity:0;}.bulk-action-bar.active{transform:translateX(-50%) translateY(0);opacity:1;}.bulk-bar-container{display:flex;align-items:center;gap:16px;}.bulk-bar-count{font-size:0.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;}.bulk-bar-divider{width:1px;height:20px;background-color:var(--border-color);}.bulk-bar-actions{display:flex;align-items:center;gap:8px;}.btn-bulk-action{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-size:0.8rem;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:6px;transition:var(--transition-fast);cursor:pointer;}.btn-bulk-action:hover{background-color:var(--border-light);border-color:var(--text-muted);}.btn-bulk-action:active{transform:scale(0.96);}.btn-bulk-delete{color:var(--color-danger);border-color:rgba(239,68,68,0.2);}.btn-bulk-delete:hover{background-color:rgba(239,68,68,0.05);border-color:var(--color-danger);}.bulk-bar-close-btn{background:transparent;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:50%;transition:var(--transition-fast);}.bulk-bar-close-btn:hover{background-color:var(--border-light);color:var(--text-primary);}.bulk-bar-dropdown-container{position:relative;}.bulk-bar-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;background-color:var(--bg-dropdown);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;display:none;flex-direction:column;gap:2px;min-width:170px;z-index:1010;}.bulk-bar-dropdown-container.open .bulk-bar-dropdown{display:flex;}.bulk-bar-dropdown button{background:transparent;border:none;text-align:left;padding:8px 12px;font-size:0.8rem;font-weight:600;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition-fast);}.bulk-bar-dropdown button:hover{background-color:var(--border-light);}.bulk-bar-dropdown button i{font-size:0.9rem;}.topbar-icon-btn{background:transparent;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);position:relative;}.topbar-icon-btn:hover{background-color:var(--color-primary-light);color:var(--color-primary);transform:scale(1.06);}.topbar-icon-btn:active{transform:scale(0.95);}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,23,42,0.15);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1);}.drawer-backdrop.active{opacity:1;pointer-events:auto;}.activity-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:100%;background:rgba(255,255,255,0.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-color);box-shadow:-10px 0 30px -10px rgba(15,23,42,0.08);z-index:2000;transform:translateX(100%);transition:transform 0.45s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;}.activity-drawer.active{transform:translateX(0);}.drawer-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;}.drawer-header h3{font-size:1rem;font-weight:750;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0;}.drawer-header h3 i{color:var(--color-primary);}.drawer-close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:var(--transition-fast);}.drawer-close-btn:hover{background-color:var(--border-light);color:var(--text-primary);}.drawer-body{flex-grow:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.spin-icon{animation:spin 1s linear infinite;}.log-item{background-color:#ffffff;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px 14px;display:flex;gap:12px;align-items:flex-start;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);}.log-item:hover{border-color:rgba(99,102,241,0.2);box-shadow:0 4px 12px rgba(99,102,241,0.04);}.log-user-badge{width:28px;height:28px;border-radius:50%;background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.log-content{flex-grow:1;min-width:0;}.log-header-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;gap:8px;}.log-username{font-size:0.78rem;font-weight:750;color:var(--text-primary);}.log-time{font-size:0.68rem;color:var(--text-muted);font-weight:500;white-space:nowrap;}.log-action{font-size:0.8rem;font-weight:600;color:var(--color-primary);margin-bottom:2px;}.log-details{font-size:0.76rem;color:var(--text-secondary);line-height:1.35;word-break:break-word;}.log-empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);}.log-empty-state i{font-size:2rem;display:block;margin-bottom:12px;opacity:0.5;}.log-load-more{width:100%;background:transparent;border:1px dashed var(--border-color);color:var(--color-primary);font-size:0.8rem;font-weight:600;padding:8px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:center;margin-top:8px;}.log-load-more:hover{background-color:var(--color-primary-light);border-style:solid;}.status-doc-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}.table-doc-flow{display:flex;align-items:center;gap:4px;}.flow-dot{display:inline-flex;align-items:center;justify-content:center;font-size:0.625rem;font-weight:800;width:20px;height:20px;border-radius:4px;user-select:none;border:1px solid transparent;transition:var(--transition-fast);}.flow-dot.uploaded{background-color:rgba(16,185,129,0.1);color:var(--color-success);border-color:rgba(16,185,129,0.2);}.flow-dot.missing{background-color:rgba(148,163,184,0.08);color:var(--text-muted);border-color:rgba(148,163,184,0.15);}.scroll-top-btn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background-color:var(--bg-dropdown);backdrop-filter:blur(16px);border:1px solid var(--border-card);color:var(--color-primary);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);z-index:99;}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0);}.scroll-top-btn:hover{background-color:var(--color-primary);color:#ffffff;transform:translateY(-3px);box-shadow:0 10px 20px rgba(99,102,241,0.2);}.scroll-top-btn:active{transform:translateY(-1px);}.empty-state-card{background:rgba(255,255,255,0.75);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(226,232,240,0.8);border-radius:24px;padding:48px 36px;max-width:460px;margin:24px auto;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,0.02),0 20px 40px -15px rgba(148,163,184,0.12),inset 0 0 0 1px rgba(255,255,255,0.6);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);transform:translateY(0);}.empty-state-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.02),0 25px 50px -12px rgba(148,163,184,0.18),inset 0 0 0 1px rgba(255,255,255,0.8);border-color:rgba(99,102,241,0.25);}.empty-state-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,rgba(99,102,241,0.08) 0%,rgba(124,58,237,0.03) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--color-primary);font-size:2rem;border:1px solid rgba(99,102,241,0.15);box-shadow:0 8px 16px -4px rgba(99,102,241,0.08),inset 0 2px 4px rgba(255,255,255,0.8);position:relative;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);}.empty-state-card:hover .empty-state-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(99,102,241,0.14) 0%,rgba(124,58,237,0.08) 100%);color:#4f46e5;box-shadow:0 12px 20px -4px rgba(99,102,241,0.15),0 0 0 4px rgba(99,102,241,0.05);border-color:rgba(99,102,241,0.3);}.empty-state-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:12px;letter-spacing:-0.02em;line-height:1.3;}.empty-state-desc{font-size:0.9rem;color:#64748b;line-height:1.6;max-width:340px;margin-bottom:28px;font-weight:450;}.empty-state-card .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:0.825rem;padding:10px 22px !important;border-radius:12px !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.empty-state-card .btn-primary{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%) !important;border:1px solid #0f172a !important;color:#ffffff !important;box-shadow:0 4px 12px rgba(15,23,42,0.12),inset 0 1px 0 rgba(255,255,255,0.15) !important;}.empty-state-card .btn-primary:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%) !important;border-color:#1e293b !important;color:#ffffff !important;box-shadow:0 6px 16px rgba(15,23,42,0.18),inset 0 1px 0 rgba(255,255,255,0.25) !important;transform:translateY(-2px);}.empty-state-card .btn-outline{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#334155 !important;box-shadow:0 1px 2px rgba(0,0,0,0.05) !important;}.empty-state-card .btn-outline:hover{background:#f8fafc !important;border-color:#94a3b8 !important;color:#0f172a !important;box-shadow:0 4px 12px rgba(148,163,184,0.1) !important;transform:translateY(-2px);}.empty-state-card,.empty-state-card *{text-transform:none !important;}.sortable-header{transition:var(--transition-fast);}.sortable-header:hover{color:var(--color-primary) !important;}.sort-icon{transition:var(--transition-fast);}.sort-header-content{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}.table-progress-bar-container{padding:20px 24px;background:rgba(255,255,255,0.45) !important;backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:var(--transition-smooth);}.progress-trophy-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;box-shadow:0 4px 10px rgba(99,102,241,0.25);transition:var(--transition-smooth);}.table-progress-bar-container:hover .progress-trophy-badge{transform:scale(1.08) rotate(5deg);box-shadow:0 6px 14px rgba(99,102,241,0.35);}.progress-track-wrapper{width:100%;background-color:rgba(15,23,42,0.06);height:10px;border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);}.progress-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#0ea5e9 50%,#10b981 100%);height:100%;border-radius:6px;transition:width 0.8s cubic-bezier(0.16,1,0.3,1);position:relative;box-shadow:0 1px 2px rgba(16,185,129,0.2);}.progress-bar-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0) 100% );background-size:200% 100%;animation:shimmer-progress 3s infinite linear;}@keyframes shimmer-progress{0%{background-position:-200% 0;}100%{background-position:200% 0;}}.form-section{background:#ffffff;border:1px solid rgba(226,232,240,0.9);border-radius:var(--radius-lg);padding:28px;margin-bottom:8px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.01),0 2px 4px -1px rgba(0,0,0,0.01);transition:var(--transition-smooth);}.form-section:hover{box-shadow:0 10px 25px -5px rgba(99,102,241,0.04),0 8px 16px -6px rgba(0,0,0,0.01);border-color:rgba(99,102,241,0.25);}.form-section-title{font-size:0.85rem;font-weight:800;color:var(--text-primary);margin-bottom:24px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:0.75px;border-bottom:1px solid var(--border-light);padding-bottom:16px;}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:1.05rem;box-shadow:0 2px 4px rgba(0,0,0,0.02);}.icon-admin{background-color:rgba(99,102,241,0.08);color:var(--color-primary);border:1px solid rgba(99,102,241,0.15);}.icon-customer{background-color:rgba(16,185,129,0.08);color:var(--color-success);border:1px solid rgba(16,185,129,0.15);}.icon-specs{background-color:rgba(245,158,11,0.08);color:var(--color-warning);border:1px solid rgba(245,158,11,0.15);}.icon-repair{background-color:rgba(14,165,233,0.08);color:var(--color-info);border:1px solid rgba(14,165,233,0.15);}.form-section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.form-section-grid-textarea{grid-template-columns:1fr;}@media (max-width:768px){.form-section-grid{grid-template-columns:1fr;gap:20px;}}.input-icon-wrapper{position:relative;width:100%;}.input-icon-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1.15rem;pointer-events:none;transition:var(--transition-fast);z-index:5;}.input-icon-wrapper .form-input,.input-icon-wrapper .form-select{padding-left:46px !important;}.input-icon-wrapper:focus-within i{color:var(--color-primary);}.input-icon-wrapper .autocomplete-container{width:100%;}.input-icon-wrapper input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--border-color);background-color:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-wrap:wrap;gap:16px;}.pagination-info{font-size:0.825rem;color:var(--text-secondary);font-weight:500;}.pagination-highlight{font-weight:700;color:var(--text-primary);}.pagination-buttons{display:flex;gap:6px;align-items:center;}.pagination-btn,.pagination-number,.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);font-size:0.85rem;text-decoration:none;transition:var(--transition-fast);box-sizing:border-box;}.pagination-btn,.pagination-number{border:1px solid var(--border-color);background-color:#ffffff;color:var(--text-primary);font-weight:650;cursor:pointer;}.pagination-btn:hover,.pagination-number:not(.active):hover{background-color:var(--color-primary-light) !important;border-color:rgba(99,102,241,0.3) !important;color:var(--color-primary) !important;transform:translateY(-1px);box-shadow:0 4px 8px rgba(99,102,241,0.08);}.pagination-number.active{border-color:var(--color-primary) !important;background-color:var(--color-primary) !important;color:#ffffff !important;font-weight:700;cursor:default;pointer-events:none;box-shadow:0 4px 10px rgba(99,102,241,0.2);}.pagination-btn.disabled{background-color:var(--bg-primary) !important;border-color:var(--border-color) !important;color:var(--text-muted) !important;pointer-events:none;cursor:not-allowed;opacity:0.6;}.pagination-ellipsis{color:var(--text-muted);font-weight:500;cursor:default;}.skeleton-log-item{display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-light);}.skeleton-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;}.skeleton-lines{flex-grow:1;display:flex;flex-direction:column;gap:6px;}.skeleton-line{height:12px;border-radius:4px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;}.skeleton-line.short{width:35%;}.skeleton-line.medium{width:60%;}.skeleton-line.long{width:85%;}@keyframes skeleton-shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.content-wrapper{position:relative;transition:opacity 0.3s ease;}.content-wrapper.ajax-loading .stats-grid,.content-wrapper.ajax-loading #view-pipeline-container,.content-wrapper.ajax-loading #view-list-container,.content-wrapper.ajax-loading .chart-card{pointer-events:none;}.content-wrapper.ajax-loading .stats-grid,.content-wrapper.ajax-loading #view-pipeline-container,.content-wrapper.ajax-loading #view-list-container,.content-wrapper.ajax-loading .chart-card{opacity:0.55;filter:blur(1px);transition:opacity 0.3s ease,filter 0.3s ease;}.preview-modal{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:2000000 !important;opacity:0 !important;pointer-events:none !important;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1) !important;}.preview-modal.show{opacity:1 !important;pointer-events:auto !important;}.preview-modal-backdrop{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(15,23,42,0.45) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}.preview-modal-content{position:relative !important;width:90% !important;max-width:960px !important;height:85vh !important;background:#ffffff !important;border:1px solid rgba(255,255,255,0.5) !important;border-radius:var(--radius-lg) !important;box-shadow:0 30px 70px rgba(15,23,42,0.15),0 0 100px rgba(99,102,241,0.05) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;z-index:1010 !important;transform:scale(0.96) translateY(8px) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1) !important;}.preview-modal.show .preview-modal-content{transform:scale(1) translateY(0) !important;}.preview-modal-header{padding:16px 24px !important;border-bottom:1px solid var(--border-color) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;background:rgba(255,255,255,0.5) !important;}.preview-modal-header h3{margin:0 !important;font-size:0.95rem !important;font-weight:750 !important;color:var(--text-primary) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:60% !important;}.preview-modal-body{flex-grow:1 !important;background-color:rgba(15,23,42,0.02) !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:auto !important;padding:24px !important;position:relative !important;}.wa-preview-content{max-width:500px !important;height:auto !important;max-height:90vh !important;}.wa-preview-content .preview-modal-body{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;gap:16px !important;}.wa-preview-content .preview-modal-body .form-group:last-child{flex-grow:1 !important;display:flex !important;flex-direction:column !important;margin-bottom:0 !important;}.wa-preview-content .preview-modal-body #wa-message-text{flex-grow:1 !important;min-height:200px !important;}@media (max-width:576px){.wa-preview-content{width:95% !important;margin:10px !important;}}.pin-modal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:1200000 !important;opacity:0 !important;pointer-events:none !important;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1) !important;}.pin-modal-overlay.show{opacity:1 !important;pointer-events:auto !important;}.pin-modal-backdrop{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background-color:rgba(15,23,42,0.5) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}.pin-modal-card{position:relative !important;width:90% !important;max-width:420px !important;background:#ffffff !important;border:1px solid var(--border-color) !important;border-radius:var(--radius-lg) !important;box-shadow:0 30px 60px rgba(15,23,42,0.15),0 0 80px rgba(99,102,241,0.08) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;padding:32px 28px !important;z-index:1210 !important;transform:scale(0.95) translateY(10px) !important;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),opacity 0.25s ease !important;opacity:0 !important;text-align:center !important;}.pin-modal-overlay.show .pin-modal-card{transform:scale(1) translateY(0) !important;opacity:1 !important;}.pin-modal-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:56px !important;height:56px !important;border-radius:50% !important;background:rgba(245,158,11,0.1) !important;color:#d97706 !important;font-size:1.8rem !important;margin:0 auto 16px auto !important;}.pin-modal-title{font-size:1.25rem !important;font-weight:800 !important;color:var(--text-primary) !important;margin:0 0 8px 0 !important;letter-spacing:-0.2px !important;}.pin-modal-desc{font-size:0.85rem !important;color:var(--text-secondary) !important;line-height:1.5 !important;margin:0 0 24px 0 !important;}.pin-modal-input-wrapper{margin-bottom:24px !important;position:relative !important;}.pin-display-container{display:inline-flex !important;gap:18px !important;justify-content:center !important;margin:10px auto 28px auto !important;cursor:pointer !important;padding:8px !important;}.pin-dot{width:18px !important;height:18px !important;border-radius:50% !important;border:2px solid rgba(15,23,42,0.2) !important;background:rgba(15,23,42,0.04) !important;transition:all 0.2s cubic-bezier(0.16,1,0.3,1) !important;position:relative !important;}.pin-dot.filled{background:var(--color-primary) !important;border-color:var(--color-primary) !important;transform:scale(1.15) !important;box-shadow:0 0 12px rgba(99,102,241,0.3) !important;}@keyframes dotPulse{0%,100%{transform:scale(1);border-color:var(--color-primary);box-shadow:0 0 0 0 rgba(99,102,241,0.4);}50%{transform:scale(1.25);border-color:var(--color-primary-hover);box-shadow:0 0 0 8px rgba(99,102,241,0.18);}}.pin-dot.active{animation:dotPulse 1.2s infinite ease-in-out !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;}.pin-modal-buttons{display:flex !important;gap:12px !important;justify-content:center !important;}.pin-modal-buttons .btn{flex:1 !important;justify-content:center !important;padding:12px 16px !important;font-weight:700 !important;border-radius:10px !important;}.activity-filter-pills::-webkit-scrollbar{height:4px !important;display:block !important;}.activity-filter-pills::-webkit-scrollbar-track{background:transparent !important;}.activity-filter-pills::-webkit-scrollbar-thumb{background-color:var(--border-color) !important;border-radius:10px !important;}.activity-filter-pills::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted) !important;}.activity-filter-pills .pill-btn{font-family:var(--font-main) !important;font-size:0.725rem !important;font-weight:700 !important;padding:6px 12px !important;border-radius:12px !important;background-color:var(--border-light) !important;border:1px solid var(--border-color) !important;color:var(--text-secondary) !important;cursor:pointer !important;white-space:nowrap !important;transition:var(--transition-fast) !important;}.activity-filter-pills .pill-btn:hover{color:var(--text-primary) !important;background-color:var(--border-color) !important;}.activity-filter-pills .pill-btn.active{background-color:var(--color-primary) !important;border-color:var(--color-primary) !important;color:#ffffff !important;box-shadow:0 4px 10px rgba(99,102,241,0.2) !important;}.restore-drag-zone:hover{border-color:var(--color-primary) !important;background-color:var(--bg-primary) !important;}.restore-drag-zone.dragover{border-color:var(--color-success) !important;background-color:rgba(16,185,129,0.05) !important;box-shadow:0 0 0 4px rgba(16,185,129,0.1) !important;}.restore-drag-zone.uploading{pointer-events:none !important;border-color:var(--color-primary) !important;background-color:var(--bg-primary) !important;}.restore-history-drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(15,23,42,0.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1050;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0.4s cubic-bezier(0.16,1,0.3,1);}.restore-history-drawer-backdrop.active{opacity:1;visibility:visible;}.restore-history-drawer{position:fixed;top:0;right:0;width:100%;max-width:440px;height:100vh;background:rgba(255,255,255,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-color);box-shadow:-10px 0 30px -5px rgba(15,23,42,0.08);z-index:1060;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.16,1,0.3,1);}.restore-history-drawer.active{transform:translateX(0);}.restore-history-drawer .drawer-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;}.restore-history-drawer .drawer-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-0.25px;}.restore-history-drawer .drawer-subtitle{font-size:0.775rem;color:var(--text-secondary);font-weight:550;display:block;margin-top:2px;}.restore-history-drawer .drawer-close-btn{border:none;background:var(--border-light);color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);}.restore-history-drawer .drawer-close-btn:hover{background:var(--border-color);color:var(--text-primary);transform:scale(1.05);}.restore-history-drawer .drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;}.restore-history-drawer .drawer-info-note{background-color:var(--color-primary-light);border:1px solid rgba(99,102,241,0.15);color:var(--color-primary);border-radius:12px;padding:12px 16px;font-size:0.775rem;display:flex;gap:10px;align-items:flex-start;line-height:1.4;}.restore-history-drawer .drawer-info-note i{font-size:1rem;margin-top:1px;}.restore-history-drawer .restore-history-list{display:flex;flex-direction:column;gap:12px;}.restore-history-drawer .restore-backup-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:var(--transition-fast);}.restore-history-drawer .restore-backup-item:hover{border-color:rgba(99,102,241,0.4);box-shadow:0 4px 12px rgba(15,23,42,0.03);background:#ffffff;}.restore-history-drawer .backup-meta-wrapper{display:flex;align-items:flex-start;gap:12px;}.restore-history-drawer .backup-icon{font-size:1.5rem;color:var(--color-primary);background:var(--color-primary-light);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.restore-history-drawer .backup-details{display:flex;flex-direction:column;gap:2px;}.restore-history-drawer .backup-name{font-size:0.8rem;font-weight:700;color:var(--text-primary);word-break:break-all;}.restore-history-drawer .backup-time-size{font-size:0.725rem;color:var(--text-secondary);font-weight:550;display:flex;align-items:center;gap:8px;}.restore-history-drawer .backup-time-size span.divider{width:3px;height:3px;border-radius:50%;background:var(--text-muted);}.restore-history-drawer .backup-actions{display:flex;gap:8px;margin-top:4px;}.restore-history-drawer .backup-actions button{flex:1;padding:8px 12px;font-size:0.75rem;font-weight:700;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:var(--transition-fast);border:none;}.restore-history-drawer .btn-download-backup{background:var(--border-light);border:1px solid var(--border-color) !important;color:var(--text-secondary);}.restore-history-drawer .btn-download-backup:hover{background:var(--border-color);color:var(--text-primary);}.restore-history-drawer .btn-rollback-backup{background:rgba(245,158,11,0.08);border:1px solid rgba(245,158,11,0.2) !important;color:#d97706;}.restore-history-drawer .btn-rollback-backup:hover{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.3) !important;color:#b45309;}.restore-history-drawer .drawer-empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px;}.restore-history-drawer .drawer-empty-state i{font-size:2.5rem;opacity:0.6;color:var(--text-muted);}.restore-history-drawer .drawer-empty-state span{font-size:0.85rem;font-weight:600;}@keyframes pulse-green{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0.7);}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(16,185,129,0);}}@keyframes pulse-yellow{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(245,158,11,0.7);}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(245,158,11,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(245,158,11,0);}}.chart-wrapper{position:relative !important;height:100% !important;width:100% !important;box-sizing:border-box !important;}#chartjs-tooltip{pointer-events:none !important;}#chartjs-tooltip[style*="opacity:0"],#chartjs-tooltip[style*="opacity:0"],#chartjs-tooltip.hidden{display:none !important;visibility:hidden !important;opacity:0 !important;width:0 !important;height:0 !important;padding:0 !important;border:none !important;}[data-tooltip]:not(.sidebar-link){position:relative;}[data-tooltip]:not(.sidebar-link)::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%) translateY(4px);background-color:#0f172a;color:#ffffff;padding:6px 12px;border-radius:6px;font-size:0.725rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(15,23,42,0.15),0 1px 3px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.08);opacity:0;pointer-events:none;transition:opacity 0.18s cubic-bezier(0.4,0,0.2,1),transform 0.18s cubic-bezier(0.4,0,0.2,1);z-index:1050;letter-spacing:0.015em;}[data-tooltip]:not(.sidebar-link)::before{content:'';position:absolute;bottom:115%;left:50%;transform:translateX(-50%) translateY(4px);border-width:5px;border-style:solid;border-color:#0f172a transparent transparent transparent;opacity:0;pointer-events:none;transition:opacity 0.18s cubic-bezier(0.4,0,0.2,1),transform 0.18s cubic-bezier(0.4,0,0.2,1);z-index:1050;}@media (hover:hover){[data-tooltip]:not(.sidebar-link):hover::after{opacity:1;transform:translateX(-50%) translateY(0);}[data-tooltip]:not(.sidebar-link):hover::before{opacity:1;transform:translateX(-50%) translateY(0);}}.kanban-more-indicator{padding:12px;text-align:center;background-color:var(--bg-secondary);border-radius:8px;margin-top:8px;border:1px dashed var(--border-color);}.kanban-more-indicator span{display:block;font-size:0.775rem;color:var(--text-secondary);font-weight:600;}.kanban-more-indicator a{display:block;font-size:0.75rem;color:var(--color-primary);font-weight:700;margin-top:4px;text-decoration:none;transition:opacity 0.2s ease;}.kanban-more-indicator a:hover{opacity:0.8;}.btn-optimize-action{border:1px solid rgba(16,185,129,0.3);background-color:rgba(16,185,129,0.03);color:#059669;padding:12px 24px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:background-color 0.2s ease,border-color 0.2s ease;}.btn-optimize-action:hover{background-color:rgba(16,185,129,0.08);border-color:rgba(16,185,129,0.5);}.btn-danger-outline{border:1px solid rgba(239,68,68,0.3);background-color:rgba(239,68,68,0.03);color:#ef4444;padding:12px 24px;border-radius:12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;transition:background-color 0.2s ease,border-color 0.2s ease;}.btn-danger-outline:hover{background-color:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.5);}