@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #0f172a;--light: #f1f5f9;--gray: #64748b;--border: #e2e8f0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;color:var(--dark)}.dashboard-page{display:flex;min-height:100vh;background:#f4f6fb;color:var(--dark)}#root{min-height:100vh}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary))}.app-sidebar{width:260px;min-width:260px;height:100vh;position:fixed;top:0;left:0;background:linear-gradient(180deg,#0f1f44,#0a1736);color:#dce5f8;display:flex;flex-direction:column;padding:14px 14px 12px;z-index:200;border-right:1px solid rgba(140,164,216,.14);overflow:hidden;transition:transform .3s ease}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding:6px 4px;flex-shrink:0}.brand-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:contain;display:block}.brand-text{display:flex;flex-direction:column}.brand{font-size:18px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.brand-sub{margin-top:4px;text-transform:uppercase;font-size:10px;letter-spacing:.18em;color:#d6e3fbb8}.sidebar-menu{display:flex;flex-direction:column;gap:6px;flex:1;padding-top:2px;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:rgba(100,130,200,.3) transparent}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#6482c84d;border-radius:4px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#6482c88c}.sidebar-group-label{margin:12px 8px 6px;color:#ccdaf68f;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:650}.sidebar-group-label-finance{margin-top:16px}.sidebar-item{background:transparent;border:0;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;color:#d6e1f6;width:100%;text-align:left;font-size:15px;font-weight:500;transition:background .2s ease,color .2s ease}.sidebar-item span{flex:1}.sidebar-item:hover{background:#ffffff12;color:#f2f7ff}.sidebar-item.active{background:#0e2a63;color:#eaf2ff}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;flex-direction:column;gap:6px;margin-top:auto;flex-shrink:0}.logout-btn{color:#ff6b6b;margin-top:6px}.logout-btn:hover{background:#ff6b6b26;color:#ff8787}.sidebar-logout-btn{color:#f87171!important}.sidebar-logout-btn:hover{background:#f871711f!important;color:#fca5a5!important}.hamburger-menu-btn{display:none;position:fixed;top:20px;left:20px;z-index:300;background:linear-gradient(135deg,#0f1f44,#0a1736);border:none;border-radius:10px;padding:10px;cursor:pointer;color:#dce5f8;box-shadow:0 4px 12px #0003;transition:all .3s ease}.hamburger-menu-btn.menu-open{left:230px;background:linear-gradient(135deg,#1a2f5a,#0f2049)}.hamburger-menu-btn:hover{background:linear-gradient(135deg,#1a2f5a,#0f2049);transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.hamburger-menu-btn:active{transform:scale(.95)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1080px){.hamburger-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}.app-sidebar{transform:translate(-100%);opacity:0;pointer-events:none;visibility:hidden;z-index:250}.app-sidebar.mobile-open{transform:translate(0);opacity:1;pointer-events:auto;visibility:visible;box-shadow:4px 0 20px #0000004d}}.user-mgmt-page{display:flex;min-height:100vh;background:#f6f6f8}.user-mgmt-main{flex:1;margin-left:260px;padding:30px;overflow-y:auto}.user-mgmt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.user-mgmt-header h1{font-size:28px;color:#111827;margin-bottom:8px}.user-mgmt-header p{color:#666;font-size:14px}.user-mgmt-header-actions{display:flex;gap:12px}.export-btn,.invite-btn{padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.export-btn{background:#fff;color:#374151;border:1px solid #d1d5db}.export-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.export-btn:active{transform:translateY(0)}.invite-btn{background:#2463eb;color:#fff}.invite-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2463eb4d}.invite-btn:active{transform:translateY(0)}.user-mgmt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:all .3s ease}.stat-box:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.stat-label{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:#111827}.stat-trend{font-size:12px;font-weight:600;margin-left:8px}.stat-trend.up{color:#059669}.stat-trend.down{color:#dc2626}.stat-trend.stable{color:#6b7280}.user-mgmt-table-controls{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:20px;align-items:center}.search-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:all .3s ease;width:100%}.search-bar:focus-within{border-color:#2463eb;box-shadow:0 0 0 3px #2463eb1a}.search-icon{font-size:16px;color:#9ca3af;transition:color .3s ease;flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.search-bar:focus-within .search-icon{color:#2463eb}.search-bar input{flex:1;min-width:0;border:none;outline:none;font-size:14px;background:transparent;transition:all .3s ease;width:100%;font-family:inherit}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:#9ca3af;transition:color .3s ease}.table-filters{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:nowrap}.table-filters select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;color:#374151;transition:all .3s ease;white-space:nowrap;min-width:160px;font-family:inherit}.table-filters select:hover{border-color:#9ca3af;background:#f9fafb}.table-filters select:focus{outline:none;border-color:#2463eb;box-shadow:0 0 0 3px #2463eb1a;background:#fff}.user-mgmt-table-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;transition:box-shadow .3s ease}.user-mgmt-table-card:hover{box-shadow:0 4px 12px #00000014}.user-mgmt-table{width:100%;border-collapse:collapse}.user-mgmt-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.user-mgmt-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.user-mgmt-table td{padding:14px 16px;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}.user-mgmt-table tbody tr{transition:background-color .2s ease}.user-mgmt-table tbody tr:hover{background:#f9fafb}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb;transition:all .2s ease}.user-cell:hover .user-avatar{border-color:#2463eb}.user-name{font-weight:600;color:#111827;margin-bottom:2px;transition:color .2s ease}.user-cell:hover .user-name{color:#2463eb}.user-email{font-size:12px;color:#9ca3af}.user-type-badge,.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;transition:all .2s ease;white-space:nowrap}.worker-badge{background:#dbeafe;color:#0c4a6e}.worker-badge:hover{box-shadow:0 2px 8px #0c4a6e26}.vendor-badge{background:#fce7f3;color:#831843}.vendor-badge:hover{box-shadow:0 2px 8px #83184326}.status-badge.active:hover{box-shadow:0 2px 8px #065f4626}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.pending:hover{box-shadow:0 2px 8px #92400e26}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.rejected:hover{box-shadow:0 2px 8px #991b1b26}.status-badge.suspended{background:#fde68a;color:#92400e}.status-badge.suspended:hover{box-shadow:0 2px 8px #92400e26}.status-badge.banned{background:#fecaca;color:#7f1d1d}.status-badge.banned:hover{box-shadow:0 2px 8px #7f1d1d26}.action-icon{display:inline-block;margin-right:8px;cursor:pointer;font-size:16px;transition:all .2s ease;padding:4px 8px;border-radius:4px}.action-icon:hover{transform:scale(1.1);background:#2463eb1a}.action-icon:active{transform:scale(.95)}.user-mgmt-table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:14px;color:#6b7280;flex-wrap:wrap;gap:12px}.pagination{display:flex;gap:8px;align-items:center}.page-btn{padding:6px 10px;border:1px solid #d1d5db;background:#fff;border-radius:5px;cursor:pointer;font-size:13px;font-weight:600;color:#374151;transition:all .2s ease}.page-btn:hover:not(:disabled){border-color:#2463eb;color:#2463eb;background:#f0f6ff}.page-btn:active:not(:disabled){transform:scale(.95)}.page-btn.active{background:#2463eb;color:#fff;border-color:#2463eb}.page-ellipsis{color:#9ca3af;padding:0 4px}@media(max-width:1024px){.user-mgmt-stats{grid-template-columns:repeat(2,1fr)}.user-mgmt-table-controls{grid-template-columns:1fr;gap:12px}.search-bar{width:100%}.table-filters{width:100%;flex-wrap:wrap}.table-filters select{flex:1;min-width:140px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:10px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 40px #0003;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content h2{font-size:20px;color:#111827;margin-bottom:12px}.modal-content p{color:#6b7280;font-size:14px;margin-bottom:16px}.modal-content textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-family:Inter,sans-serif;font-size:14px;resize:vertical;margin-bottom:20px;transition:all .3s ease;box-sizing:border-box}.modal-content textarea:focus{outline:none;border-color:#2463eb;box-shadow:0 0 0 3px #2463eb1a}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.cancel-btn:hover{background:#e5e7eb;transform:translateY(-2px)}.cancel-btn:active{transform:translateY(0)}.reject-btn{background:#dc2626;color:#fff}.reject-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.reject-btn:active:not(:disabled){transform:translateY(0)}.delete-btn{background:#dc2626;color:#fff}.delete-btn:hover:not(:disabled){background:#991b1b;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.delete-btn:active:not(:disabled){transform:translateY(0)}.delete-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.user-mgmt-main{margin-left:0;padding:16px}.user-mgmt-header{flex-direction:column;gap:16px}.user-mgmt-header-actions{width:100%}.export-btn,.invite-btn{flex:1}.user-mgmt-stats{grid-template-columns:1fr}.user-mgmt-table{font-size:12px}.user-mgmt-table th,.user-mgmt-table td{padding:10px 8px}.user-avatar{width:32px;height:32px}.action-icon{margin-right:4px;font-size:14px}.modal-content{padding:20px}.user-mgmt-table-controls{grid-template-columns:1fr;gap:10px}.search-bar,.table-filters{width:100%}.table-filters select{font-size:13px;padding:8px 10px;min-width:120px}.search-bar{padding:8px 12px}.search-bar input{font-size:13px}}@media(max-width:480px){.user-mgmt-main{padding:12px}.user-mgmt-header h1{font-size:22px}.user-mgmt-header p{font-size:12px}.stat-value{font-size:24px}.stat-label,.user-mgmt-table{font-size:11px}.action-icon{margin-right:2px;padding:2px 4px;font-size:12px}.modal-content{padding:16px;width:95%}.modal-btn{padding:8px 12px;font-size:13px}.user-mgmt-table th,.user-mgmt-table td{padding:8px 6px}}.user-mgmt-table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:992px){.user-mgmt-main{margin-left:0;padding:20px}.user-mgmt-header{flex-direction:column;gap:16px}.user-mgmt-header-actions,.export-btn{width:100%}.table-filters{flex-wrap:wrap;width:100%}.table-filters select{flex:1;min-width:150px}}@media(max-width:768px){.user-mgmt-main{padding:16px}.user-mgmt-header h1{font-size:24px}.user-mgmt-header p{font-size:13px}.user-mgmt-stats{grid-template-columns:1fr}.user-mgmt-table-controls{display:flex;flex-direction:column;gap:12px}.search-bar{width:100%}.table-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.table-filters div{display:none}.table-filters select{width:100%;min-width:unset}.user-cell{gap:8px}.user-avatar{width:36px;height:36px}.user-name{font-size:13px}.user-email{font-size:11px}.action-icon{font-size:14px;margin-right:2px;padding:2px 4px}.user-mgmt-table-footer{flex-direction:column;align-items:flex-start}.pagination{width:100%;justify-content:center}}@media(max-width:480px){.user-mgmt-main{padding:12px}.user-mgmt-header h1{font-size:20px}.stat-box{padding:16px}.stat-value{font-size:22px}.search-bar{padding:8px 10px}.search-bar input{font-size:13px}.table-filters{grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-btn{width:100%}.modal-content{width:95%;padding:18px}}.user-mgmt-table-card{overflow-x:auto}.user-mgmt-table{min-width:850px}.login-smartnex-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px}.login-powered-label{font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap}.login-smartnex-logo{height:22px;object-fit:contain}.login-smartnex-name{font-size:12px;font-weight:700;color:#374151;white-space:nowrap}.login-container{min-height:100vh;min-height:100dvh;padding:24px 16px}.login-card{width:100%;max-width:440px}.brand-title,.brand-subtitle,.login-header h2,.login-header p,.error-alert,.support-footer,.status-footer{word-break:break-word}@media(max-width:768px){.login-container{padding:20px 16px;align-items:center}.login-card{padding:36px 28px;border-radius:18px}.brand-title{font-size:28px}.brand-subtitle{font-size:13px}.login-header h2{font-size:22px}.login-header p{font-size:13px}.logo-icon{width:58px;height:58px}.logo-icon img{width:30px!important;height:30px!important}.status-footer{margin-top:24px;padding-top:20px}}@media(max-width:480px){.login-container{padding:16px 12px;align-items:flex-start}.login-card{padding:28px 20px;border-radius:16px;margin:auto}.brand-header{margin-bottom:24px}.brand-title{font-size:24px}.brand-subtitle{font-size:12px}.login-header{margin-bottom:20px}.login-header h2{font-size:20px}.login-header p{font-size:12px}.logo-icon{width:52px;height:52px;border-radius:14px}.logo-icon img{width:26px!important;height:26px!important}.form-field{margin-bottom:16px}.form-field label{font-size:13px}.input-wrapper input{padding:11px 12px 11px 40px;font-size:13px}.input-icon{left:12px}.forgot-password{font-size:12px}.login-btn{padding:13px;font-size:14px}.error-alert{padding:10px 12px;font-size:13px;gap:8px}.support-footer{margin-top:20px;font-size:13px}.status-footer{margin-top:20px;padding-top:18px;font-size:11px;text-align:center;flex-wrap:wrap}}@media(max-width:360px){.login-container{padding:12px 10px}.login-card{padding:24px 16px}.brand-title{font-size:22px}.brand-subtitle{font-size:11px}.login-header h2{font-size:18px}.login-header p{font-size:11px}.logo-icon{width:48px;height:48px}.logo-icon img{width:24px!important;height:24px!important}.input-wrapper input{font-size:12px;padding-left:38px}.login-btn{font-size:13px}.error-alert{font-size:12px}.support-footer,.status-footer{font-size:11px}}@media(max-width:768px){[style*="position: fixed"][style*="z-index: 1000"]{padding:16px}[style*="maxWidth: 400px"]{max-height:90vh;overflow-y:auto}}@media(max-width:480px){[style*="maxWidth: 400px"]{width:100%!important;max-width:100%!important;padding:20px!important;border-radius:14px!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2d4563,#1a2332);padding:20px;position:relative}.login-card{background:#fff;border-radius:20px;padding:48px 40px;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d;position:relative;z-index:1}.brand-header{text-align:center;margin-bottom:32px}.brand-logo{margin:0 auto 16px}.logo-icon{width:64px;height:64px;border-radius:16px;background:#3c4c66;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d}.brand-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#e21c1c;letter-spacing:-.5px}.brand-subtitle{font-size:14px;color:#9ca3af;margin:0;font-weight:400}.login-header{text-align:left;margin-bottom:24px}.login-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.login-header p{font-size:14px;color:#6b7280;margin:0}.error-alert{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px}.form-field{margin-bottom:20px}.form-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.field-header label{margin-bottom:0}.forgot-password{font-size:13px;color:#3b82f6;text-decoration:none;font-weight:500}.forgot-password:hover{color:#2563eb;text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.input-wrapper input{width:100%;padding:12px 14px 12px 44px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;background:#f9fafb;transition:all .2s;outline:none}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.login-btn{width:100%;padding:14px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.support-footer{text-align:center;margin-top:24px;font-size:14px;color:#6b7280}.support-link{color:#3b82f6;text-decoration:none;font-weight:500}.support-link:hover{text-decoration:underline}.status-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;font-size:12px;color:#6b7280;font-weight:500;letter-spacing:.5px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.dashboard-page{--bg: #f2f5fb;--panel: #ffffff;--border: #dbe2ee;--text: #1a2235;--muted: #7c8ca8;--blue: #2f63db;--sidebar-top: #0e1f45;--sidebar-bottom: #0a1837;display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.dashboard-content{flex:1;margin-left:260px;padding:10px 20px 28px}.dashboard-header{background:#f8f9fc;border:1px solid var(--border);border-radius:0 0 14px 14px;margin:-10px -20px 20px;padding:10px 22px 16px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.header-left{display:flex;flex-direction:column;gap:14px;flex:1}.header-search{order:1;max-width:420px;height:38px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;background:#eef2f7;padding:0 12px;color:#8a97ad}.header-search input::placeholder{color:#8795ab}.header-title{order:2}.header-title h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.03em;font-weight:750}.header-title p{margin:8px 0 0;color:#6f809f;font-size:15px;line-height:1.45;letter-spacing:-.02em;max-width:760px;font-weight:500}.header-right{display:flex;align-items:center;gap:12px;padding-top:2px}.primary-btn.invite-btn{border:0;background:var(--blue);color:#fff;font-weight:600;font-size:14px;border-radius:7px;height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.icon-btn{width:38px;height:38px;border:0;background:transparent;color:#5f6f8c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.period-picker{display:flex;justify-content:flex-end;gap:6px;margin-bottom:12px}.reports-shortcut-btn{display:inline-flex;align-items:center;gap:6px;padding:0 10px}.period-btn{border:1px solid #d4dceb;background:#f7f9fd;color:#5f708f;border-radius:8px;min-width:34px;height:30px;font-size:12px;font-weight:600;cursor:pointer}.period-btn.active{background:var(--blue);border-color:var(--blue);color:#fff}.year-selector{position:relative}.year-selector-btn{display:inline-flex;align-items:center;gap:5px;padding:0 10px}.year-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #d4dceb;border-radius:10px;box-shadow:0 8px 24px #0f224d1f;overflow:hidden;z-index:100;min-width:100px}.year-option{display:block;width:100%;padding:9px 16px;border:0;background:transparent;color:#3a4f6e;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s}.year-option:hover{background:#f0f4fb}.year-option.active{background:#e8effe;color:var(--blue)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:18px}.stat-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--panel);border:1px solid #d5deeb;border-radius:8px;padding:12px;min-height:104px;position:relative;overflow:hidden;min-width:0}.stat-info{display:flex;flex-direction:column;align-items:center}.stat-title,.stat-number,.stat-delta{text-align:center}.stat-badge{position:static;margin-top:8px}.stat-card-clickable{text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f224d14;border-color:#b9c8e7}.stat-card:disabled{border:1px solid #d5deeb;cursor:default}.stat-card.highlight{border-left:3px solid var(--blue)}.stat-badge{position:absolute;right:10px;bottom:10px;background:#fff3dd;color:#d68a00;font-size:12px;font-style:italic;border-radius:6px;padding:2px 6px}.stat-icon,.stat-highlight{display:none}.stat-title{margin:0;color:#667896;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700;word-break:break-word}.stat-number{margin-top:10px;font-size:30px;line-height:1.1;letter-spacing:-.03em;font-weight:750;color:#111c31;word-break:break-word;overflow-wrap:anywhere}.stat-delta{margin:6px 0 0;color:#22a36b;font-size:12px;font-weight:600;word-break:break-word}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.chart-card{background:var(--panel);border:1px solid #d5deeb;border-radius:14px;padding:16px}.chart-header h3{margin:0 0 12px;font-size:22px;line-height:1.2;font-weight:720;letter-spacing:-.02em;color:#151f33}.chart-placeholder{border-radius:12px;height:250px;border:1px solid #edf1f8;background:#fcfdff;position:relative;overflow:hidden}.chart-line:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 48px,#edf2fb 48px,#edf2fb 49px)}.chart-line:after{content:"";position:absolute;left:5%;right:5%;bottom:18%;height:2px;border-radius:999px;background:linear-gradient(95deg,#2f63db 0% 100%);transform:skewY(-12deg);box-shadow:0 0 0 48px #2f63db1a;transform-origin:left center}.chart-bars:before{content:"";position:absolute;inset:12% 8% 16%;background:linear-gradient(to right,#e9eef7 0 12%,transparent 12% 16%,#e9eef7 16% 28%,transparent 28% 32%,#e9eef7 32% 44%,transparent 44% 48%,#2f63db 48% 60%,transparent 60% 64%,#e9eef7 64% 76%,transparent 76% 80%,#e9eef7 80% 92%,transparent 92% 100%);border-radius:8px}.chart-donut{display:grid;place-items:center}.chart-donut:before{content:"";width:168px;height:168px;border-radius:50%;background:conic-gradient(#2f63db 0 75%,#e9eef8 75% 100%);display:block}.chart-donut-inner{position:absolute;width:122px;height:122px;border-radius:50%;background:#fff;z-index:1}.chart-donut-label{position:absolute;z-index:2;font-size:32px;line-height:1;font-weight:750;letter-spacing:-.03em;color:#1a2740}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#5f708f;background:var(--bg)}.bar-chart-container{display:flex;flex-direction:column;gap:14px;padding:20px}.bar-chart-container::-webkit-scrollbar{width:8px}.bar-chart-container::-webkit-scrollbar-track{background:#f0f4f8;border-radius:4px}.bar-chart-container::-webkit-scrollbar-thumb{background:#c5d0e2;border-radius:4px;transition:background .2s}.bar-chart-container::-webkit-scrollbar-thumb:hover{background:#a8b8d1}.bar-chart-row{display:flex;align-items:center;gap:12px}.bar-chart-label{min-width:80px;font-size:12px;color:#7c8ca8;font-weight:600;letter-spacing:-.01em}.bar-chart-track{flex:1;height:32px;background:#f7f9fc;border-radius:8px;overflow:hidden;position:relative;border:1px solid #e8ecf3}.bar-chart-fill{height:100%;border-radius:7px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;position:relative;box-shadow:inset 0 1px 2px #ffffff4d}.bar-chart-fill.worker-bar{background:linear-gradient(135deg,#5b52e8,#4f46e5)}.bar-chart-fill.vendor-bar{background:linear-gradient(135deg,#22b8f0,#0ea5e9)}.bar-chart-fill.revenue-bar{background:linear-gradient(135deg,#10b981,#059669)}.bar-chart-value{font-size:11px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.15);letter-spacing:.02em}.chart-no-data{text-align:center;color:#7c8ca8;padding:60px 20px;font-size:14px;font-weight:500}.line-chart-container{display:flex;gap:12px;padding:20px;min-height:280px}.line-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-top:8px;padding-bottom:32px;min-width:50px}.y-axis-label{font-size:11px;color:#7c8ca8;font-weight:600;text-align:right;padding-right:8px}.line-chart-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.line-chart-svg{width:100%;height:220px;background:linear-gradient(to bottom,transparent 0%,transparent calc(20% - 1px),#f0f4f9 calc(20% - 1px),#f0f4f9 20%,transparent 20%,transparent calc(40% - 1px),#f0f4f9 calc(40% - 1px),#f0f4f9 40%,transparent 40%,transparent calc(60% - 1px),#f0f4f9 calc(60% - 1px),#f0f4f9 60%,transparent 60%,transparent calc(80% - 1px),#f0f4f9 calc(80% - 1px),#f0f4f9 80%,transparent 80%,transparent calc(100% - 1px),#f0f4f9 calc(100% - 1px),#f0f4f9 100%);border-radius:8px;padding:8px}.line-chart-x-axis{display:flex;justify-content:space-between;padding:0 8px}.x-axis-label{font-size:11px;color:#7c8ca8;font-weight:600;text-align:center}@media(max-width:1500px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-number{font-size:26px}.chart-header h3{font-size:20px}.header-title h1{font-size:24px}.header-title p{font-size:14px}.bar-chart-label{min-width:70px;font-size:11px}.bar-chart-track{height:28px}.line-chart-svg{height:200px}.line-chart-container{min-height:260px}}@media(max-width:1080px){.dashboard-content{margin-left:0;padding:10px 12px 22px}.dashboard-header{margin:0 0 14px;border-radius:12px}.header-right{flex-wrap:wrap;justify-content:flex-end}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:1fr}.bar-chart-container{padding:16px}.line-chart-container{padding:16px;min-height:240px}.line-chart-svg{height:180px}}@media(max-width:680px){.header-title h1{font-size:20px}.header-title p{font-size:13px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-number{font-size:22px}.stat-title{font-size:10px}.period-picker{justify-content:flex-start}.user-info{display:none}.bar-chart-label{min-width:60px;font-size:10px}.bar-chart-track{height:26px}.bar-chart-value{font-size:10px}.bar-chart-container{padding:12px;gap:10px}.line-chart-container{padding:12px;min-height:220px}.line-chart-svg{height:160px}.line-chart-y-axis{min-width:45px}.y-axis-label,.x-axis-label{font-size:10px}}.dashboard-page{display:flex;width:100%;min-height:100vh;overflow-x:hidden}.dashboard-content{flex:1;min-width:0;max-width:100%;overflow-x:hidden}@media(min-width:1081px){.dashboard-content{margin-left:260px!important;width:calc(100% - 260px)!important}}@media(max-width:1080px){.dashboard-content{margin-left:0!important;width:100%!important;max-width:100%!important}}.charts-grid,.chart-card,.chart-placeholder{min-width:0}.chart-card{width:100%}.dashboard-header{width:100%;box-sizing:border-box}.header-left,.header-right{min-width:0}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important}@media(max-width:768px){.charts-grid,.stats-grid{grid-template-columns:1fr!important}.header-right{flex-wrap:wrap;justify-content:flex-start}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}.stat-number{font-size:28px}.dashboard-content{padding:10px!important}.dashboard-header{padding:12px!important}.charts-grid{grid-template-columns:1fr!important}.chart-placeholder{height:220px!important}.chart-donut:before{width:120px;height:120px}.chart-donut-inner{width:84px;height:84px}.chart-donut-label{font-size:24px}}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:scroll!important;overflow-y:visible;margin-bottom:24px;box-shadow:0 1px 3px #0000000d;position:relative;max-width:100%}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.table-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:7px;border:2px solid #f1f5f9}.workers-table{width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed}.workers-table th{padding:16px 12px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.5px;color:#6b7280;text-transform:uppercase;white-space:nowrap}.workers-table th:nth-child(1){width:250px;min-width:250px}.workers-table th:nth-child(2){width:140px;min-width:140px}.workers-table th:nth-child(3){width:120px;min-width:120px}.workers-table th:nth-child(4){width:150px;min-width:150px}.workers-table th:nth-child(5){width:130px;min-width:130px}.workers-table th:nth-child(6){width:130px;min-width:130px}.workers-table th:nth-child(7){width:140px;min-width:140px}.workers-table th:nth-child(8){width:150px;min-width:150px}.workers-table th:nth-child(9){width:120px;min-width:120px}.workers-table td{padding:16px 12px;font-size:14px;color:#374151;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.worker-cell{display:flex;align-items:center;gap:12px;min-width:0;width:100%}.worker-cell>div{min-width:0;flex:1;overflow:hidden}.worker-table-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.worker-name,.vendor-name{font-weight:600;color:#111827;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.worker-id,.vendor{font-size:11px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-cell{display:flex;align-items:center;gap:4px;justify-content:flex-start}.rating-cell span{margin-left:8px;font-weight:600;color:#374151;white-space:nowrap}.no-rating{color:#9ca3af;font-weight:500}.view-files-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:fit-content}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap;text-align:center;min-width:80px}.worker-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6e6,#10b981e6);border-top-left-radius:20px;border-top-right-radius:20px}.verification-main,.verification-content{min-width:0}@media(max-width:1024px){.verification-main{margin-left:0!important}.verification-content{padding:24px 16px}.verification-topbar{padding:16px}}.verification-topbar{flex-wrap:wrap}.search-bar,.search-bar input{min-width:0}.topbar-actions{flex-shrink:0}.page-header{gap:16px;flex-wrap:wrap}.page-header>div:last-child{display:flex;flex-wrap:wrap;gap:12px}.export-btn,.add-btn{white-space:nowrap}.stats-row,.stat-box{min-width:0}.filters-section{gap:16px;flex-wrap:wrap}.filter-group{flex-wrap:wrap}.table-container{width:100%;overflow-x:auto}.workers-table{min-width:950px}.pagination{gap:16px;flex-wrap:wrap}.pagination-controls{flex-wrap:wrap}.verification-content form>div:first-child{min-width:0}.verification-content input,.verification-content select,.verification-content textarea{max-width:100%}.verification-content input[type=file]{overflow:hidden}@media(max-width:992px){.stats-row{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column;align-items:stretch}.page-header>div:last-child{width:100%}.export-btn,.add-btn{flex:1;justify-content:center}}@media(max-width:768px){.verification-topbar{flex-direction:column;align-items:stretch;gap:16px}.search-bar{max-width:100%;width:100%}.topbar-actions{justify-content:flex-end}.verification-content{padding:16px 12px}.page-header h1{font-size:24px}.page-subtitle{font-size:13px}.stats-row{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.results-count{text-align:left}.pagination{flex-direction:column;align-items:stretch}.pagination-info{text-align:center}.pagination-controls{justify-content:center}.workers-table{min-width:850px}}@media(max-width:576px){.verification-topbar{padding:12px}.verification-content{padding:12px 10px}.page-header h1{font-size:22px}.page-header>div:last-child{flex-direction:column}.export-btn,.add-btn{width:100%}.stat-box{padding:16px}.stat-box-value{font-size:28px}.filter-btn{width:100%;justify-content:space-between}.filter-dropdown,.dropdown-menu{width:100%}.workers-table{min-width:780px}.page-btn{min-width:36px;height:36px}}@media(max-width:480px){.topbar-actions{justify-content:space-between}.icon-btn{width:36px;height:36px}.user-avatar{width:34px;height:34px}.page-header h1{font-size:20px}.page-subtitle{font-size:12px}.stat-box{padding:14px}.stat-box-value{font-size:24px}.pagination-controls{gap:6px}}.table-container{width:100%;overflow-x:scroll!important;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:12px;display:block}.table-container::-webkit-scrollbar{height:14px;display:block}.table-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:10px;border:2px solid #e5e7eb}.table-container::-webkit-scrollbar-thumb:hover{background:#2563eb}.workers-table{width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed;background:#fff}.workers-table th,.workers-table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;padding:14px 12px}.workers-table th{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.workers-table td{font-size:14px;color:#334155}.status-badge,.status-pill,.vendor-status{display:inline-flex;align-items:center;justify-content:center;min-width:95px;padding:8px 14px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:600}.view-files-btn,.action-btn,.table-action-btn{display:inline-flex;align-items:center;justify-content:center;min-width:120px;white-space:nowrap;padding:8px 14px}.rating-cell,.vendor-rating{display:inline-flex;align-items:center;gap:4px;min-width:110px;white-space:nowrap}.vendor-cell{display:flex;align-items:center;gap:12px;min-width:0;width:100%}.vendor-cell>div{min-width:0;flex:1;overflow:hidden}.vendor-table-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.vendor-name,.vendor-info{min-width:160px}.vendor-name{font-weight:600;color:#111827;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.vendor-email,.email-cell{min-width:200px;white-space:nowrap}.phone-cell{min-width:130px}.date-cell{min-width:140px}.actions-cell{min-width:180px}.actions-cell .action-btn,.actions-cell button{margin-right:6px}.actions-cell .action-btn:last-child,.actions-cell button:last-child{margin-right:0}@media(max-width:992px){.workers-table{min-width:1050px}.workers-table th,.workers-table td{padding:13px 11px}}@media(max-width:768px){.workers-table{min-width:950px}.workers-table th,.workers-table td{padding:12px 10px;font-size:13px}.status-badge,.status-pill,.vendor-status{min-width:90px;font-size:11px}.view-files-btn,.action-btn,.table-action-btn{min-width:110px;font-size:12px}}@media(max-width:576px){.workers-table{min-width:900px}.workers-table th,.workers-table td{padding:11px 9px;font-size:12px}.status-badge,.status-pill,.vendor-status{min-width:85px;padding:6px 12px}.view-files-btn,.action-btn,.table-action-btn{min-width:100px;padding:6px 12px}.rating-cell,.vendor-rating{min-width:90px}}@media(max-width:400px){.workers-table{min-width:850px}.workers-table th,.workers-table td{padding:10px 8px;font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}.verification-page{display:flex;min-height:100vh;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-sidebar{width:240px;background:#1e293b;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;overflow-y:auto;overflow-x:hidden}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-logo{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.logo-icon{width:40px;height:40px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.logo-text h3{font-size:18px;font-weight:700;margin:0}.logo-text p{font-size:10px;color:#fff9;font-weight:600;letter-spacing:.8px;margin:0}.sidebar-section{padding:20px 0}.section-label{font-size:11px;font-weight:700;letter-spacing:1px;color:#ffffff80;padding:0 20px 12px;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;width:100%;text-align:left}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#3b82f6;color:#fff}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-footer{margin-top:auto;padding:20px 12px;border-top:1px solid rgba(255,255,255,.1)}.nav-item-logout{background:#ef44441a!important;color:#ef4444!important}.nav-item-logout:hover{background:#ef444433!important;color:#dc2626!important}.verification-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.verification-topbar{background:#fff;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50;flex-wrap:wrap}.search-bar{flex:1;max-width:480px;position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280}.search-bar input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#111827}.search-bar input::placeholder{color:#9ca3af}.topbar-actions{display:flex;align-items:center;gap:16px}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;position:relative}.icon-btn:hover{background:#f9fafb;border-color:#d1d5db}.notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid white}.user-menu{display:flex;align-items:center;gap:12px;cursor:pointer}.user-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden}.verification-content{padding:32px;flex:1}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;color:#111827;margin:0 0 6px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:#2563eb;transform:translateY(-1px)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stat-box.highlight-orange{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.stat-box-label{font-size:11px;font-weight:700;letter-spacing:.5px;color:#6b7280;margin:0 0 12px}.stat-box.highlight-orange .stat-box-label{color:#92400e}.stat-box-value{font-size:32px;font-weight:700;color:#111827;margin-bottom:8px}.rating-sub{font-size:18px;font-weight:600;color:#6b7280}.stat-box-change{font-size:12px;font-weight:600;margin:0}.stat-box-change.success{color:#059669}.stat-box-change.warning{color:#c2410c}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-group{display:flex;gap:12px;align-items:center}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#d1d5db;background:#f9fafb}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 40px #0000001a;min-width:180px;padding:4px;z-index:10}.dropdown-menu button{width:100%;padding:10px 14px;background:transparent;border:none;border-radius:6px;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.filter-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#3b82f6;color:#fff;border-radius:20px;font-size:13px;font-weight:600}.filter-pill button{width:18px;height:18px;border-radius:50%;background:#fff3;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s}.filter-pill button:hover{background:#ffffff4d}.results-count{font-size:12px;font-weight:600;color:#9ca3af;letter-spacing:.5px}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;margin-bottom:24px}.workers-table{width:100%;border-collapse:collapse}.workers-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.workers-table th{padding:16px 20px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.5px;color:#6b7280;text-transform:uppercase}.workers-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s}.workers-table tbody tr:hover{background:#f9fafb}.workers-table tbody tr:last-child{border-bottom:none}.workers-table td{padding:16px 20px;font-size:14px;color:#374151}.worker-cell{display:flex;align-items:center;gap:12px}.worker-table-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.worker-id{font-size:11px;color:#9ca3af}.rating-cell{display:flex;align-items:center;gap:4px}.rating-cell span{margin-left:8px;font-weight:600;color:#374151}.no-rating{color:#9ca3af;font-weight:600}.view-files-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s}.view-files-btn:hover{background:#2563eb;transform:translateY(-1px)}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px}.status-approved{background:#d1fae5;color:#065f46}.status-pending{background:#fed7aa;color:#9a3412}.status-rejected{background:#fee2e2;color:#991b1b}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.pagination-info strong{color:#111827;font-weight:600}.pagination-controls{display:flex;gap:8px;align-items:center}.page-btn{min-width:40px;height:40px;padding:0 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.page-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{color:#9ca3af;padding:0 8px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa;color:#6b7280;font-size:16px;font-weight:500}@media(max-width:1200px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-sidebar{transform:translate(-100%)}.verification-main{margin-left:0}.stats-row{grid-template-columns:1fr}.table-container{overflow-x:auto}.workers-table{min-width:900px}.filters-section{flex-direction:column;align-items:flex-start;gap:12px}.pagination{flex-direction:column;gap:16px}}.verification-header{margin-bottom:40px;animation:slideDown .6s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.back-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s;margin-bottom:24px;font-size:15px;font-weight:500;box-shadow:0 8px 25px #0000001a}.back-btn:hover{transform:translate(-5px);box-shadow:0 12px 35px #00000026}.verification-header h1{font-size:36px;color:#fff;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.2)}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.worker-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px;border-radius:20px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.worker-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.worker-card:hover:before{left:100%}.worker-card:hover{box-shadow:0 20px 60px #0003;transform:translateY(-10px) scale(1.02)}.worker-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid white;box-shadow:0 8px 25px #00000026;transition:all .3s}.worker-card:hover .worker-avatar{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #0003}.worker-card h3{font-size:20px;margin-bottom:6px;color:var(--dark);font-weight:700}.worker-phone{color:var(--gray);font-size:14px;margin-bottom:16px;font-weight:500}.worker-details{display:flex;gap:10px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.badge{padding:6px 14px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;font-size:12px;color:#667eea;font-weight:600;border:1px solid rgba(102,126,234,.2)}.view-btn{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;font-weight:600;box-shadow:0 8px 20px #667eea4d}.view-btn:hover{box-shadow:0 12px 30px #667eea66;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;width:100%;max-width:750px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 30px 90px #0000004d;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{position:absolute;top:24px;right:24px;background:#ef44441a;border:none;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;color:var(--danger);z-index:10}.modal-close:hover{background:var(--danger);color:#fff;transform:rotate(90deg)}.modal-header{padding:36px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.modal-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 10px 30px #00000026;transition:all .3s}.modal-avatar:hover{transform:scale(1.05)}.modal-header h2{font-size:26px;margin-bottom:6px;font-weight:700}.modal-header p{color:var(--gray);font-weight:500}.modal-body{padding:36px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.info-item{display:flex;flex-direction:column;gap:6px;padding:16px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;transition:all .3s}.info-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.info-item label{font-size:11px;color:var(--gray);text-transform:uppercase;font-weight:700;letter-spacing:.5px}.info-item span{font-size:18px;color:var(--dark);font-weight:600}.skills-section{margin-bottom:32px;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skills-section label{display:block;font-size:12px;color:var(--gray);text-transform:uppercase;font-weight:700;margin-bottom:16px;letter-spacing:.5px}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-badge{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 4px 15px #667eea4d;transition:all .3s}.skill-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.documents-section{margin-bottom:32px;animation:fadeInUp .8s ease}.documents-section label{display:block;font-size:12px;color:var(--gray);text-transform:uppercase;font-weight:700;margin-bottom:16px;letter-spacing:.5px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.document-card{border:2px solid rgba(102,126,234,.2);border-radius:16px;overflow:hidden;transition:all .3s;background:#fff}.document-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000026;border-color:#667eea}.document-card img{width:100%;height:140px;object-fit:cover;transition:all .3s}.document-card:hover img{transform:scale(1.1)}.document-card a{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s}.document-card a:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-actions{padding:24px 36px;border-top:1px solid rgba(0,0,0,.05);display:flex;gap:16px;justify-content:flex-end;background:linear-gradient(135deg,#667eea05,#764ba205)}.reject-btn,.approve-btn{padding:14px 28px;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #0000001a}.reject-btn{background:linear-gradient(135deg,#ef44441a,#dc26261a);color:var(--danger);border:2px solid var(--danger)}.reject-btn:hover{background:var(--danger);color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px #ef44444d}.approve-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.approve-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #10b98166}.reject-modal{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:36px;width:100%;max-width:540px;box-shadow:0 30px 90px #0000004d;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}.reject-modal h3{margin-bottom:20px;font-size:22px;font-weight:700;color:var(--dark)}.reject-modal textarea{width:100%;padding:14px;border:2px solid var(--border);border-radius:12px;font-size:14px;resize:vertical;margin-bottom:20px;font-family:inherit;transition:all .3s}.reject-modal textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.reject-modal-actions{display:flex;gap:12px;justify-content:flex-end}.reject-modal-actions button{padding:12px 24px;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s}.reject-modal-actions button:first-child{background:var(--light);color:var(--dark)}.reject-modal-actions button:first-child:hover{background:var(--border)}.confirm-reject{background:var(--danger);color:#fff;box-shadow:0 8px 20px #ef44444d}.confirm-reject:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ef444466}.empty-state,.loading{text-align:center;padding:80px 20px;color:#fff;font-size:18px;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2)}.add-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.add-btn:hover{background:#059669;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#111827}.close-btn{background:transparent;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{color:#111827}.modal-content form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#111827;margin-bottom:8px}.form-group input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;transition:all .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:#9ca3af}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e5e7eb}.cancel-btn,.submit-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#10b981;color:#fff}.submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1200px){.verification-main{margin-left:0}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.verification-content{padding:24px}.page-header{flex-direction:column;gap:16px;align-items:flex-start}}@media(max-width:992px){.stats-row{grid-template-columns:repeat(2,1fr)}.filters-section{flex-direction:column;align-items:flex-start;gap:12px}.results-count{width:100%}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.workers-table{min-width:900px}.verification-topbar{display:flex;flex-direction:column;gap:16px;padding:16px}.search-bar{width:100%;max-width:none}.topbar-actions{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:14px}.user-menu{display:flex;align-items:center;gap:10px}}@media(max-width:768px){.verification-content{padding:16px}.verification-topbar{padding:14px 16px}.page-header h1{font-size:24px}.page-subtitle{font-size:13px}.page-header>div:last-child{width:100%;display:flex;flex-direction:column;gap:10px}.export-btn,.add-btn{width:100%;justify-content:center}.stats-row{grid-template-columns:1fr;gap:16px}.stat-box{padding:18px}.stat-box-value{font-size:28px}.table-container{border-radius:10px}.workers-table{min-width:820px}.workers-table th,.workers-table td{padding:14px 12px}.worker-cell{min-width:220px}.worker-name{font-size:14px!important}.view-files-btn{white-space:nowrap}.status-badge{white-space:nowrap;min-width:100px;text-align:center}.pagination{flex-direction:column;align-items:flex-start;gap:16px}.pagination-controls{flex-wrap:wrap}.pagination-info{font-size:13px}}@media(max-width:576px){.verification-content,.verification-topbar{padding:12px}.search-bar{padding:10px 12px}.search-bar input{font-size:13px}.icon-btn{width:38px;height:38px}.user-avatar{width:34px;height:34px}.page-header h1{font-size:22px}.page-subtitle{font-size:12px}.filter-btn{width:100%;justify-content:space-between}.filter-dropdown,.dropdown-menu{width:100%}.workers-table{min-width:760px}.worker-table-avatar{width:36px;height:36px;flex-shrink:0}.worker-id{font-size:10px}.rating-cell{white-space:nowrap}.view-files-btn{padding:8px 10px;font-size:10px}.status-badge{font-size:10px;padding:6px 12px}.page-btn{min-width:36px;height:36px;font-size:13px}}@media(max-width:768px){.dashboard-sidebar{transform:translate(-100%)}.verification-main{margin-left:0}}@media(max-width:768px){.verification-content form>div:first-child{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.verification-content form div[style*=gridColumn]{grid-column:span 1!important}.verification-content form input,.verification-content form select,.verification-content form textarea,.verification-content form button{width:100%}.verification-content form>div:last-child{flex-direction:column}}.subscription-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;text-align:center;min-width:80px}.subscription-badge.active{background:#d1fae5;color:#065f46}.subscription-badge.inactive{background:#f3f4f6;color:#6b7280}.toast-container{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{min-width:240px;max-width:360px;padding:12px 14px;border-radius:14px;box-shadow:0 18px 45px #0f172a2e;font-weight:700;color:#fff;pointer-events:auto;opacity:0;transform:translateY(10px);animation:toastIn .28s ease forwards}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}@keyframes toastIn{to{opacity:1;transform:translateY(0)}}.dashboard-page{display:flex;min-height:100vh;background:#f4f6fb;color:#0f172a}.dashboard-content{flex:1;margin-left:260px;padding:40px 40px 60px}.vendor-top-card{background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.12);box-shadow:0 24px 50px #0f172a14;padding:24px 28px;margin-bottom:28px}.vendor-breadcrumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:#475569cc;margin-bottom:18px}.breadcrumb-link{background:none;border:none;padding:0;color:#2563ebe6;font-weight:700;cursor:pointer}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-sep{color:#94a3b8}.breadcrumb-current{font-weight:700;color:#0f172ad9}.vendor-top{display:flex;justify-content:space-between;align-items:center;gap:22px}.vendor-top-left{display:flex;align-items:center;gap:18px;min-width:0}.vendor-logo{width:72px;height:72px;border-radius:18px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.vendor-logo img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.vendor-title h2{margin:0;font-size:26px;letter-spacing:.02em;color:#0f172aeb}.vendor-meta{display:flex;gap:18px;font-size:13px;color:#475569bf;flex-wrap:wrap}.vendor-top-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.action-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.status-pill{padding:10px 18px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;border:1px solid rgba(15,23,42,.12)}.status-pill.pending{background:#f59e0b33;color:#b45309;border-color:#f59e0b40}.status-pill.verified{background:#10b98133;color:#047857;border-color:#10b98140}.status-pill.rejected{background:#ef444433;color:#b91c1c;border-color:#ef444440}.reject-btn,.approve-btn{padding:12px 18px;border-radius:14px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:700;transition:all .2s ease;box-shadow:0 16px 30px #0f172a1a;min-width:160px;justify-content:center}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626}.reject-btn:disabled{opacity:.6;cursor:not-allowed}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover{background:#059669}.approve-btn:disabled{opacity:.6;cursor:not-allowed}.vendor-details-grid{display:grid;grid-template-columns:1.2fr .95fr;gap:22px}.card{background:#fff;border-radius:18px;border:1px solid rgba(15,23,42,.1);box-shadow:0 24px 65px #0f172a14;overflow:hidden}.card-header{padding:22px 24px;border-bottom:1px solid rgba(15,23,42,.08);display:flex;align-items:center;justify-content:space-between}.card-header h3{margin:0;font-size:16px;color:#0f172ae6}.card-body{padding:22px 24px}.card-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(15,23,42,.08)}.card-row:last-child{border-bottom:none}.label{font-size:13px;color:#475569d9;font-weight:600}.value{font-size:14px;color:#0f172ae6;max-width:55%;text-align:right;word-break:break-word}.alert-row{background:#fee2e2b3;border-radius:14px;padding:12px 16px;margin-top:14px;border:1px solid rgba(239,68,68,.25)}.danger{color:#b91c1c}.upload-btn{padding:10px 16px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#ffffffe6;color:#0f172ad9;font-weight:700;cursor:pointer}.upload-btn:hover{background:#fff;box-shadow:0 14px 30px #0f172a14}.documents{display:flex;flex-direction:column;gap:12px;margin-top:12px}.document-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#f7f9ffd9}.document-meta{display:flex;align-items:center;gap:12px}.doc-icon{width:40px;height:40px;border-radius:12px;background:#3b82f61f;display:flex;align-items:center;justify-content:center;color:#1d4ed8}.doc-title{font-weight:700;color:#0f172ae0}.doc-size{font-size:12px;color:#475569b3}.doc-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#ffffffe6;color:#0f172ad9;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s}.doc-action:hover{background:#fff;box-shadow:0 14px 30px #0f172a14}.doc-actions{display:flex;gap:8px;align-items:center}.no-documents{text-align:center;padding:40px 20px;color:#475569b3;font-size:14px}.company-logo{margin-top:18px;padding:18px;border:1px dashed rgba(15,23,42,.18);border-radius:16px;display:flex;justify-content:center;align-items:center;overflow:hidden}.company-logo img{max-height:120px;max-width:100%;width:auto;height:auto;object-fit:contain;border-radius:14px}.vendor-placeholder-logo{width:120px;height:120px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#3b82f61f;color:#2563ebe6}.loading{padding:80px 0;text-align:center;font-size:18px;color:#475569e6}.modal-overlay{pointer-events:none;opacity:0;transition:opacity .25s ease;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:2000}.modal-overlay.visible{pointer-events:auto;opacity:1}.reject-modal{width:min(520px,92vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 28px 72px #0f172a40}.reject-modal h3{margin-bottom:18px;font-size:20px;color:#0f172aeb}.reject-modal textarea{width:100%;min-height:140px;padding:16px;border-radius:14px;border:1px solid rgba(148,163,184,.5);font-size:14px;resize:vertical;margin-bottom:18px;font-family:inherit}.reject-actions{display:flex;justify-content:flex-end;gap:12px}.reject-actions button{padding:12px 18px;border-radius:14px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.reject-actions .cancel{background:#94a3b840;color:#0f172ae6}.reject-actions .cancel:hover{background:#94a3b859}.reject-actions .confirm{background:#ef4444e6;color:#fff}.reject-actions .confirm:hover{background:#ef4444}.rate-btn{padding:12px 18px;border-radius:14px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:700;transition:all .2s ease;box-shadow:0 16px 30px #0f172a1a;background:#3b82f6;color:#fff}.rate-btn:hover{background:#2563eb}.rate-btn:disabled{opacity:.6;cursor:not-allowed}.vendor-rating{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fbbf2426;border-radius:999px;border:1px solid rgba(251,191,36,.3)}.rating-stars{font-size:14px}.rating-value{font-weight:700;color:#b45309;font-size:13px}.rating-modal{width:min(520px,92vw);background:#fff;border-radius:20px;padding:32px;box-shadow:0 28px 72px #0f172a40}.rating-modal h3{margin-bottom:24px;font-size:20px;color:#0f172aeb}.rating-modal .rating-stars{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.rating-modal .star{background:none;border:none;font-size:32px;cursor:pointer;opacity:.4;transition:all .2s ease;padding:0}.rating-modal .star:hover{opacity:.7;transform:scale(1.1)}.rating-modal .star.active{opacity:1;transform:scale(1.15)}.rating-modal textarea{width:100%;min-height:100px;padding:16px;border-radius:14px;border:1px solid rgba(148,163,184,.5);font-size:14px;resize:vertical;margin-bottom:18px;font-family:inherit}.rating-actions{display:flex;justify-content:flex-end;gap:12px}.rating-actions button{padding:12px 18px;border-radius:14px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.rating-actions .cancel{background:#94a3b840;color:#0f172ae6}.rating-actions .cancel:hover{background:#94a3b859}.rating-actions .confirm{background:#3b82f6e6;color:#fff}.rating-actions .confirm:hover{background:#3b82f6}.rating-modal-container{width:min(520px,92vw);background:#fff;border-radius:20px;box-shadow:0 28px 72px #0f172a40;max-height:90vh;overflow-y:auto}.rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 0;border-bottom:1px solid rgba(15,23,42,.08);margin-bottom:24px}.rating-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#0f172aeb}.rating-modal-body{padding:0 32px}.rating-star{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.4}.rating-star:hover{opacity:.7;transform:scale(1.1)}.rating-star.active{opacity:1;transform:scale(1.15)}.rating-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 32px;border-top:1px solid rgba(15,23,42,.08);margin-top:24px}.dashboard-content{min-width:0;max-width:100%;overflow-x:hidden}@media(max-width:1080px){.dashboard-content{margin-left:0!important;padding:20px 16px 28px}}.vendor-top{flex-wrap:wrap}.vendor-top-left{min-width:0;flex:1}.vendor-title{min-width:0}.vendor-title h2{word-break:break-word}.vendor-meta,.vendor-top-right{flex-wrap:wrap}.action-buttons{width:100%}.reject-btn,.approve-btn,.rate-btn{min-width:160px}.vendor-details-grid,.left-column,.right-column,.card{min-width:0}.card-row{gap:12px}.label{flex-shrink:0}.value{word-break:break-word;overflow-wrap:anywhere}.document-row{gap:12px}.document-meta{min-width:0}.doc-title,.doc-size{word-break:break-word}.doc-actions{flex-wrap:wrap}.doc-action{flex-shrink:0}.reject-modal,.rating-modal-container{max-height:90vh;overflow-y:auto}@media(max-width:992px){.vendor-details-grid{grid-template-columns:1fr}.vendor-top{flex-direction:column;align-items:stretch}.vendor-top-right{width:100%;align-items:stretch}.action-buttons{justify-content:stretch}.reject-btn,.approve-btn,.rate-btn{flex:1}.vendor-title h2{font-size:28px}}@media(max-width:768px){.dashboard-content{padding:16px 12px 24px}.vendor-top-card{padding:18px}.vendor-breadcrumbs{flex-wrap:wrap}.vendor-top-left{flex-direction:column;align-items:center;text-align:center}.vendor-logo img,.vendor-placeholder-logo{width:100px;height:100px;object-fit:contain}.vendor-title h2{font-size:24px}.vendor-meta{justify-content:center}.vendor-top-right{align-items:stretch}.action-buttons{flex-direction:column}.reject-btn,.approve-btn,.rate-btn{width:100%}.card-header,.card-body{padding:18px}.card-row{flex-direction:column;align-items:flex-start}.value{max-width:100%;text-align:left}.document-row{flex-direction:column;align-items:flex-start}.doc-actions{width:100%}.doc-action{flex:1;justify-content:center}.reject-actions,.rating-modal-footer{flex-direction:column}.reject-actions button,.rating-btn{width:100%}.rating-modal-header,.rating-modal-body,.rating-modal-footer{padding-left:20px;padding-right:20px}.rating-stars-container{flex-wrap:wrap}}@media(max-width:480px){.dashboard-content{padding:12px 10px 20px}.vendor-top-card{padding:16px;border-radius:14px}.vendor-title h2{font-size:22px}.vendor-meta{font-size:12px}.status-pill{width:100%;justify-content:center}.card-header h3{font-size:15px}.label,.value{font-size:13px}.doc-icon{width:36px;height:36px}.doc-title{font-size:13px}.doc-size{font-size:11px}.rating-star{font-size:26px}.rating-modal-header h3{font-size:18px}.rating-display{flex-direction:column;gap:8px}.rating-scale-labels{padding:0}}@media(max-width:360px){.vendor-title h2{font-size:20px}.vendor-logo img,.vendor-placeholder-logo{width:85px;height:85px;object-fit:contain}.card-header,.card-body{padding:14px}.doc-actions{flex-direction:column}.doc-action{width:100%}}.worker-detail-page{display:flex;min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.detail-main{margin-left:240px;flex:1;padding:24px 32px;max-width:calc(100vw - 240px)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#64748b}.breadcrumb .separator{color:#cbd5e1}.breadcrumb .current{color:#0f172a;font-weight:600}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;transition:all .2s}.back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.profile-header-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 1px 3px #0000000d;border:1px solid #f1f5f9}.profile-main{display:flex;gap:32px;margin-bottom:32px}.profile-avatar-container{position:relative;display:flex;flex-direction:column;align-items:center}.profile-avatar-large{width:140px;height:140px;border-radius:16px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:12px}.status-badge{background:#f59e0b;color:#fff;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.status-badge.pending{background:#f59e0b}.profile-details-main{flex:1}.worker-name{margin:0 0 8px;font-size:32px;font-weight:700;color:#0f172a}.applied-date{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;margin-bottom:24px}.worker-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:16px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.role-icon{color:#3b82f6}.profile-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.btn-primary,.btn-secondary,.btn-danger{padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc}.content-grid{display:grid;grid-template-columns:1fr 2fr;gap:32px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;border:1px solid #f1f5f9}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:16px;font-weight:600;color:#0f172a;display:flex;align-items:center;gap:8px}.location-icon{color:#3b82f6}.locations-content{display:flex;flex-direction:column;gap:12px}.location-item{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.location-item.primary{background:#eff6ff;border-color:#bfdbfe}.location-label{display:inline-block;background:#3b82f6;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:4px}.location-name{font-size:14px;font-weight:500;color:#0f172a;margin:0}.location-map{margin-top:16px}.map-placeholder{width:100%;height:200px;background:#f1f5f9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8}.contact-content{display:flex;flex-direction:column;gap:20px}.contact-item{display:flex;gap:16px;align-items:flex-start}.contact-icon{width:40px;height:40px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.contact-details{flex:1}.contact-label{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.contact-value{font-size:14px;color:#0f172a;font-weight:500;margin:0}.verified-count{background:#dcfce7;color:#166534;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.document-card{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.document-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.document-icon.aadhaar{background:#ef4444}.document-icon.police{background:#3b82f6}.document-info{flex:1}.document-name{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 4px}.document-type{font-size:11px;color:#64748b;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin:0}.view-document-btn{display:flex;align-items:center;gap:4px;color:#3b82f6;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .2s}.view-document-btn:hover{color:#2563eb}.certifications-content{display:flex;flex-direction:column;gap:16px}.certification-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.cert-icon{width:40px;height:40px;background:#eff6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.cert-info{flex:1}.cert-name{font-size:14px;font-weight:500;color:#0f172a;margin:0}.download-cert-btn{width:36px;height:36px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.download-cert-btn:hover{background:#f8fafc;color:#3b82f6}.view-all-btn{color:#3b82f6;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;padding:0;transition:color .2s}.view-all-btn:hover{color:#2563eb}.portfolio-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portfolio-photo{aspect-ratio:1;position:relative;overflow:hidden;border-radius:12px}.portfolio-image{width:100%;height:100%;object-fit:cover;border-radius:12px}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.modal-overlay{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.approval-modal,.rating-modal,.request-modal{width:min(520px,100%);background:#fff;border-radius:24px;padding:32px;box-shadow:0 20px 50px #0f172a33;position:relative;z-index:1001}.approval-modal h3,.rating-modal h3,.request-modal h3{margin:0 0 16px;font-size:24px;font-weight:700;color:#0f172a}.approval-description,.rating-description,.request-description{margin:0 0 24px;color:#475569;font-size:16px;line-height:1.5}.approval-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.approval-actions button{min-width:120px;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.approval-actions .cancel{border:1px solid #cbd5e1;background:#fff;color:#475569}.approval-actions .cancel:hover{background:#f8fafc;border-color:#94a3b8}.approval-actions .confirm{background:#10b981;color:#fff;border:none}.approval-actions .confirm:hover{background:#059669}.approval-actions .confirm:disabled{background:#9ca3af;cursor:not-allowed}.rating-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.rating-modal-container{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #00000026}.rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #f1f5f9;margin-bottom:24px}.rating-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.rating-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.rating-modal-close:hover{background-color:#f3f4f6;color:#374151}.rating-modal-body{padding:0 24px}.rating-modal-description{margin:0 0 24px;color:#6b7280;font-size:14px;line-height:1.5}.rating-input-section{margin-bottom:24px}.rating-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rating-label{font-size:14px;font-weight:500;color:#374151}.rating-value{font-size:18px;font-weight:600;color:#1f2937}.rating-stars-container{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.rating-star{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.rating-star:hover{background-color:#fef3c7;transform:scale(1.1)}.rating-star.active:hover{background-color:#fbbf24}.rating-slider-section{margin-top:16px}.rating-range-input{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.rating-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.rating-range-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.rating-scale-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 10px}.scale-label{font-size:12px;color:#9ca3af;font-weight:500;transition:color .2s}.scale-label.active{color:#3b82f6;font-weight:600}.rating-decimal-display{text-align:center;margin-top:8px;font-size:13px;color:#6b7280;font-weight:500}.rating-comment-section{margin-bottom:24px}.comment-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.rating-textarea{width:100%;min-height:80px;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}.rating-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rating-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #f1f5f9;margin-top:24px}.rating-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.rating-btn-cancel{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.rating-btn-cancel:hover{background-color:#f3f4f6}.rating-btn-submit{background-color:#3b82f6;color:#fff}.rating-btn-submit:hover:not(:disabled){background-color:#2563eb}.rating-btn-submit:disabled{background-color:#9ca3af;cursor:not-allowed}.rating-comment,.request-message{width:100%;min-height:100px;resize:vertical;padding:16px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;color:#0f172a;margin-bottom:24px;font-family:inherit}.rating-comment:focus,.request-message:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rating-actions,.request-actions{display:flex;justify-content:flex-end;gap:12px}.rating-actions button,.request-actions button{min-width:120px;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-size:14px}.rating-actions .cancel,.request-actions .cancel{border:1px solid #cbd5e1;background:#fff;color:#475569}.rating-actions .cancel:hover,.request-actions .cancel:hover{background:#f8fafc;border-color:#94a3b8}.rating-actions .confirm,.request-actions .confirm{background:#3b82f6;color:#fff;border:none}.rating-actions .confirm:hover,.request-actions .confirm:hover{background:#2563eb}.rating-actions .confirm:disabled,.request-actions .confirm:disabled{background:#9ca3af;cursor:not-allowed}.loading-screen,.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:#64748b}.no-data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-data-icon{color:#cbd5e1;margin-bottom:16px}.no-data-text{font-size:16px;font-weight:500;color:#64748b;margin:0 0 8px}.no-data-subtext{font-size:14px;color:#94a3b8;margin:0}.documents-content,.portfolio-content{min-height:200px}.certifications-content{min-height:150px}.document-icon.medical{background:#10b981}.document-actions{display:flex;gap:8px;margin-top:8px}.view-document-btn,.download-document-btn{display:flex;align-items:center;gap:4px;color:#3b82f6;background:none;border:none;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s}.view-document-btn:hover{background:#eff6ff;color:#2563eb}.download-document-btn{color:#059669}.download-document-btn:hover{background:#ecfdf5;color:#047857}.portfolio-image{width:100%;height:100%;object-fit:cover;border-radius:12px;cursor:pointer;transition:all .2s}.portfolio-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}@media(max-width:1024px){.content-grid{grid-template-columns:1fr;gap:24px}.worker-stats{grid-template-columns:repeat(2,1fr);gap:24px}.documents-grid{grid-template-columns:1fr}}@media(max-width:768px){.detail-main{margin-left:0;max-width:100vw;padding:16px}.profile-main{flex-direction:column;text-align:center;gap:20px}.profile-actions{flex-wrap:wrap;justify-content:center}.worker-stats{grid-template-columns:1fr;gap:16px}.portfolio-gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.portfolio-gallery{grid-template-columns:repeat(2,1fr)}.btn-primary,.btn-secondary,.btn-danger{flex:1;min-width:120px}}.profile-avatar-container{flex-shrink:0}.profile-avatar-large{overflow:hidden;position:relative}.profile-avatar-large img,.worker-profile-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;display:block}.document-card,.portfolio-photo,.certification-item,.photo-placeholder,.document-icon,.cert-icon,.map-placeholder{overflow:hidden}.document-card img{width:100%;max-width:100%;max-height:220px;object-fit:contain;object-position:center;display:block;border-radius:8px;background:#fff}.document-icon img{width:100%;height:100%;object-fit:contain}.cert-icon img,.certification-item img{width:100%;max-width:80px;max-height:80px;object-fit:contain;object-position:center}.portfolio-photo{aspect-ratio:1}.portfolio-image{width:100%!important;height:100%!important;object-fit:cover;object-position:center;display:block}.photo-placeholder img{width:100%;height:100%;object-fit:contain}.map-placeholder img{width:100%;height:100%;object-fit:cover}.documents-grid,.portfolio-gallery{align-items:stretch}.document-card,.portfolio-photo{height:100%}.profile-avatar-large svg,.photo-placeholder svg,.document-icon svg,.cert-icon svg{flex-shrink:0}@media(max-width:1200px){.portfolio-gallery{grid-template-columns:repeat(3,1fr)}.document-card img{max-height:200px}}@media(max-width:992px){.profile-avatar-large{width:120px;height:120px}.portfolio-gallery{grid-template-columns:repeat(2,1fr)}.document-card img{max-height:180px}.certification-item img,.cert-icon img{max-width:70px;max-height:70px}}@media(max-width:768px){.profile-avatar-large{width:100px;height:100px}.portfolio-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.document-card img{max-height:160px}.certification-item img,.cert-icon img{max-width:60px;max-height:60px}.document-card,.certification-item{width:100%}}@media(max-width:480px){.profile-avatar-large{width:85px;height:85px}.portfolio-gallery{grid-template-columns:1fr;gap:12px}.document-card img{max-height:140px}.certification-item img,.cert-icon img{max-width:50px;max-height:50px}.profile-avatar-large svg{width:40px;height:40px}.photo-placeholder svg,.document-icon svg,.cert-icon svg{width:20px;height:20px}}.worker-detail-page{display:flex;min-height:100vh;background:#f5f7fa}.detail-main{flex:1;margin-left:260px;padding:20px;max-width:1200px}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.back-btn:hover{background:#f9fafb}.header-actions{display:flex;gap:8px}.btn-edit,.btn-save,.btn-cancel{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.btn-edit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.btn-save:disabled{background:#6ee7b7;cursor:not-allowed;transform:none;box-shadow:none}.btn-cancel{background:#fff;color:#dc2626;border:2px solid #dc2626;box-shadow:none}.btn-cancel:hover{background:#fef2f2;transform:translateY(-1px);box-shadow:0 2px 4px #dc262633}.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:20px}.profile-info{display:flex;align-items:center;gap:16px;flex:1}.profile-avatar{width:72px;height:72px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#667eea;overflow:hidden;flex-shrink:0;border:3px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000026}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-text h1{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{padding:5px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.badge.verified{background:#10b981e6;border-color:#fff6}.badge.pending{background:#f59e0be6;border-color:#fff6}.badge.rejected,.badge.suspended,.badge.banned{background:#dc2626e6;border-color:#fff6}.type{font-size:13px;color:#fffffff2;font-weight:500;background:#ffffff26;padding:4px 10px;border-radius:8px}.rating{font-size:13px;font-weight:600;color:#fff;background:#f59e0b4d;padding:4px 10px;border-radius:8px}.quick-stats{display:flex;gap:24px}.quick-stats>div{display:flex;flex-direction:column;gap:4px}.quick-stats label{font-size:11px;color:#fffc;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.quick-stats span{font-size:15px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.info-grid-vertical{display:flex;flex-direction:column;gap:16px}.info-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000f;overflow:hidden;border:1px solid #f3f4f6;transition:all .2s}.info-section:hover{box-shadow:0 4px 8px #0000001a;border-color:#e5e7eb}.info-section h3{font-size:14px;font-weight:700;color:#111827;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid #f3f4f6;display:flex;align-items:center;gap:8px}.info-section h3:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.field-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full-width{grid-column:1 / -1}.field label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.field span{font-size:13px;color:#111827;font-weight:500;padding:8px 12px;background:#f9fafb;border-radius:6px;border:1px solid transparent;min-height:36px;display:flex;align-items:center}.field input,.field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827;transition:all .2s;background:#fff;width:100%;min-height:36px;box-sizing:border-box}.field input:focus,.field select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.skills-section{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.skills-section label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;display:block;margin-bottom:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#374151;border:1px solid #e5e7eb;transition:all .2s}.skill-tags span:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.doc-list{display:flex;flex-direction:column;gap:10px}.doc-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;color:#2563eb;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s;border:1px solid #e5e7eb}.doc-list a:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;transform:translate(4px);box-shadow:0 2px 6px #2563eb4d}.loading-screen,.error-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:#6b7280;background:#f5f7fa}.error-screen{color:#dc2626}@media(max-width:1024px){.detail-main{margin-left:0}.info-grid{grid-template-columns:1fr}.profile-card{flex-direction:column}.quick-stats{width:100%;justify-content:space-around}}@media(max-width:768px){.detail-main{padding:12px}.field-group{grid-template-columns:1fr}.quick-stats{flex-direction:column;gap:12px}}@media(max-width:1024px){.detail-main{margin-left:0;max-width:100%;padding:16px}.profile-card{flex-direction:column;align-items:flex-start}.quick-stats{width:100%;justify-content:space-between;flex-wrap:wrap;gap:16px}.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.detail-main{padding:12px}.detail-header{flex-direction:column;align-items:stretch;gap:12px}.header-actions{width:100%;display:flex;gap:10px}.header-actions button{flex:1;justify-content:center}.profile-card{padding:18px;gap:18px}.profile-info{flex-direction:column;text-align:center;width:100%}.profile-text{width:100%}.profile-text h1{font-size:22px;word-break:break-word}.meta{justify-content:center}.quick-stats{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px}.quick-stats>div{min-width:100px;text-align:center}.field-group{grid-template-columns:1fr}.info-section{padding:16px}.field span,.field input,.field select{font-size:13px}.skill-tags{gap:6px}.skill-tags span{font-size:11px;padding:6px 12px}.doc-list a{font-size:12px;padding:10px 12px}}@media(max-width:480px){.detail-main{padding:10px}.back-btn,.btn-edit,.btn-save,.btn-cancel{width:100%;justify-content:center;padding:10px 14px}.header-actions{flex-direction:column}.profile-card{padding:16px;border-radius:10px}.profile-avatar{width:60px;height:60px}.profile-text h1{font-size:20px}.badge,.type,.rating{font-size:10px;padding:4px 8px}.quick-stats{flex-direction:column;align-items:center;gap:12px}.quick-stats>div{width:100%;text-align:center}.quick-stats span{font-size:14px}.info-section{padding:14px}.info-section h3{font-size:13px}.field label{font-size:10px}.field span,.field input,.field select{font-size:12px;padding:8px 10px;word-break:break-word;overflow-wrap:anywhere}.skill-tags span{width:100%;text-align:center}.doc-list a{flex-wrap:wrap;word-break:break-word}}.profile-text h1,.field span,.doc-list a,.type,.badge{overflow-wrap:anywhere;word-break:break-word}.profile-info,.profile-text,.field,.quick-stats>div{min-width:0}.verification-overview-page{display:flex;min-height:100vh;background:#f2f5fb}.verification-overview-main{flex:1;margin-left:260px;padding:28px 26px}.verification-overview-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.verification-overview-title h1{margin:0;font-size:34px;line-height:1;letter-spacing:-.02em;color:#17233a}.verification-overview-title p{margin:10px 0 0;max-width:760px;font-size:15px;color:#6d7e9d}.verification-overview-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d9e2f0;border-radius:10px;color:#2f63db;padding:8px 12px;font-size:13px;font-weight:600}.verification-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.verification-chart-card{background:#fff;border:1px solid #d6dfed;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 22px #0f224d0f}.chart-card-head{display:flex;align-items:center;gap:12px}.chart-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.chart-icon.worker{background:#2f63db24;color:#2f63db}.chart-icon.vendor{background:#10b98124;color:#059669}.chart-card-head h2{margin:0;color:#17233a;font-size:20px;letter-spacing:-.01em}.chart-card-head p{margin:4px 0 0;color:#7585a2;font-size:13px}.chart-visual{min-height:220px;border-radius:12px;border:1px solid #e8edf6;background:#fbfcff;overflow:hidden}.worker-bars{display:flex;align-items:flex-end;justify-content:space-evenly;padding:20px}.worker-bars span{width:12%;border-radius:8px 8px 0 0;background:#e3eaf6}.worker-bars span:nth-child(1){height:32%}.worker-bars span:nth-child(2){height:58%}.worker-bars span:nth-child(3){height:44%;background:#2f63db}.worker-bars span:nth-child(4){height:76%}.worker-bars span:nth-child(5){height:52%}.vendor-line{position:relative;padding:20px}.vendor-line:before{content:"";position:absolute;inset:18px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,#edf2fb 38px,#edf2fb 39px);border-radius:10px}.vendor-line svg{position:relative;width:100%;height:200px;z-index:1}.vendor-line path{fill:none;stroke:#059669;stroke-width:2.5;stroke-linecap:round}.chart-link-btn-vendor{border:1px solid #d4deef;background:#f9fbff;color:#2f63db;border-radius:10px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;cursor:pointer}.chart-link-btn-worker{border:1px solid #d4deef;background:#f9fbff;color:#2f63db;border-radius:10px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:28px}.chart-link-btn:hover{border-color:#2f63db;background:#f2f6ff}@media(max-width:1080px){.verification-overview-main{margin-left:0;padding:16px 12px}.verification-overview-grid{grid-template-columns:1fr}}.verification-overview-page{width:100%}.verification-overview-main{min-width:0;max-width:100%;box-sizing:border-box}.verification-overview-header{flex-wrap:wrap}.verification-overview-title{min-width:0}.verification-overview-title h1,.verification-overview-title p{word-break:break-word}.verification-chart-card,.chart-card-head{min-width:0}.chart-card-head div:last-child{min-width:0}.chart-card-head h2,.chart-card-head p{word-break:break-word}.chart-visual{width:100%}.worker-bars{width:100%;gap:12px}.worker-bars span{flex:1;max-width:40px;min-width:16px}.chart-link-btn-worker,.chart-link-btn-vendor{width:100%;justify-content:space-between;flex-wrap:wrap}.chart-link-btn-worker:hover,.chart-link-btn-vendor:hover{border-color:#2f63db;background:#f2f6ff}@media(max-width:1024px){.verification-overview-main{margin-left:0;padding:20px 16px}.verification-overview-title h1{font-size:30px}.verification-overview-grid{grid-template-columns:1fr}}@media(max-width:768px){.verification-overview-main{padding:16px 12px}.verification-overview-header{flex-direction:column;align-items:stretch;gap:16px}.verification-overview-title h1{font-size:26px}.verification-overview-title p{font-size:14px}.verification-chart-card{padding:14px}.chart-card-head{flex-direction:column;align-items:flex-start}.chart-icon{width:40px;height:40px}.chart-card-head h2{font-size:18px}.chart-visual{min-height:180px}.worker-bars{padding:16px}.chart-link-btn-worker,.chart-link-btn-vendor{margin-top:12px}}@media(max-width:480px){.verification-overview-main{padding:12px 10px}.verification-overview-title h1{font-size:22px}.verification-overview-title p{font-size:13px}.verification-chart-card{padding:12px;border-radius:12px}.chart-card-head h2{font-size:16px}.chart-card-head p{font-size:12px}.chart-visual{min-height:150px}.worker-bars{padding:12px;gap:8px}.worker-bars span{min-width:12px}.chart-link-btn-worker,.chart-link-btn-vendor{font-size:13px;height:auto;min-height:42px;padding:10px 14px}}@media(max-width:360px){.verification-overview-title h1{font-size:20px}.chart-card-head h2{font-size:15px}.chart-visual{min-height:130px}.worker-bars span{min-width:10px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.requirements-page{display:flex;min-height:100vh;background:#f6f6f8}.requirements-main{flex:1;margin-left:260px;padding:30px;overflow-y:auto}.requirements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.search-container{flex:1;max-width:500px;display:flex;align-items:center;gap:8px}.search{flex:1;padding:10px 14px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;background:#fff}.search::placeholder{color:#9ca3af}.search-btn{padding:10px 12px;background:#2463eb;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.search-btn:hover{background:#1d4ed8}.profile{display:flex;align-items:center;gap:12px}.profile img{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile div{display:flex;flex-direction:column}.profile p{font-size:14px;font-weight:600;color:#111827;margin:0}.profile span{font-size:12px;color:#6b7280;margin:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin:30px 0 20px}.page-header h1{font-size:28px;color:#111827;margin-bottom:8px}.page-header p{color:#6b7280;font-size:14px}.export{background:#fff;border:1px solid #d1d5db;padding:10px 16px;border-radius:6px;cursor:pointer;font-weight:600;color:#374151;transition:all .2s}.export:hover{background:#f9fafb;border-color:#9ca3af}.filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.filters select{padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s}.filters select:hover{border-color:#9ca3af}.filters select:focus{outline:none;border-color:#2463eb;box-shadow:0 0 0 3px #2463eb1a}.clear{background:none;border:none;color:#2463eb;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.clear:hover{color:#1d4ed8}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #2463eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p,.error-state p{color:#6b7280;font-size:14px;margin-bottom:16px}.retry-btn{background:#2463eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:disabled:hover{border-color:#d1d5db;color:#374151}.table-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d;border:1px solid #e5e7eb}.table-wrapper{overflow-x:auto;display:block}.mobile-cards{display:none}.job-card{padding:16px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.job-card:hover{background:#f9fafb}.job-card:last-child{border-bottom:none}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-title{font-size:16px;margin-bottom:12px;color:#007bff}.card-details{font-size:14px;color:#374151;display:flex;flex-direction:column;gap:6px}.card-date{margin-top:8px;font-size:12px;color:#9ca3af}table{width:100%;border-collapse:collapse}th{background:#f9fafb;text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}td{padding:14px 16px;border-top:1px solid #e5e7eb;font-size:14px;color:#374151}tbody tr:hover{background:#f9fafb}.req{color:#2463eb;font-weight:600}.role-type{font-size:12px;color:#9ca3af;margin-top:2px}.status{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status.open{background:#d1fae5;color:#065f46}.status.filled{background:#dbeafe;color:#1e40af}.status.closed{background:#e5e7eb;color:#374151}.status.cancelled{background:#fecaca;color:#7f1d1d}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:14px;color:#6b7280}.pagination div{display:flex;gap:8px}.pagination button{padding:6px 10px;border:1px solid #d1d5db;background:#fff;border-radius:5px;cursor:pointer;font-weight:600;color:#374151;transition:all .2s}.pagination button:hover{border-color:#2463eb;color:#2463eb}@media(max-width:1024px){.requirements-main{margin-left:0;padding:20px}.requirements-header{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.page-header{flex-direction:column;gap:16px;align-items:stretch}.export{width:100%}.filters{flex-direction:column}.filters select,.clear{width:100%}}@media(max-width:768px){.requirements-main{padding:16px}.requirements-header{gap:12px}.search{font-size:12px}.profile{gap:8px}.profile img{width:32px;height:32px}.profile p{font-size:12px}.profile span{font-size:11px}.page-header h1{font-size:20px}.page-header p{font-size:12px}.table-wrapper{display:none}.mobile-cards{display:block}table{font-size:12px}th,td{padding:10px 8px}.role-type{font-size:11px}.status{padding:4px 8px;font-size:11px}.pagination{flex-direction:column;gap:12px;text-align:center}}:root{--primary: #2463eb;--primary-light: rgba(36, 99, 235, .08);--primary-hover: rgba(36, 99, 235, .15);--bg: #f4f5f9;--surface: #ffffff;--border: #e4e7ef;--border-inner: #f0f2f7;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--green: #16a34a;--green-bg: #dcfce7;--blue-bg: #dbeafe;--blue-text: #1d4ed8;--red-bg: #fff1f2;--red-text: #dc2626;--red-border: #fecdd3;--sidebar-width: 240px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 4px rgba(15,23,42,.07), 0 4px 16px rgba(15,23,42,.04)}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}img{display:block}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;border-bottom:1px solid var(--border-inner)}.brand-icon{width:34px;height:34px;background:var(--primary);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.brand-icon .material-symbols-outlined{font-size:18px}.brand-name{font-size:15px;font-weight:800;letter-spacing:-.3px;color:var(--text-primary)}.sidebar-nav{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:background .15s,color .15s}.nav-item:hover{background:var(--bg);color:var(--text-primary)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:700}.nav-icon{font-size:18px!important}.sidebar-footer{padding:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.user-profile{display:flex;align-items:center;gap:10px;padding:12px 12px 8px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}.user-name{font-size:12px;font-weight:700;color:var(--text-primary)}.user-role{font-size:10.5px;color:var(--text-muted);margin-top:1px}.main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.topbar{height:auto;min-height:60px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:10px 32px;position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:10px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.breadcrumb-chevron{font-size:14px!important}.breadcrumb-current{color:var(--text-primary);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-wrapper{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:17px!important;pointer-events:none}.search-input{font-family:inherit;font-size:13px;padding:8px 14px 8px 34px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:220px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.btn{font-size:13px;font-weight:700;padding:8px 16px;border-radius:var(--radius-sm);transition:background .15s,opacity .15s}.btn-secondary{background:var(--bg);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:#e8eaf0}.btn-danger{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.btn-danger:hover{background:#ffd6da}.content{padding:32px;max-width:1280px;margin:0 auto;width:100%}.page-title{margin-bottom:28px}.title-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.title-row h1{font-size:28px;font-weight:900;letter-spacing:-.6px;color:var(--text-primary)}.job-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:999px}.job-badge.open{background:var(--green-bg);color:var(--green)}.posted-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.meta-icon{font-size:15px!important}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1100px){.dashboard-grid{grid-template-columns:1fr 420px;align-items:start}}.left-col,.right-col{display:flex;flex-direction:column;gap:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-header{display:flex;align-items:center;gap:8px;padding:18px 24px;border-bottom:1px solid var(--border-inner);font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.card-header-left{display:flex;align-items:center;gap:8px;flex:1}.card-header-icon{color:var(--primary);font-size:20px!important}.card-body{padding:24px}.card-footer{padding:16px 24px;border-top:1px solid var(--border-inner);text-align:center}.description-text{font-size:14px;line-height:1.75;color:var(--text-secondary)}.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.req-section{display:flex;flex-direction:column;gap:10px}.label-upper{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.skill-tags{display:flex;flex-wrap:wrap;gap:6px}.skill-tag{padding:4px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--text-primary)}.req-value{font-size:13.5px;font-weight:700;color:var(--text-primary)}.amenities-section{grid-column:1 / -1}.amenities-list{display:flex;flex-wrap:wrap;gap:8px}.amenity-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#667eea22,#764ba222);border:1px solid rgba(102,126,234,.25);border-radius:20px;font-size:12.5px;font-weight:600;color:#4a3f7a}.amenity-icon{font-size:14px}.equipment-section{padding-top:20px;border-top:1px solid var(--border-inner);display:flex;flex-direction:column;gap:10px}.equipment-list{display:flex;flex-direction:column;gap:8px}.equipment-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.check-icon{color:var(--green);font-size:18px!important;flex-shrink:0}.location-body{display:flex;gap:20px;flex-direction:column}@media(min-width:700px){.location-body{flex-direction:row}}.map-thumb{flex:0 0 auto;width:100%;height:160px;border-radius:var(--radius-md);background:url(https://images.unsplash.com/photo-1526778548025-fa2f459cd5c1?auto=format&fit=crop&q=80&w=800) center/cover;border:1px solid var(--border);position:relative;overflow:hidden}.map-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.map-thumb:hover .map-overlay{opacity:1}.view-map-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--surface);color:var(--primary);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.view-map-btn:hover{background:var(--primary);color:var(--surface)}.view-map-btn .material-symbols-outlined{font-size:18px}@media(min-width:700px){.map-thumb{width:200px}}.location-info{display:flex;flex-direction:column;justify-content:space-between;gap:14px}.location-name{font-size:14.5px;font-weight:800;color:var(--text-primary);margin:4px 0 2px}.location-address{font-size:13px;color:var(--text-secondary)}.directions-btn{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--primary);transition:opacity .15s}.directions-btn:hover{opacity:.7}.directions-icon{font-size:14px!important}.applicants-card{display:flex;flex-direction:column;height:100%}.total-badge{font-size:11px;font-weight:800;background:var(--primary-light);color:var(--primary);padding:3px 10px;border-radius:6px}.table-wrapper{overflow-x:auto}.applicant-table{width:100%;border-collapse:collapse;text-align:left}.applicant-table thead tr{background:var(--bg);border-bottom:1px solid var(--border-inner)}.applicant-table th{padding:11px 20px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.applicant-row{border-bottom:1px solid var(--border-inner);transition:background .12s;cursor:pointer}.applicant-row:last-child{border-bottom:none}.applicant-row:hover{background:var(--bg)}.applicant-table td{padding:14px 20px;vertical-align:middle}.applicant-cell{display:flex;align-items:center;gap:10px}.applicant-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border);flex-shrink:0}.applicant-name{font-size:13.5px;font-weight:700;color:var(--text-primary)}.applicant-role{font-size:11.5px;color:var(--text-muted);margin-top:1px}.applicant-experience,.applicant-location{font-size:12.5px;color:var(--text-secondary);font-weight:500}.view-profile-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-light);color:var(--primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.view-profile-btn:hover{background:var(--primary);color:var(--surface)}.view-profile-btn .material-symbols-outlined{font-size:18px}.applied-time{font-size:12.5px;color:var(--text-secondary);font-family:DM Mono,monospace}.status-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:3px 8px;border-radius:4px}.status-badge.shortlisted{background:var(--blue-bg);color:var(--blue-text)}.status-badge.pending{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.status-badge.hired{background:var(--green-bg);color:var(--green)}.status-badge.rejected{background:var(--red-bg);color:var(--red-text)}.job-badge.filled{background:var(--blue-bg);color:var(--blue-text)}.job-badge.closed{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.job-badge.cancelled{background:var(--red-bg);color:var(--red-text)}.view-all-btn{font-size:13px;font-weight:700;color:var(--primary);transition:opacity .15s}.view-all-btn:hover{opacity:.7}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.modal-header h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;padding:8px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:all .15s}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.applicants-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-item{background:var(--bg);padding:16px;border-radius:var(--radius-md);text-align:center;border:1px solid var(--border)}.stat-number{display:block;font-size:24px;font-weight:800;color:var(--primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.applicants-search{margin-bottom:24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.applicants-search .search-wrapper{flex:1;min-width:250px}.btn-primary{background:var(--primary);color:#fff;font-weight:700;padding:8px 16px;border-radius:var(--radius-sm);transition:all .15s;border:none}.btn-primary:hover{background:#1e4fcc}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.applicants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.applicant-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all .15s}.applicant-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card)}.applicant-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.applicant-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.applicant-info{flex:1;min-width:0}.applicant-info .applicant-name{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.applicant-info .applicant-role{font-size:14px;color:var(--text-secondary);margin:0 0 4px}.applicant-info .applicant-applied{font-size:12px;color:var(--text-muted);margin:0}.applicant-details{margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.detail-label{font-size:12px;font-weight:600;color:var(--text-muted);min-width:80px}.detail-value{font-size:13px;color:var(--text-secondary)}.skills-list{display:flex;flex-wrap:wrap;gap:4px}.skill-chip{background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:600}.applicant-actions{display:flex;flex-wrap:wrap;gap:8px}.action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.shortlist-btn{background:var(--blue-bg);color:var(--blue-text)}.shortlist-btn:hover{background:#bfdbfe}.reject-btn{background:var(--red-bg);color:var(--red-text)}.reject-btn:hover{background:#fecaca}.hire-btn{background:var(--green-bg);color:var(--green)}.hire-btn:hover{background:#bbf7d0}.view-btn{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.view-btn:hover{background:var(--border);color:var(--text-primary)}.no-applicants{text-align:center;padding:40px;color:var(--text-muted)}.no-applicants .material-symbols-outlined{font-size:48px;margin-bottom:16px;opacity:.5}.applicant-profile-modal{max-width:600px}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.profile-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--border)}.profile-info h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.profile-role{font-size:16px;color:var(--text-secondary);margin:0 0 8px}.profile-details,.detail-section{margin-bottom:24px}.detail-section h4{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-badge{background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.profile-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.profile-actions .action-btn{flex:1;justify-content:center;padding:12px 16px;font-size:14px}.modal-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.modal-applicant-table{width:100%;border-collapse:collapse;text-align:left;min-width:800px}.modal-applicant-table thead tr{background:var(--bg);border-bottom:1px solid var(--border)}.modal-applicant-table th{padding:12px 16px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.modal-applicant-row{border-bottom:1px solid var(--border-inner);transition:background .12s}.modal-applicant-row:last-child{border-bottom:none}.modal-applicant-row:hover{background:var(--bg)}.modal-applicant-table td{padding:16px;vertical-align:middle;font-size:13px}.modal-applicant-cell{display:flex;align-items:center;gap:12px;min-width:180px}.modal-applicant-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.modal-applicant-name{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 2px}.modal-applicant-role{font-size:12px;color:var(--text-muted);margin:0}.modal-experience,.modal-location,.modal-rate{color:var(--text-secondary);font-weight:500}.modal-skills-list{display:flex;flex-wrap:wrap;gap:4px;max-width:150px}.modal-skill-chip{background:var(--primary-light);color:var(--primary);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.modal-skill-more{background:var(--bg);color:var(--text-muted);padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.modal-applied-time{font-size:12px;color:var(--text-secondary);font-family:DM Mono,monospace}.modal-actions{display:flex;gap:4px;justify-content:center}.modal-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;font-size:16px}.modal-action-btn .material-symbols-outlined{font-size:16px}.modal-action-btn.shortlist-btn{background:var(--blue-bg);color:var(--blue-text)}.modal-action-btn.shortlist-btn:hover{background:#bfdbfe}.modal-action-btn.reject-btn{background:var(--red-bg);color:var(--red-text)}.modal-action-btn.reject-btn:hover{background:#fecaca}.modal-action-btn.hire-btn{background:var(--green-bg);color:var(--green)}.modal-action-btn.hire-btn:hover{background:#bbf7d0}.modal-action-btn.view-btn{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.modal-action-btn.view-btn:hover{background:var(--primary);color:#fff}.modal-action-btn.info-btn{background:var(--blue-bg);color:var(--blue-text)}.modal-action-btn.info-btn:hover{background:#bfdbfe}@media(max-width:768px){.modal-table-wrapper{font-size:12px}.modal-applicant-table th,.modal-applicant-table td{padding:8px 12px}.modal-applicant-cell{min-width:140px}.modal-applicant-avatar{width:32px;height:32px}.modal-action-btn{width:28px;height:28px}.modal-action-btn .material-symbols-outlined{font-size:14px}}html,body{overflow-x:hidden;width:100%}.app-shell,.main,.content,.dashboard-grid,.left-col,.right-col{min-width:0;max-width:100%}@media(min-width:1101px){.main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}}@media(max-width:1100px){.main{margin-left:0!important;width:100%!important}}.content{max-width:100%;padding:24px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:20px}.left-col,.right-col{overflow:visible}@media(min-width:1200px){.dashboard-grid{grid-template-columns:minmax(0,1fr) 380px}}.card{width:100%;overflow:visible}.card-body,.card-header,.card-footer{min-width:0}.req-grid{width:100%}.req-section{min-width:0;overflow:visible}.req-value,.location-name,.location-address,.description-text,.job-meta,.posted-meta,.title-row h1{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.location-body{width:100%}.location-info{min-width:0}.directions-btn{flex-wrap:wrap}.description-text{max-width:100%;overflow:visible;white-space:pre-wrap;line-height:1.7}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.applicant-table{width:100%}@media(max-width:768px){.applicant-table{min-width:700px}}@media(max-width:768px){.content{padding:16px}.page-title{margin-bottom:20px}.title-row{flex-wrap:wrap;gap:8px}.title-row h1{font-size:24px}.posted-meta{display:flex;flex-wrap:wrap;gap:6px}.card-header,.card-body,.card-footer{padding:16px}.req-grid{grid-template-columns:1fr;gap:14px}.req-section{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.location-body{flex-direction:column}.map-thumb{width:100%;height:180px}.location-info{width:100%}.directions-btn{width:100%;justify-content:center}}@media(max-width:480px){.content,.topbar{padding:12px}.topbar-actions{flex-direction:column;align-items:stretch;gap:10px}.search-wrapper{width:100%}.search-input{width:100%;font-size:12px}.btn{width:100%;justify-content:center}.title-row h1{font-size:20px;line-height:1.3}.job-meta,.posted-meta{font-size:12px}.card{border-radius:10px}.card-header{padding:14px;font-size:14px}.card-body,.card-footer{padding:14px}.req-section{padding:12px}.label-upper{font-size:10px}.req-value{font-size:13px;line-height:1.5}.description-text,.location-name{font-size:13px}.directions-btn{font-size:12px}.job-badge{font-size:9px;padding:2px 8px}.view-all-btn{width:100%}}@media(max-width:360px){.content{padding:10px}.title-row h1{font-size:18px}.card-header,.card-body,.card-footer{padding:12px}.req-section{padding:10px}.req-value,.description-text,.location-name{font-size:12px}.directions-btn{font-size:11px}}.card,.card-body,.card-header,.card-footer,.req-section,.location-body,.location-info{height:auto!important;min-height:unset!important;max-height:none!important;overflow:visible!important}.card{display:flex;flex-direction:column}.card-body{flex:1;display:block}.req-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.req-section{display:flex;flex-direction:column;gap:8px}.req-value,.description-text,.location-name,.location-address,.title-row h1,.job-meta,.posted-meta{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;word-break:break-word;overflow-wrap:anywhere}.location-body{display:flex;gap:16px;flex-wrap:wrap}.location-info{flex:1;min-width:0}.description-text{line-height:1.7}@media(max-width:768px){.req-grid{grid-template-columns:1fr;gap:16px}.req-section{padding:12px;border:1px solid #e5e7eb;border-radius:10px}.location-body{flex-direction:column}.map-thumb{width:100%;height:auto}.location-info{width:100%}.card-header,.card-body,.card-footer{padding:16px}}@media(max-width:480px){.card{border-radius:10px}.card-header,.card-body,.card-footer{padding:14px}.req-grid{grid-template-columns:1fr}.req-section{padding:10px}.req-value,.description-text,.location-name,.location-address{font-size:13px}}@media(max-width:768px){.topbar{padding:10px 16px;flex-direction:column;align-items:flex-start;height:auto}.topbar-actions{width:100%;flex-wrap:wrap;gap:8px}.search-wrapper{flex:1;min-width:140px}.search-input{width:100%}.btn{flex-shrink:0;font-size:12px;padding:7px 12px}}@media(max-width:480px){.topbar{padding:10px 12px}.topbar-actions{flex-direction:column;align-items:stretch}.search-wrapper,.btn{width:100%}}:root{--primary: #2463eb;--primary-dim: rgba(36, 99, 235, .1);--primary-dark: #1a4fc4;--sidebar-bg: #0f172a;--sidebar-text: #94a3b8;--sidebar-active-bg: var(--primary);--bg: #f0f2f7;--surface: #ffffff;--surface-alt: #f8fafc;--border: #e2e8f0;--border-subtle: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--green: #16a34a;--green-bg: #dcfce7;--amber-bg: #fef3c7;--amber-text: #92400e;--red: #dc2626;--red-bg: #fef2f2;--red-border: #fecaca;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--shadow-card: 0 0 0 1px var(--border), 0 2px 8px rgba(15, 23, 42, .05);--transition: .14s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 240px;--header-h: 60px;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:var(--font);border:none}.app-root{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-icon{background:var(--primary);padding:6px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2463eb59}.logo-icon .material-symbols-outlined{color:#fff;font-size:18px}.logo-text{font-size:17px;font-weight:800;color:#fff;letter-spacing:-.4px}.sidebar-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);font-size:13.5px;font-weight:500;color:var(--sidebar-text);transition:background var(--transition),color var(--transition)}.nav-item:hover{background:#ffffff14;color:#e2e8f0}.nav-item--active{background:var(--primary)!important;color:#fff!important}.nav-icon{font-size:18px!important;flex-shrink:0}.nav-divider{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.sidebar-user-icon{width:32px;height:32px;border-radius:var(--radius-full);background:#1e293b;display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);flex-shrink:0}.sidebar-user-name{font-size:12px;font-weight:700;color:#fff}.sidebar-user-role{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-top:1px}.main-content{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.top-header{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted)}.bc-arrow{font-size:15px!important}.bc-current{font-weight:600;color:var(--text)}.header-right{display:flex;align-items:center;gap:10px}.search-wrap{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:17px!important;color:var(--text-muted);pointer-events:none}.search-input{font-family:var(--font);padding:7px 14px 7px 34px;border:1px solid var(--border);background:var(--surface-alt);border-radius:var(--radius-md);font-size:13px;color:var(--text);outline:none;transition:border-color var(--transition),box-shadow var(--transition);width:200px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.search-input::placeholder{color:var(--text-muted)}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:none;color:var(--text-muted);transition:color var(--transition),background var(--transition)}.icon-btn:hover{background:var(--bg);color:var(--text)}.page-body{flex:1;padding:28px;max-width:1280px;width:100%}.profile-hero{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px 32px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-bottom:24px}.avatar-wrap{position:relative;flex-shrink:0}.avatar-img{width:110px;height:110px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--surface-alt);box-shadow:0 4px 16px #0f172a1f}.online-dot{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:#22c55e;border-radius:var(--radius-full);border:3px solid var(--surface)}.profile-info{flex:1;min-width:0}.profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.profile-name{font-size:26px;font-weight:800;letter-spacing:-.6px;color:var(--text)}.role-badge{padding:3px 10px;background:var(--primary-dim);color:var(--primary);border-radius:var(--radius-full);font-size:11.5px;font-weight:700}.profile-email{font-size:13.5px;color:var(--text-muted);margin-bottom:14px}.profile-meta{display:flex;gap:22px;flex-wrap:wrap}.meta-item{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--text-secondary)}.meta-icon{font-size:16px!important;color:var(--text-muted);margin-top:1px}.verified-text{display:block;font-size:13px;font-weight:600;color:var(--green)}.verified-sub{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-top:1px}.profile-actions{display:flex;gap:10px;flex-shrink:0}.btn{padding:8px 18px;border-radius:var(--radius-md);font-size:13.5px;font-weight:700;transition:all var(--transition);border:1px solid transparent}.btn--neutral{background:var(--bg);border-color:var(--border);color:var(--text)}.btn--neutral:hover{background:var(--border)}.btn--danger{background:var(--red);color:#fff}.btn--danger:hover{background:#b91c1c}.btn--outline-sm{padding:5px 12px;font-size:11.5px;font-weight:700;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--transition)}.btn--outline-sm:hover{background:var(--bg)}.btn--primary-sm{padding:5px 12px;font-size:11.5px;font-weight:700;background:var(--primary);color:#fff;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--transition)}.btn--primary-sm:hover{background:var(--primary-dark)}.link-btn{background:none;border:none;font-size:12px;font-weight:700;color:var(--primary);transition:opacity var(--transition)}.link-btn:hover{opacity:.7}.content-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.col-narrow,.col-wide{display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card--padded{padding:22px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.card-title{font-size:14.5px;font-weight:700;color:var(--text)}.card-header-actions{display:flex;gap:8px}.card-body{padding:22px}.activity-list{list-style:none;display:flex;flex-direction:column;gap:22px;position:relative;padding-left:6px}.activity-list:before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--border-subtle)}.activity-item{display:flex;gap:14px;position:relative}.activity-dot{z-index:1;padding:5px;border-radius:var(--radius-full);ring:4px solid var(--surface);flex-shrink:0}.dot--primary{background:var(--primary-dim);box-shadow:0 0 0 3px var(--surface)}.dot--neutral{background:#e2e8f0;box-shadow:0 0 0 3px var(--surface)}.dot--green{background:var(--green-bg);box-shadow:0 0 0 3px var(--surface)}.dot-inner{width:7px;height:7px;border-radius:var(--radius-full)}.dot--primary .dot-inner{background:var(--primary)}.dot--neutral .dot-inner{background:#94a3b8}.dot--green .dot-inner{background:#22c55e}.activity-content{flex:1;min-width:0}.activity-title{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.activity-desc{font-size:12px;color:var(--text-muted);margin-bottom:4px}.activity-time{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-family:var(--mono)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table thead tr{background:var(--surface-alt);border-bottom:1px solid var(--border)}.data-table th{padding:10px 22px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.table-row{border-bottom:1px solid var(--border-subtle);transition:background var(--transition)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--surface-alt)}.data-table td{padding:14px 22px;vertical-align:middle}.app-ref{display:block;font-size:13.5px;font-weight:700;color:var(--text);font-family:var(--mono)}.app-type{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.app-date{font-size:13px;color:var(--text-muted);font-style:italic}.text-right{text-align:right}.icon-btn-table{background:none;border:none;color:var(--text-muted);transition:color var(--transition);display:inline-flex}.icon-btn-table:hover{color:var(--primary)}.icon-btn-table .material-symbols-outlined{font-size:19px}.status-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-sm);font-size:11px;font-weight:700}.status-approved{background:var(--green-bg);color:#15803d}.status-pending{background:var(--amber-bg);color:var(--amber-text)}.status-archived{background:var(--bg);color:var(--text-secondary);border:1px solid var(--border)}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);margin-bottom:16px}.info-list{display:flex;flex-direction:column}.info-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border-subtle)}.info-row--last{border-bottom:none}.info-key{font-size:13px;color:var(--text-secondary)}.info-val{font-size:13px;font-weight:600;color:var(--text)}.info-val--green{font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.05em}@media(max-width:1100px){.content-grid{grid-template-columns:1fr}}@media(max-width:860px){.two-col-grid{grid-template-columns:1fr}.profile-hero{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.sidebar{display:none}.main-content{margin-left:0}.page-body{padding:16px}.top-header{padding:0 16px}}.reports-page-shell{min-height:100vh;display:flex;background:#f3f5fa;color:#111827}.reports-page-shell *{box-sizing:border-box}.reports-content{flex:1;margin-left:260px;padding:0 24px 30px}.reports-header{margin:0 -24px;background:#f0f3f8;border-bottom:1px solid #d7deea;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px}.reports-search{max-width:420px;width:100%;height:38px;border:1px solid #d4dbea;background:#e9eef6;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;color:#7e8ca6}.reports-search input{border:0;background:transparent;width:100%;outline:none;color:#273651;font-size:14px}.reports-search input::placeholder{color:#8595b1}.reports-header-right{display:flex;align-items:center;gap:12px}.reports-icon-btn{border:0;background:transparent;color:#6d7d99;width:36px;height:36px;border-radius:10px;cursor:pointer}.reports-user-meta{display:flex;align-items:center;gap:10px;border-left:1px solid #d5ddeb;padding-left:12px}.reports-user-meta img{width:36px;height:36px;border-radius:50%;border:1px solid #cfd8ea}.reports-user-name{margin:0;font-size:14px;font-weight:600;color:#1f2b43;text-align:right}.reports-user-role{margin:0;font-size:12px;color:#7f8da6;text-align:right}.reports-title-row{margin-top:26px}.reports-title-row h1{margin:0;font-size:42px;font-weight:760;letter-spacing:-.03em;color:#131c31}.reports-title-row p{margin:8px 0 0;color:#6a7c99;font-size:20px;letter-spacing:-.01em}.reports-cards-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.report-card{background:#fff;border:1px solid #d6ddea;border-radius:12px;padding:18px;box-shadow:0 3px 10px #1018280a}.report-card-top{display:flex;align-items:center;gap:10px}.report-card-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.report-card-icon.blue{background:#eaf1ff;color:#2563eb}.report-card-icon.green{background:#e9f8ef;color:#16a34a}.report-card-icon.violet{background:#f3ebff;color:#7c3aed}.report-card-icon.amber{background:#fff4df;color:#d97706}.report-card h2{margin:0;font-size:30px;font-weight:740;letter-spacing:-.02em;color:#121c33}.report-card-description{margin:14px 0 0;min-height:56px;color:#5f7392;font-size:15px;line-height:1.45}.report-card-fields{margin-top:14px;border-top:1px solid #e5eaf3;padding-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-card-fields label{display:flex;flex-direction:column;gap:6px}.report-card-fields label span{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:#8a97ad}.report-card-fields input,.report-card-fields select{height:34px;border:1px solid #cdd6e6;border-radius:8px;padding:0 10px;font-size:13px;color:#22314d;outline:none;background:#f9fbff}.report-download-btn{margin-top:14px;border:0;width:100%;height:36px;border-radius:8px;background:#2f63db;color:#fff;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.recent-exports-card{margin-top:20px;background:#fff;border:1px solid #d6ddea;border-radius:12px;overflow:hidden}.recent-exports-head{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaf3}.recent-exports-head h3{margin:0;font-size:28px;font-weight:740;letter-spacing:-.02em}.recent-exports-head button{border:0;background:transparent;color:#2f63db;cursor:pointer;font-size:14px}.recent-exports-table-wrap{overflow-x:auto}.recent-exports-card table{width:100%;border-collapse:collapse;min-width:760px}.recent-exports-card th,.recent-exports-card td{text-align:left;padding:12px 18px;border-bottom:1px solid #edf1f8;font-size:14px}.recent-exports-card th{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:#8291a9}.status-pill{display:inline-block;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.status-pill.ready{background:#e4f9eb;color:#15803d}.status-pill.processing{background:#fff5d9;color:#b45309}.recent-exports-card td button{width:28px;height:28px;border:1px solid #d6deea;background:#f8fbff;border-radius:7px;color:#2f63db;cursor:pointer}@media(max-width:1250px){.reports-title-row h1{font-size:34px}.reports-title-row p{font-size:17px}.report-card h2,.recent-exports-head h3{font-size:24px}}@media(max-width:1080px){.reports-content{margin-left:0;padding:0 12px 22px}.reports-header{margin:0 -12px;padding:12px}.reports-cards-grid{grid-template-columns:1fr}}@media(max-width:700px){.reports-header{flex-direction:column;align-items:stretch}.reports-header-right{justify-content:space-between}.reports-title-row h1{font-size:28px}.reports-title-row p{font-size:15px}.reports-user-meta{border-left:0;padding-left:0}.report-card-fields{grid-template-columns:1fr}}.notifications-page-shell{min-height:100vh;display:flex;background:#f3f5fa;color:#101828}.notifications-page-shell *{box-sizing:border-box}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.error-message{display:flex;align-items:center;gap:8px;color:#dc2626;background:#fef2f2;padding:8px 12px;border-radius:6px;margin-top:8px;font-size:14px}.notifications-content{flex:1;margin-left:260px;padding:0 24px 28px}.notifications-topbar{margin:0 -24px;min-height:72px;border-bottom:1px solid #d6ddeb;background:#f0f3f8;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px}.notifications-topbar h1{margin:0;font-size:36px;letter-spacing:-.03em;color:#131d33}.notifications-topbar-right{display:flex;align-items:center;gap:10px}.notifications-search{width:340px;height:38px;border:1px solid #d3dbea;border-radius:9px;background:#e9eef6;color:#8291a9;padding:0 12px;display:flex;align-items:center;gap:8px}.notifications-search input{width:100%;border:0;outline:none;background:transparent;color:#22314d;font-size:14px}.notifications-search input::placeholder{color:#8796ae}.mini-icon-btn{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#627391;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.mini-icon-btn:hover:not(:disabled){background:#f1f5f9;color:#2f63db}.mini-icon-btn:disabled{opacity:.6;cursor:not-allowed}.notifications-title-row{margin-top:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notifications-title-row h2{margin:0;font-size:40px;letter-spacing:-.03em;color:#121c31}.notifications-title-row p{margin:8px 0 0;color:#667a99;font-size:20px}.title-actions{display:flex;gap:10px}.ghost-action-btn,.primary-action-btn{border-radius:8px;height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none}.ghost-action-btn{border:1px solid #d2d9e8;color:#23314d;background:#fff}.ghost-action-btn:hover:not(:disabled){background:#f8fafc;border-color:#2f63db;color:#2f63db}.ghost-action-btn:disabled{opacity:.6;cursor:not-allowed}.primary-action-btn{border:0;color:#fff;background:#2f63db}.primary-action-btn:hover:not(:disabled){background:#1d4ed8}.primary-action-btn:disabled{opacity:.6;cursor:not-allowed}.notification-panel{margin-top:16px;background:#fff;border:1px solid #d6deeb;border-radius:12px;overflow:hidden}.notification-tabs{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e4eaf4;padding:0 16px}.tab-btn{border:0;background:transparent;color:#556987;font-size:14px;padding:12px 2px;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s}.tab-btn:hover{color:#2f63db}.tab-btn.active{color:#2f63db;border-bottom-color:#2f63db}.tab-count{background:#2f63db;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.unread-row{background:#f8fafc;border-left:3px solid #2f63db}.message-content{max-width:400px}.message-content strong{display:block;color:#1f2937;margin-bottom:4px;font-size:14px}.message-content p{margin:0;color:#6b7280;font-size:13px;line-height:1.4}.priority-cell{display:flex;align-items:center;gap:6px}.priority-icon{flex-shrink:0}.priority-icon.low{color:#10b981}.priority-icon.medium{color:#f59e0b}.priority-icon.high{color:#ef4444}.priority-icon.critical{color:#dc2626}.priority-text{font-size:12px;font-weight:600;text-transform:capitalize}.priority-text.low{color:#10b981}.priority-text.medium{color:#f59e0b}.priority-text.high{color:#ef4444}.priority-text.critical{color:#dc2626}.date-cell{font-size:12px;color:#6b7280;white-space:nowrap}.notifications-table-wrap{overflow-x:auto}.notifications-table-wrap table{width:100%;min-width:860px;border-collapse:collapse}.notifications-table-wrap th,.notifications-table-wrap td{text-align:left;padding:12px 16px;border-bottom:1px solid #edf1f7;font-size:14px;vertical-align:middle}.notifications-table-wrap th{text-transform:uppercase;letter-spacing:.1em;color:#8392aa;font-size:11px}.type-cell{display:flex;align-items:center;gap:10px;white-space:nowrap}.type-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.type-icon.verification{color:#b45309;background:#fff4db}.type-icon.system{color:#2563eb;background:#eaf1ff}.type-icon.subscription{color:#15803d;background:#e8f8ee}.type-icon.security{color:#dc2626;background:#fef2f2}.type-icon.user{color:#7c3aed;background:#f3e8ff}.type-icon.job{color:#0891b2;background:#ecfeff}.type-icon.payment{color:#059669;background:#ecfdf5}.message-cell{max-width:420px;color:#34435f}.status-chip{display:inline-block;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.status-chip.unread{background:#e6efff;color:#2f63db}.status-chip.read{background:#eef2f8;color:#64748b}.status-chip.archived{background:#e7eef8;color:#64748b;font-style:italic}.table-actions{display:flex;align-items:center;gap:6px}.table-actions button{width:26px;height:26px;border:0;background:transparent;color:#7b8ba4;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.table-actions button:hover{background:#f2f6ff;color:#2f63db}.table-actions button:disabled{opacity:.5;cursor:not-allowed}.pagination button:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb;color:#9ca3af}.notification-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.notification-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.notification-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.notification-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.notification-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1}.notification-modal-close:hover{color:#374151}.notification-modal-body{padding:24px;overflow-y:auto;flex:1}.notification-form-group{margin-bottom:16px}.notification-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.notification-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.notification-form-group input,.notification-form-group select,.notification-form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s}.notification-form-group input:focus,.notification-form-group select:focus,.notification-form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.notification-form-group textarea{resize:vertical;min-height:100px}.notification-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb}.notification-btn-cancel,.notification-btn-create{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none}.notification-btn-cancel{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.notification-btn-cancel:hover:not(:disabled){background:#f3f4f6}.notification-btn-create{background:#2563eb;color:#fff}.notification-btn-create:hover:not(:disabled){background:#1d4ed8}.notification-btn-cancel:disabled,.notification-btn-create:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.notification-modal{margin:10px;max-height:95vh}.notification-form-row{grid-template-columns:1fr}.notification-modal-footer{flex-direction:column}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;max-width:650px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;border:1px solid rgba(255,255,255,.2)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#111827;display:flex;align-items:center;gap:10px}.modal-header h3:before{content:"📝";font-size:18px}.modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.modal-form{padding:28px;overflow-y:auto;flex:1;background:#fafbfc}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2f63db;box-shadow:0 0 0 4px #2f63db1a;background:#fefefe}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:#d1d5db}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group{position:relative}.form-group input[maxlength]:focus+.char-counter,.form-group textarea[maxlength]:focus+.char-counter{display:block}.char-counter{display:none;position:absolute;right:8px;bottom:-20px;font-size:11px;color:#9ca3af}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.btn-secondary,.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none}.btn-secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:#2f63db;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.notification-preview{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.notification-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.preview-notification{border:1px solid #d1d5db;border-radius:8px;padding:16px;background:#f9fafb}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-content strong{display:block;color:#111827;margin-bottom:6px;font-size:14px}.preview-content p{margin:0 0 12px;color:#6b7280;font-size:13px;line-height:1.4}.preview-action{margin-top:12px}.preview-action-btn{background:#2f63db;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:default;opacity:.8}@media(max-width:640px){.modal-content{margin:10px;max-height:95vh}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center}.preview-header{flex-direction:column;align-items:flex-start;gap:8px}}.notification-footer{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.notification-footer p{margin:0;color:#627391;font-size:14px}.pagination{display:flex;gap:6px}.pagination button{min-width:30px;height:30px;border:1px solid #d2dcec;border-radius:6px;background:#fff;color:#627391;font-size:13px;cursor:pointer;padding:0 10px}.pagination button.active{color:#fff;background:#2f63db;border-color:#2f63db}.notification-stats-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.small-stat-card{background:#fff;border:1px solid #d6deeb;border-radius:12px;padding:14px;display:flex;align-items:center;gap:10px}.small-stat-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center}.small-stat-icon.blue{color:#2563eb;background:#e9f0ff}.small-stat-icon.amber{color:#b45309;background:#fff4db}.small-stat-icon.green{color:#15803d;background:#e8f8ee}.small-stat-card p{margin:0;color:#667a99;font-size:14px}.small-stat-card strong{display:block;margin-top:2px;font-size:34px;line-height:1;color:#101828}.notifications-user-footer{margin-top:16px;color:#6a7d99}.notifications-user-footer span{font-size:14px;font-weight:600;color:#1f2b43}.notifications-user-footer p{margin:0;font-size:12px}@media(max-width:1250px){.notifications-topbar h1{font-size:30px}.notifications-title-row h2{font-size:32px}.notifications-title-row p{font-size:16px}.small-stat-card strong{font-size:26px}}@media(max-width:1080px){.notifications-content{margin-left:0;padding:0 12px 18px}.notifications-topbar{margin:0 -12px;padding:12px}.notifications-title-row{flex-direction:column}.notification-stats-grid{grid-template-columns:1fr}}.notification-view-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.view-modal-title{display:flex;align-items:center;gap:12px}.notification-type-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151}.priority-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.low{background:#ecfdf5;color:#10b981}.priority-badge.medium{background:#fef3c7;color:#f59e0b}.priority-badge.high{background:#fee2e2;color:#ef4444}.priority-badge.critical{background:#fef2f2;color:#dc2626}.notification-view-body{padding:24px;overflow-y:auto;flex:1}.view-section{margin-bottom:24px}.view-section h4{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.view-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.notification-message{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.view-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.view-detail{display:flex;flex-direction:column;gap:4px}.view-detail label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.view-detail span{font-size:14px;color:#111827}.view-detail a{color:#2563eb;text-decoration:none;font-size:14px}.view-detail a:hover{text-decoration:underline}.category-chip{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.category-chip.info{background:#e0f2fe;color:#0277bd}.category-chip.success{background:#e8f5e8;color:#2e7d32}.category-chip.warning{background:#fff3e0;color:#f57c00}.category-chip.error{background:#ffebee;color:#d32f2f}.metadata-grid{display:grid;grid-template-columns:1fr;gap:12px}.notification-btn-mark-read{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none;background:#10b981;color:#fff}.notification-btn-mark-read:hover{background:#059669}.notification-delete-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.delete-modal-header{display:flex;flex-direction:column;align-items:center;padding:24px 24px 16px;text-align:center}.delete-icon{width:48px;height:48px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.delete-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.delete-modal-body{padding:0 24px 24px;text-align:center}.delete-modal-body>p{margin:0 0 16px;color:#6b7280;font-size:14px}.notification-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin:16px 0;text-align:left}.preview-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.preview-header strong{font-size:14px;color:#111827}.preview-message{margin:0 0 12px;color:#6b7280;font-size:13px;line-height:1.4}.preview-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#9ca3af}.delete-warning{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px 0 0;color:#dc2626;font-size:12px;font-weight:500}.notification-btn-delete{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;border:none;background:#dc2626;color:#fff}.notification-btn-delete:hover{background:#b91c1c}@media(max-width:640px){.notification-view-modal,.notification-delete-modal{margin:10px;max-height:95vh}.view-details-grid{grid-template-columns:1fr}.notification-modal-footer{flex-direction:column}.notification-btn-mark-read,.notification-btn-delete,.notification-btn-cancel{width:100%;justify-content:center}}@media(max-width:700px){.notifications-topbar{flex-direction:column;align-items:stretch}.notifications-topbar h1{font-size:26px}.notifications-search{width:100%}.title-actions{width:100%;flex-direction:column}.ghost-action-btn,.primary-action-btn{width:100%;justify-content:center}}html,body,.notifications-page-shell,.notifications-content{overflow-x:hidden;width:100%}.notifications-content{flex:1;min-width:0;max-width:100%}@media(min-width:1081px){.notifications-content{margin-left:260px;width:calc(100% - 260px)}}@media(max-width:1080px){.notifications-content{margin-left:0!important;width:100%!important}}@media(max-width:992px){.notifications-topbar{flex-direction:column;align-items:stretch;gap:14px;padding:16px;margin:0 -12px}.notifications-topbar-right{width:100%;flex-wrap:wrap}.notifications-search{width:100%}.mini-icon-btn{flex-shrink:0}}@media(max-width:992px){.notifications-title-row{flex-direction:column;gap:18px}.title-actions{width:100%;flex-wrap:wrap}.ghost-action-btn,.primary-action-btn{flex:1;min-width:180px;justify-content:center}}@media(max-width:768px){.notification-stats-grid{grid-template-columns:1fr}.small-stat-card strong{font-size:28px}}@media(max-width:768px){.notification-tabs{overflow-x:auto;flex-wrap:nowrap;gap:8px;scrollbar-width:thin}.tab-btn{flex-shrink:0;white-space:nowrap}}.notifications-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:992px){.notifications-table-wrap table{min-width:900px}}@media(max-width:768px){.notification-footer{flex-direction:column;align-items:stretch;gap:14px}.notification-footer p{text-align:center}.pagination{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.notification-modal-backdrop{padding:12px}.notification-modal{max-height:95vh;border-radius:12px}.notification-modal-header,.notification-modal-body,.notification-modal-footer{padding:16px}.notification-form-row{grid-template-columns:1fr}.notification-modal-footer{flex-direction:column}.notification-btn-create,.notification-btn-cancel{width:100%;justify-content:center}}@media(max-width:768px){.notification-view-modal{width:100%;max-height:95vh;border-radius:12px}.view-modal-title{flex-direction:column;align-items:flex-start;gap:8px}.notification-view-body{padding:16px}.view-details-grid{grid-template-columns:1fr}.notification-modal-footer{flex-direction:column}.notification-btn-mark-read,.notification-btn-cancel{width:100%;justify-content:center}}@media(max-width:768px){.notification-delete-modal{width:100%;border-radius:12px}.delete-modal-body{padding:0 16px 16px}.preview-header{flex-direction:column;align-items:flex-start}.preview-meta{flex-wrap:wrap}.notification-btn-delete,.notification-btn-cancel{width:100%;justify-content:center}}@media(max-width:480px){.notifications-content{padding:0 10px 16px}.notifications-topbar h1{font-size:24px}.notifications-title-row h2{font-size:28px}.notifications-title-row p{font-size:14px}.small-stat-card{padding:12px}.small-stat-card strong{font-size:24px}.small-stat-card p{font-size:13px}.pagination button{min-width:34px;height:34px}.notification-modal-header h3,.view-section h4{font-size:16px}}@media(max-width:360px){.notifications-content{padding:0 8px 14px}.notifications-topbar h1{font-size:22px}.notifications-title-row h2{font-size:24px}.ghost-action-btn,.primary-action-btn{min-width:100%}}.monitor-content{padding:22px 24px 32px}.monitor-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.monitor-header h1{margin:0;font-size:42px;letter-spacing:-.03em;color:#16213b}.monitor-header p{margin:6px 0 0;color:#7285a6}.last-updated{font-size:12px;color:#94a3b8;margin-top:4px}.auto-refresh-indicator{color:#16a34a;margin-left:8px}.monitor-header-actions{display:flex;align-items:center;gap:8px}.timeframe-selector{display:flex;gap:4px;margin-right:8px}.monitor-light-btn,.monitor-primary-btn,.monitor-icon-btn{border:1px solid #d5ddee;border-radius:10px;height:38px;display:inline-flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;transition:all .15s}.monitor-light-btn{background:#fff;color:#485d83;padding:0 12px}.monitor-light-btn:hover{background:#f8fafc;border-color:#2f63db}.monitor-light-btn.active{background:#2f63db;border-color:#2f63db;color:#fff}.monitor-primary-btn{background:#2f63db;border-color:#2f63db;color:#fff;padding:0 12px}.monitor-primary-btn:hover{background:#1d4ed8}.monitor-icon-btn{width:38px;justify-content:center;background:#fff;color:#5d6f8f}.monitor-icon-btn:hover{background:#f8fafc;border-color:#2f63db;color:#2f63db}.monitor-icon-btn.active{background:#2f63db;border-color:#2f63db;color:#fff}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #2f63db;border-radius:50%;animation:spin 1s linear infinite}.retry-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2f63db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.retry-btn:hover{background:#1d4ed8}.monitor-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.monitor-stat-card{background:#fff;border:1px solid #d5ddeb;border-radius:12px;padding:14px;transition:all .15s}.monitor-stat-card:hover{border-color:#2f63db;box-shadow:0 4px 12px #2f63db1a}.monitor-stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.card-title-with-icon{display:flex;align-items:center;gap:6px}.status-icon{flex-shrink:0}.status-icon.success{color:#16a34a}.status-icon.warning{color:#d97706}.status-icon.error{color:#dc2626}.monitor-card-title{color:#6e82a5;font-size:13px}.monitor-stat-card strong{font-size:32px;letter-spacing:-.03em;color:#16223d}.monitor-chip{border-radius:999px;font-size:11px;padding:2px 8px;font-weight:700}.monitor-chip.good{background:#e8f8ef;color:#189f56}.monitor-chip.info{background:#e7f0ff;color:#2f63db}.monitor-chip.stable{background:#eef2f8;color:#637692}.monitor-chip.warn{background:#fff4e2;color:#d88b0d}.monitor-mid-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin-bottom:12px}.monitor-panel{background:#fff;border:1px solid #d5ddeb;border-radius:12px;padding:14px}.monitor-panel h3{margin:0 0 14px;font-size:28px;letter-spacing:-.03em;color:#13203a}.traffic-chart-panel{min-height:280px}.traffic-bars{height:180px;display:grid;grid-template-columns:repeat(9,1fr);align-items:end;gap:6px;padding:14px;border:1px solid #ecf1fa;border-radius:10px;background:linear-gradient(180deg,#fbfcff,#f7f9fd);margin-bottom:16px}.traffic-bars span{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:4px 4px 0 0;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #2563eb33}.traffic-bars span:hover{background:linear-gradient(180deg,#10b981,#059669);box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.traffic-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:16px;border-top:1px solid #ecf1fa}.traffic-stat{text-align:center}.stat-label{display:block;font-size:11px;color:#7285a6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.stat-value{display:block;font-size:18px;font-weight:700;color:#16213b}.system-info{margin-top:20px;padding-top:16px;border-top:1px solid #ecf1fa}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.info-row span:first-child{color:#7285a6;font-weight:600}.info-row span:last-child{color:#16213b;font-weight:500}.log-message{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.alerts-panel{margin-top:12px}.alert-count{background:#fff4e2;color:#d88b0d;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{padding:16px;border-radius:10px;border-left:4px solid}.alert-item.critical{background:#fef2f2;border-left-color:#dc2626}.alert-item.warning{background:#fffbeb;border-left-color:#d97706}.alert-item.info{background:#eff6ff;border-left-color:#2563eb}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.alert-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#16213b}.alert-time{font-size:11px;color:#7285a6}.alert-message{margin:0 0 12px;color:#4b5563;line-height:1.5}.alert-footer{display:flex;justify-content:space-between;align-items:center}.alert-service{font-size:11px;color:#7285a6;background:#f1f5f9;padding:2px 6px;border-radius:4px}.alert-level{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.alert-level.critical{background:#fecaca;color:#991b1b}.alert-level.warning{background:#fed7aa;color:#9a3412}.alert-level.info{background:#bfdbfe;color:#1e40af}.usage-list{display:flex;flex-direction:column;gap:16px}.usage-row-head{display:flex;justify-content:space-between;margin-bottom:8px;color:#566a8d;font-size:14px}.usage-track{width:100%;height:8px;border-radius:999px;background:#e7edf7}.usage-track div{height:100%;border-radius:999px}.monitor-table-panel .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.table-header button{border:0;background:transparent;color:#2f63db;font-weight:700;cursor:pointer}.monitor-table-wrap table{width:100%;border-collapse:collapse}.monitor-table-wrap th,.monitor-table-wrap td{border-top:1px solid #edf2fa;padding:12px 10px;text-align:left;font-size:13px;color:#405271;white-space:nowrap}.monitor-table-wrap th{color:#7386a8;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.level-chip,.status-chip{border-radius:999px;font-size:11px;padding:3px 8px;font-weight:700}.level-chip.critical{background:#ffe6e8;color:#cf283e}.level-chip.warning{background:#fff4e0;color:#d38a0c}.level-chip.info{background:#e8f0ff;color:#2f63db}.status-chip.pending{background:#fff4dd;color:#cc7a00}.status-chip.resolved{background:#e9f8ef;color:#1a9f57}.status-chip.ignored{background:#eef2f7;color:#657894}@media(max-width:1300px){.monitor-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-mid-grid{grid-template-columns:1fr}}@media(max-width:760px){.monitor-content{padding:14px 12px 20px}.monitor-header{flex-direction:column}.monitor-header h1{font-size:30px}.monitor-cards-grid{grid-template-columns:1fr}}.monitor-content{box-sizing:border-box;width:100%;max-width:100%;overflow-x:hidden}.monitor-header,.monitor-header-actions,.timeframe-selector{flex-wrap:wrap}.monitor-light-btn,.monitor-primary-btn,.monitor-icon-btn{flex-shrink:0}.monitor-stat-card{min-width:0}.monitor-stat-card strong,.monitor-card-title{word-break:break-word}.monitor-panel{min-width:0}.monitor-panel h3{word-break:break-word}.traffic-bars{overflow-x:auto;min-width:0}.traffic-summary,.traffic-stat{min-width:0}.stat-value{word-break:break-word}.info-row{gap:10px}.info-row span:last-child{text-align:right;word-break:break-word}.alert-header{gap:10px}.alert-title{min-width:0}.alert-title span{word-break:break-word}.alert-footer{gap:10px}.alert-service{word-break:break-word}.monitor-table-wrap{overflow-x:auto}.monitor-table-wrap table{min-width:700px}.log-message{max-width:260px}@media(max-width:1024px){.monitor-content{padding:18px 16px 24px}.monitor-header h1{font-size:34px}.monitor-header{flex-direction:column;align-items:stretch}.monitor-header-actions,.timeframe-selector{width:100%}.monitor-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.traffic-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.monitor-content{padding:14px 12px 20px;margin-left:0!important}.monitor-header{flex-direction:column;align-items:stretch;gap:16px}.monitor-header h1{font-size:28px}.monitor-header p{font-size:14px}.monitor-header-actions{flex-direction:column;align-items:stretch;width:100%}.timeframe-selector{width:100%;justify-content:stretch}.timeframe-selector button{flex:1}.monitor-primary-btn,.monitor-icon-btn{width:100%;justify-content:center}.monitor-cards-grid{grid-template-columns:1fr;gap:14px}.monitor-stat-card strong{font-size:28px}.monitor-mid-grid{grid-template-columns:1fr}.traffic-summary{grid-template-columns:1fr;gap:12px}.traffic-stat{text-align:left}.info-row{flex-direction:column;align-items:flex-start}.info-row span:last-child{text-align:left}.alert-header,.alert-footer{flex-direction:column;align-items:flex-start}.alert-time{font-size:12px}.monitor-panel{padding:12px}.monitor-panel h3{font-size:22px}.log-message{max-width:180px}}@media(max-width:480px){.monitor-content{padding:12px 10px 18px}.monitor-header h1{font-size:24px}.monitor-light-btn,.monitor-primary-btn{width:100%;justify-content:center}.timeframe-selector{flex-direction:column}.timeframe-selector button{width:100%}.monitor-stat-card{padding:12px}.monitor-stat-card strong{font-size:24px}.monitor-card-title{font-size:12px}.traffic-bars{height:140px;gap:4px;padding:10px}.traffic-summary{padding-top:12px}.stat-value{font-size:16px}.monitor-panel h3{font-size:20px}.alert-item{padding:12px}.alert-title{font-size:14px}.alert-message{font-size:13px}.log-message{max-width:140px}}.admin-settings-content{padding:22px}.admin-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.admin-settings-header h1{margin:0;font-size:40px;letter-spacing:-.03em;color:#16223d}.admin-settings-header p{margin:6px 0 0;color:#7083a3}.admin-settings-header-actions{display:flex;align-items:center;gap:8px}.mini-icon-btn,.save-btn{border:1px solid #d4ddeb;height:36px;border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.mini-icon-btn{width:36px;color:#5e7292}.save-btn{background:#2f63db;border-color:#2f63db;color:#fff;padding:0 12px;font-weight:700}.settings-panel{background:#fff;border:1px solid #d4ddeb;border-radius:12px;padding:16px;margin-bottom:12px}.settings-panel h2{margin:0 0 14px;display:flex;align-items:center;gap:8px;color:#1b2944;font-size:26px;letter-spacing:-.02em}.profile-grid{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start}.profile-avatar-area{text-align:center;display:flex;flex-direction:column;align-items:center}.profile-avatar-area img{width:96px;height:96px;border-radius:50%;border:2px solid #cad6ec;object-fit:cover}.profile-avatar-area p{margin-top:10px;font-size:12px;color:#7f8fa8}.profile-form-grid,.password-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.password-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-form-grid label,.password-form-grid label{display:flex;flex-direction:column;gap:6px}.profile-form-grid span,.password-form-grid span{font-size:12px;color:#5f718f;font-weight:700}.profile-form-grid input,.profile-form-grid select,.password-form-grid input{border:1px solid #d9e2f0;background:#fdfefe;color:#2a3a57;border-radius:8px;height:38px;padding:0 10px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:40px}.password-visibility-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#5e7292;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.password-visibility-btn:hover{color:#2f63db}.security-hint{margin-top:12px;border:1px solid #d8e7ff;border-radius:8px;background:#edf4ff;color:#2d63cc;font-size:12px;padding:10px}.twofa-head-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.twofa-head-row strong{color:#1a2843}.twofa-head-row p{margin:6px 0 0;color:#6f819f;font-size:14px}.switch input{display:none}.switch span{width:42px;height:24px;border-radius:999px;display:block;background:#2f63db;position:relative}.switch span:after{content:"";width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;right:3px;top:3px}.twofa-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.method-card{border:1px solid #d9e2f0;border-radius:10px;padding:12px}.method-card h3{margin:0 0 4px;color:#1d2c47}.method-card p{margin:0;color:#7083a3;font-size:13px}.method-card.enabled{border-color:#2cc176;background:#f1fbf5}@media(max-width:1080px){.profile-grid,.password-form-grid{grid-template-columns:1fr}}@media(max-width:760px){.admin-settings-content{padding:14px 12px 20px}.admin-settings-header{flex-direction:column}.admin-settings-header h1{font-size:30px}.profile-form-grid,.twofa-methods{grid-template-columns:1fr}}.message-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;animation:slideIn .3s ease-in}.message-banner.success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.message-banner.error{background:#ffebee;border:1px solid #f44336;color:#c62828}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.image-upload-label{cursor:pointer;display:inline-block;margin-top:8px;padding:8px 12px;background:#2f63db;color:#fff;border-radius:6px;font-size:12px;font-weight:600;transition:background .2s}.image-upload-label:hover{background:#1e3f8a}.upload-text{cursor:pointer}.settings-panel .save-btn{margin-top:16px;width:auto}.settings-panel .save-btn:hover{background:#1e3f8a;border-color:#1e3f8a}.admin-users-table{overflow-x:auto;margin-top:16px}.admin-users-table table{width:100%;border-collapse:collapse;background:#fff}.admin-users-table th{background:#f8fafc;padding:12px;text-align:left;font-size:12px;font-weight:700;color:#5e7292;border-bottom:1px solid #e2e8f0}.admin-users-table td{padding:12px;border-bottom:1px solid #e2e8f0;color:#2a3a57;font-size:14px}.admin-users-table .switch{display:inline-block}.admin-users-table .slider{width:40px;height:20px;border-radius:20px;background:#cbd5e0;position:relative;display:block;cursor:pointer;transition:background .3s}.admin-users-table .slider:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;left:2px;top:2px;transition:left .3s}.admin-users-table input:checked+.slider{background:#2f63db}.admin-users-table input:checked+.slider:after{left:22px}.delete-btn{background:#fee;border:1px solid #fcc;color:#c33;padding:6px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px;transition:all .2s}.delete-btn:hover{background:#fcc;border-color:#c33}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 20px;color:#1b2944;font-size:24px}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form label{display:flex;flex-direction:column;gap:6px}.modal-form span{font-size:12px;color:#5f718f;font-weight:700}.modal-form input{border:1px solid #d9e2f0;background:#fdfefe;color:#2a3a57;border-radius:8px;height:38px;padding:0 10px}.permissions-section{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f8fafc}.permissions-section h3{margin:0 0 12px;font-size:14px;color:#1b2944}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-bottom:8px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-weight:400;color:#2a3a57}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.cancel-btn{background:#fff;border:1px solid #d4ddeb;color:#5e7292;padding:0 16px;height:36px;border-radius:9px;cursor:pointer;font-weight:600}.cancel-btn:hover{background:#f8fafc}.admin-settings-content,.dashboard-content{flex:1;min-width:0;width:100%;overflow-x:hidden}.settings-panel{width:100%;min-width:0}.profile-grid{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:24px;align-items:start}.profile-avatar-area{width:100%;max-width:220px;margin:0 auto}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.password-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-form-grid input,.profile-form-grid select,.password-form-grid input,.modal-form input{width:100%;min-width:0}.admin-settings-header,.admin-settings-header-actions{flex-wrap:wrap}.save-btn,.mini-icon-btn{flex-shrink:0}.admin-users-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-users-table table{min-width:700px}.modal-content{width:90%;max-width:500px;max-height:90vh;overflow-y:auto}@media(max-width:1200px){.dashboard-content,.admin-settings-content{margin-left:0!important;width:100%!important;max-width:100%!important}}@media(max-width:992px){.admin-settings-content{padding:18px 16px}.admin-settings-header{flex-direction:column;align-items:stretch;gap:16px}.admin-settings-header-actions{justify-content:flex-end}.profile-grid{grid-template-columns:1fr}.profile-avatar-area{max-width:100%}.profile-form-grid{grid-template-columns:repeat(2,1fr)}.password-form-grid,.twofa-methods{grid-template-columns:1fr}}@media(max-width:768px){.admin-settings-content{padding:14px 12px 20px}.admin-settings-header h1{font-size:30px}.admin-settings-header p{font-size:13px}.admin-settings-header-actions{width:100%;justify-content:space-between}.settings-panel{padding:14px}.settings-panel h2{font-size:22px}.profile-form-grid,.password-form-grid,.twofa-methods{grid-template-columns:1fr}.profile-avatar-area img{width:88px;height:88px}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}}@media(max-width:480px){.admin-settings-content{padding:12px 10px 18px}.admin-settings-header h1{font-size:26px}.admin-settings-header p{font-size:12px}.admin-settings-header-actions{flex-direction:column}.save-btn,.mini-icon-btn{width:100%;justify-content:center}.settings-panel{padding:12px}.settings-panel h2{font-size:20px}.profile-avatar-area img{width:80px;height:80px}.image-upload-label{width:100%;text-align:center}.message-banner{font-size:12px;padding:10px 12px}.modal-content{width:100%;padding:18px;border-radius:10px}.modal-actions{flex-direction:column}.modal-actions button,.cancel-btn,.delete-btn{width:100%;justify-content:center}}@media(max-width:360px){.admin-settings-header h1{font-size:22px}.settings-panel h2{font-size:18px}.profile-avatar-area img{width:72px;height:72px}.profile-form-grid input,.profile-form-grid select,.password-form-grid input,.modal-form input{font-size:13px}}.platform-settings-content{padding:22px}.message-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background:#e9f7ef;color:#1a9f56;border:1px solid #a6e3d0}.message-banner.error{background:#fdf0f0;color:#c53030;border:1px solid #fcb0b0}.platform-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.platform-header h1{margin:0;font-size:40px;letter-spacing:-.03em;color:#16233d}.platform-header p{margin:6px 0 0;color:#6f82a2}.platform-header-actions{display:flex;gap:8px}.platform-icon-btn,.platform-save-btn{border:1px solid #d4deed;border-radius:9px;height:36px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.platform-icon-btn{width:36px;color:#5c7192}.platform-save-btn{background:#2f63db;border-color:#2f63db;color:#fff;padding:0 12px;font-weight:700}.platform-save-btn:hover{background:#2451b9}.platform-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.platform-card{background:#fff;border:1px solid #d6deed;border-radius:12px;padding:16px}.platform-card h2,.platform-card h3{margin:0;color:#1a2945}.platform-card p{margin:6px 0 12px;color:#7083a3;font-size:14px}.pricing-table{width:100%;border-collapse:collapse;min-width:500px}.pricing-table th,.pricing-table td{border-top:1px solid #ebf0f9;padding:12px 8px;text-align:left}.pricing-table th{color:#7789a7;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.pricing-table input{border:1px solid #d8e1ef;border-radius:6px;padding:6px 8px;font-size:14px;color:#344563;width:100%;max-width:120px}.pricing-table input:focus{outline:none;border-color:#2f63db;box-shadow:0 0 0 2px #2f63db1a}.status-pill{background:#e9f7ef;color:#1a9f56;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.vendor-pill{background:#eff6ff;color:#2563eb}.worker-pill{background:#f0fdf4;color:#16a34a}.premium-pill{background:#fef3c7;color:#92400e}.basic-pill{background:#f3f4f6;color:#374151}.pricing-table td button{border:0;background:transparent;color:#2f63db;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.pricing-table td button:hover{background:#2f63db1a}.platform-side-stack{display:flex;flex-direction:column;gap:12px}.platform-side-stack select{width:100%;border:1px solid #d8e1ef;border-radius:8px;height:38px;padding:0 10px;color:#344563;cursor:pointer}.platform-side-stack select:focus{outline:none;border-color:#2f63db;box-shadow:0 0 0 2px #2f63db1a}.platform-side-stack label{display:flex;align-items:center;gap:8px;color:#3c4f70;font-weight:600;margin-bottom:10px;cursor:pointer}.platform-side-stack input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#2f63db}.verification-card{grid-column:1 / 2}.rule-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rule-columns h4{margin:4px 0 12px;color:#7d8fac;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.rule-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#2a3b58}.rule-toggle-input{cursor:pointer;width:18px;height:18px;accent-color:#2f63db}.rule-toggle{width:34px;height:20px;border-radius:999px;background:#d7dfed;position:relative}.rule-toggle:after{content:"";width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px}.rule-toggle.on{background:#2f63db}.rule-toggle.on:after{left:17px}.skill-input-group{display:flex;gap:8px;margin-bottom:14px}.skill-input{flex:1;border:1px solid #d8e1ef;border-radius:8px;height:38px;padding:0 12px;font-size:14px;color:#344563}.skill-input:focus{outline:none;border-color:#2f63db;box-shadow:0 0 0 2px #2f63db1a}.skill-add-btn{border:1px solid #2f63db;background:#2f63db;color:#fff;border-radius:8px;height:38px;padding:0 16px;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s}.skill-add-btn:hover{background:#2451b9;border-color:#2451b9}.skills-list{max-height:180px;overflow-y:auto;border:1px solid #ebf0f9;border-radius:8px;padding:8px}.skill-item{background:#f7f9fc;border:1px solid #e3e9f3;border-radius:6px;padding:8px 12px;margin-bottom:6px;color:#2a3b58;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.skill-id{background:#2f63db;color:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;min-width:24px;text-align:center}.skill-name{flex:1}.skill-item:last-child{margin-bottom:0}.no-skills-text{color:#7083a3;font-size:13px;text-align:center;padding:12px;margin:0}.skills-list::-webkit-scrollbar{width:6px}.skills-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.skills-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.skills-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.legal-policies-card{margin-top:12px}.legal-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.legal-header-row h2{display:flex;align-items:center;gap:8px}.legal-policy-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legal-policy-card{border:1px solid #e4ebf6;border-radius:12px;padding:14px;background:#fbfdff}.legal-policy-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.legal-policy-head h3{margin:0}.status-pill.muted{background:#eef2f7;color:#64748b}.legal-policy-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.legal-policy-form label{display:flex;flex-direction:column;gap:6px;color:#41526b;font-size:13px;font-weight:600}.legal-policy-form input,.legal-policy-form textarea{border:1px solid #d8e1ef;border-radius:8px;padding:8px 10px;font-size:14px;color:#344563;width:100%;font-family:inherit}.legal-policy-form textarea{min-height:140px;resize:vertical}.legal-full{grid-column:1 / -1}.legal-actions{margin-top:12px}.legal-save-btn{width:auto;margin-top:0}.legal-versions{margin-top:12px;border-top:1px solid #e9eef6;padding-top:10px}.legal-versions h4{margin:0 0 8px;color:#5b6d88;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.legal-versions ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.legal-versions li{border:1px solid #e9eef6;border-radius:8px;background:#fff;padding:10px;display:flex;justify-content:space-between;gap:8px}.legal-versions li.active-version{border-color:#2f63db;background:#f4f8ff}.version-meta{display:flex;flex-direction:column;gap:3px}.version-meta strong{color:#1f2f47}.version-meta span{color:#7083a3;font-size:12px}.version-meta p{margin:4px 0 0;color:#52617c;font-size:13px}.version-actions{display:flex;align-items:center;gap:6px}.legal-action-btn,.legal-delete-btn{border:1px solid #d7e0ee;background:#fff;color:#2f63db;border-radius:8px;padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.legal-delete-btn{color:#d64545}@media(max-width:1180px){.platform-grid{grid-template-columns:1fr}.verification-card{grid-column:auto}}@media(max-width:760px){.platform-settings-content{padding:14px 12px 20px}.platform-header{flex-direction:column}.platform-header h1{font-size:30px}.rule-columns,.legal-policy-stack,.legal-policy-form{grid-template-columns:1fr}}html,body{overflow-x:hidden}.platform-settings-content{min-width:0;max-width:100%;overflow-x:hidden}.dashboard-content{min-width:0}@media(max-width:1080px){.dashboard-content.platform-settings-content{margin-left:0!important;width:100%!important;max-width:100%!important}}.platform-header,.platform-header-actions{flex-wrap:wrap}.platform-save-btn,.platform-icon-btn{flex-shrink:0}.platform-grid{min-width:0}.platform-card{min-width:0;overflow:visible}.pricing-table{width:100%;min-width:650px}.pricing-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.pricing-table input,.skill-input,.platform-side-stack select{width:100%;max-width:100%;box-sizing:border-box}.skill-item{flex-wrap:wrap;word-break:break-word}.skill-name{word-break:break-word}.rule-row{gap:12px}.rule-row span{flex:1;word-break:break-word}@media(max-width:1200px){.platform-grid{grid-template-columns:1fr}.verification-card{grid-column:auto}}@media(max-width:992px){.platform-settings-content{padding:18px 16px}.platform-header{flex-direction:column;align-items:stretch;gap:16px}.platform-header h1{font-size:32px}.platform-header-actions{justify-content:flex-end}.skill-input-group{flex-wrap:wrap}.skill-input,.skill-add-btn{width:100%}.pricing-table-wrapper{overflow-x:auto}}@media(max-width:768px){.platform-settings-content{padding:14px 12px 20px}.platform-header h1{font-size:28px}.platform-header p{font-size:13px}.platform-header-actions{width:100%;justify-content:space-between}.platform-save-btn{flex:1;justify-content:center}.platform-card{padding:14px}.platform-card h2{font-size:22px}.platform-card h3{font-size:18px}.pricing-table{min-width:600px}.rule-columns{grid-template-columns:1fr;gap:20px}.skill-input-group{flex-direction:column}.skill-add-btn{width:100%}.skills-list{max-height:220px}.message-banner{align-items:flex-start}}@media(max-width:480px){.platform-settings-content{padding:12px 10px 18px}.platform-header h1{font-size:24px}.platform-header p{font-size:12px}.platform-header-actions{flex-direction:column;gap:10px}.platform-save-btn,.platform-icon-btn{width:100%;justify-content:center}.platform-card{padding:12px;border-radius:10px}.platform-card h2{font-size:20px}.platform-card h3{font-size:17px}.platform-card p{font-size:13px}.pricing-table{min-width:550px}.pricing-table th,.pricing-table td{padding:10px 6px;font-size:12px}.pricing-table input{font-size:13px}.status-pill{font-size:11px;padding:3px 8px}.skill-item{padding:8px;font-size:13px}.skill-id{font-size:11px}.rule-row{align-items:flex-start}.rule-row span{font-size:13px}.message-banner{padding:10px 12px;font-size:13px}}@media(max-width:360px){.platform-header h1{font-size:22px}.platform-card h2{font-size:18px}.platform-card h3{font-size:16px}.pricing-table{min-width:500px}.skill-item,.rule-row span{font-size:12px}}.revenue-page{display:flex;min-height:100vh;background:#f2f5fb}.revenue-content{flex:1;margin-left:260px;padding:10px 20px 28px}.revenue-header{background:#f8f9fc;border:1px solid #dbe2ee;border-radius:0 0 14px 14px;margin:-10px -20px 20px;padding:10px 22px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.header-left{flex:1;max-width:420px}.header-search{height:38px;display:flex;align-items:center;gap:10px;border:1px solid #dbe2ee;border-radius:8px;background:#eef2f7;padding:0 12px;color:#8a97ad}.header-search input{width:100%;border:0;outline:none;background:transparent;color:#30415f;font-size:14px}.header-right{display:flex;align-items:center;gap:12px}.icon-btn{width:38px;height:38px;border:0;background:transparent;color:#5f6f8c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:background .2s}.icon-btn:hover{background:#e5e9f0}.user-menu{display:flex;align-items:center;gap:10px;border-left:1px solid #d5ddeb;padding-left:12px}.user-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;border:1px solid #cfd8ea}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{text-align:right}.user-name{margin:0;font-size:13px;font-weight:600;color:#1f2b43}.user-role{margin:0;font-size:11px;color:#7f8da6}.page-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.page-title-section h1{margin:0;font-size:28px;font-weight:750;color:#1a2235;letter-spacing:-.03em}.page-subtitle{margin:8px 0 0;color:#6f809f;font-size:15px;font-weight:500}.export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#2f63db;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.export-btn:hover{background:#2451b8}.stats-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #d5deeb;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:flex-start;min-width:0}.stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px}.worker-card .stat-icon{background:#eff6ff;color:#2563eb}.vendor-card .stat-icon{background:#f0fdf4;color:#16a34a}.total-card .stat-icon{background:#fef3c7;color:#d97706}.revenue-card .stat-icon{background:#ecfeff;color:#0891b2}.stat-info{flex:1;min-width:0}.stat-label{margin:0 0 8px;color:#667896;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;word-break:break-word}.stat-value{font-size:32px;line-height:1.1;font-weight:750;color:#111c31;margin-bottom:6px;word-break:break-word;overflow-wrap:anywhere}.stat-change{margin:0;color:#6f809f;font-size:13px;font-weight:500}.filters-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filter-group{display:flex;gap:12px}.filter-dropdown{position:relative}.filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#fff;border:1px solid #d4dceb;border-radius:8px;font-size:13px;font-weight:600;color:#5f708f;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f7f9fd;border-color:#b9c8e7}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #d4dceb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:160px;z-index:100}.dropdown-menu button{display:block;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:background .2s}.dropdown-menu button:hover{background:#f3f4f6}.results-count{font-size:12px;font-weight:600;color:#6b7280;letter-spacing:.5px}.table-container{background:#fff;border:1px solid #d5deeb;border-radius:12px;overflow-x:auto;margin-bottom:20px}.subscriptions-table{width:100%;border-collapse:collapse;min-width:600px}.subscriptions-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.subscriptions-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:700;color:#667896;letter-spacing:.08em;text-transform:uppercase}.subscriptions-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.subscriptions-table tbody tr:hover{background:#f9fafb}.subscriptions-table td{padding:16px;font-size:14px;color:#374151}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e5e7eb}.user-name{font-weight:600;color:#1f2937;font-size:14px}.user-id{font-size:12px;color:#9ca3af;margin-top:2px}.type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.type-badge.worker{background:#eff6ff;color:#2563eb}.type-badge.vendor{background:#f0fdf4;color:#16a34a}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.expired{background:#fee2e2;color:#991b1b}.amount-cell{font-weight:700;color:#059669;font-size:15px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.pagination-info{font-size:14px;color:#6b7280}.pagination-info strong{font-weight:700;color:#1f2937}.pagination-controls{display:flex;gap:6px;align-items:center}.page-btn{min-width:32px;height:32px;padding:0 10px;background:#fff;border:1px solid #d4dceb;border-radius:6px;font-size:13px;font-weight:600;color:#5f708f;cursor:pointer;transition:all .2s}.page-btn:hover:not(:disabled){background:#f7f9fd;border-color:#2f63db;color:#2f63db}.page-btn.active{background:#2f63db;border-color:#2f63db;color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipsis{padding:0 8px;color:#9ca3af}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#5f708f;background:#f2f5fb;font-size:16px;font-weight:500}*{box-sizing:border-box}.revenue-page{overflow-x:hidden}.revenue-content{min-width:0}img{max-width:100%;display:block}@media(max-width:1400px){.stats-cards{grid-template-columns:repeat(2,minmax(320px,1fr))}}@media(max-width:1080px){.revenue-content{margin-left:0;width:100%;padding:16px}.revenue-header{margin:0 0 18px;border-radius:14px;padding:16px}.header-left{max-width:none;flex:1}.page-title-section{flex-direction:column;gap:18px;align-items:flex-start}.export-btn{width:100%;justify-content:center}.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters-section{flex-direction:column;align-items:flex-start;gap:14px}.filter-group{width:100%;flex-wrap:wrap}.filter-dropdown{flex:1;min-width:180px}.filter-btn{width:100%;justify-content:space-between}.results-count{width:100%}.pagination{flex-direction:column;gap:18px}}@media(max-width:768px){.revenue-header{flex-direction:column;align-items:stretch;gap:16px}.header-right{justify-content:space-between;width:100%}.header-search{width:100%}.page-title-section h1{font-size:24px}.page-subtitle{font-size:14px}.stats-cards{grid-template-columns:1fr}.stat-card{align-items:center;padding:18px}.stat-icon{width:52px;height:52px;flex-shrink:0}.stat-value{font-size:28px}.table-container{overflow-x:auto;border-radius:12px}.subscriptions-table{min-width:900px}}@media(max-width:600px){.revenue-content{padding:12px}.revenue-header{padding:14px}.user-info{display:none}.page-title-section{margin-bottom:18px}.page-title-section h1{font-size:22px;line-height:1.2}.page-subtitle{margin-top:6px;font-size:13px}.stat-card{padding:16px;gap:14px}.stat-icon{width:48px;height:48px}.stat-value{font-size:26px}.stat-change{font-size:12px}.filter-group{flex-direction:column}.filter-dropdown,.dropdown-menu{width:100%}.pagination{gap:14px}.pagination-info{text-align:center;font-size:13px}.pagination-controls{flex-wrap:wrap;justify-content:center}}@media(max-width:420px){.revenue-content{padding:10px}.revenue-header{padding:12px}.page-title-section h1{font-size:20px}.page-subtitle{font-size:12px}.stat-card{flex-direction:column;text-align:center;align-items:center}.stat-info{width:100%}.stat-label,.stat-value,.stat-change{text-align:center}.export-btn{width:100%}.page-btn{min-width:34px;height:34px}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.table-container::-webkit-scrollbar-track{background:#f1f5f9}.support-content{margin-left:260px;padding:28px 28px 48px;min-height:100vh;background:#f4f7fc}.support-hero{background:linear-gradient(135deg,#0f1f44,#1a3a6e);border-radius:16px;padding:32px 32px 28px;margin-bottom:28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.support-hero-text h1{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.03em;color:#fff}.support-hero-text p{margin:0;color:#d6e3fbc7;font-size:15px;max-width:480px;line-height:1.6}.support-hero-badges{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.support-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#c8daff;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;white-space:nowrap}.support-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#8fa3c0;margin-bottom:12px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.support-card{background:#fff;border:1px solid #d4ddeb;border-radius:14px;padding:22px 20px;display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s,transform .15s}.support-card:hover{box-shadow:0 6px 22px #2f63db1c;border-color:#b0c4e8;transform:translateY(-2px)}.support-card-icon-wrap{width:48px;height:48px;min-width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.support-card-body{display:flex;flex-direction:column;gap:3px}.support-card-label{margin:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8fa3c0}.support-card-value{margin:0;font-size:15px;font-weight:600;color:#1b2944}.support-card-action{font-size:13px;font-weight:500;margin-top:6px;display:inline-block}.support-card-action.indigo{color:#4f46e5}.support-card-action.green{color:#059669}.support-card-action.blue{color:#0a66c2}.support-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px}.support-panel{background:#fff;border:1px solid #d4ddeb;border-radius:14px;padding:22px 24px}.support-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:18px}.support-panel-header h2{margin:0;font-size:16px;font-weight:700;color:#1b2944}.support-response-list{display:flex;flex-direction:column;gap:14px}.support-response-item{display:flex;align-items:flex-start;gap:12px}.support-response-dot{width:10px;height:10px;min-width:10px;border-radius:50%;margin-top:5px}.support-response-item strong{font-size:14px;color:#1b2944;display:block}.support-response-item p{margin:2px 0 0;font-size:13px;color:#7083a3}.support-tips-list{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px}.support-tips-list li{font-size:14px;color:#4a5e7a;line-height:1.5}.support-faq{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.faq-item{background:#fff;border:1px solid #d4ddeb;border-radius:12px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#b0c4e8}.faq-question{width:100%;background:none;border:none;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;font-size:14px;font-weight:600;color:#1b2944;transition:background .15s}.faq-question:hover{background:#f8fafc}.faq-question svg{flex-shrink:0;color:#7083a3}.faq-answer{padding:12px 20px 16px;font-size:14px;color:#4a5e7a;line-height:1.65;border-top:1px solid #edf1f8}.support-smartnex-footer{display:flex;align-items:center;gap:14px;padding:18px 22px;background:linear-gradient(135deg,#0f1f44,#1a3a6e);border-radius:14px}.smartnex-footer-logo{height:38px;object-fit:contain;opacity:.92}.smartnex-footer-text{display:flex;flex-direction:column;gap:2px}.smartnex-powered-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#c8daffa6}.smartnex-company-name{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}@media(max-width:1080px){.support-content{margin-left:0;padding:70px 16px 40px}.support-grid,.support-two-col{grid-template-columns:1fr}.support-hero{flex-direction:column}.support-hero-badges{flex-direction:row;align-items:flex-start;flex-wrap:wrap}}@media(max-width:600px){.support-hero{padding:22px 18px}.support-hero-text h1{font-size:24px}.support-panel{padding:18px 16px}.support-smartnex-footer{padding:14px 16px}.smartnex-footer-logo{height:30px}}