@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,:root[data-theme=dark]{--bg-primary: linear-gradient(135deg, #0a0a0a 0%, #1a0a1f 100%);--bg-card: rgba(255, 255, 255, .05);--bg-modal: rgba(20, 10, 30, .95);--bg-sidebar: rgba(20, 10, 30, .7);--bg-header: rgba(20, 10, 30, .6);--border-primary: rgba(168, 85, 247, .35);--border-active: rgba(236, 72, 153, .6);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-label: rgba(255, 255, 255, .7);--accent-primary: #a855f7;--accent-secondary: #ec4899;--accent-gradient: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--accent-gradient-hover: linear-gradient(135deg, #c084fc 0%, #f472b6 100%);--shadow-glow: 0 0 15px rgba(168, 85, 247, .25);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3), 0 0 15px rgba(168, 85, 247, .15);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .4), 0 0 25px rgba(168, 85, 247, .25);--input-bg: rgba(0, 0, 0, .4);--input-border: rgba(168, 85, 247, .4);--input-focus-border: #a855f7;--input-focus-glow: 0 0 15px rgba(168, 85, 247, .3)}:root[data-theme=light]{--bg-primary: linear-gradient(135deg, #fffef7 0%, #faf6ed 100%);--bg-card: rgba(255, 255, 255, .95);--bg-modal: rgba(255, 253, 245, .98);--bg-sidebar: rgba(250, 245, 230, .95);--bg-header: rgba(255, 252, 242, .95);--border-primary: rgba(218, 165, 32, .5);--border-active: rgba(184, 134, 11, .7);--text-primary: #000000;--text-secondary: #2d2d2d;--text-label: #4a4a4a;--accent-primary: #daa520;--accent-secondary: #b8860b;--accent-gradient: linear-gradient(135deg, #daa520 0%, #b8860b 100%);--accent-gradient-hover: linear-gradient(135deg, #f4d03f 0%, #daa520 100%);--shadow-glow: 0 0 15px rgba(218, 165, 32, .2);--shadow-card: 0 8px 32px rgba(0, 0, 0, .08), 0 0 15px rgba(218, 165, 32, .15);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .12), 0 0 25px rgba(218, 165, 32, .2);--input-bg: rgba(255, 255, 255, .9);--input-border: rgba(218, 165, 32, .5);--input-focus-border: #daa520;--input-focus-glow: 0 0 15px rgba(218, 165, 32, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);background-attachment:fixed;color:var(--text-primary);min-height:100vh;transition:background .3s ease,color .3s ease}#root{min-height:100vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-card);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gradient-hover)}::selection{background:var(--accent-primary);color:#fff}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f1e);padding:20px}.login-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px;width:100%;max-width:400px;box-shadow:0 8px 32px #0000004d}.login-header{text-align:center;margin-bottom:40px}.login-header h1{font-size:60px;margin-bottom:10px}.login-header h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.login-header p{color:#888;font-size:16px;margin:0}.form-group label{display:block;color:#a855f7;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase}.form-group input{width:100%;padding:14px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:16px;transition:all .2s;box-sizing:border-box}.form-group input::placeholder{color:#666}.form-group input:focus{outline:none;border-color:#a855f7;background:#ffffff1a;box-shadow:0 0 0 3px #a855f733}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}button[type=submit]{width:100%;padding:16px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 4px 20px #a855f766}button[type=submit]:disabled{background:#666;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{margin-top:30px;text-align:center}.login-footer p{color:#666;font-size:13px;margin:0}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{width:100%;padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:20px;padding:5px;opacity:.7;transition:opacity .2s}.password-toggle:hover{opacity:1}.signup-mode{max-width:450px}.link-button{background:none;border:none;color:#a855f7;font-size:14px;cursor:pointer;padding:5px;text-decoration:underline}.link-button:hover{color:#c084fc}.login-footer p{margin-bottom:5px}.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.forgot-link{margin-top:15px;display:block;text-align:center}.reset-success{text-align:center;padding:20px 0}.success-icon{font-size:60px;margin-bottom:20px}.reset-success h3{color:#22c55e;margin-bottom:10px}.reset-success p{color:#888;margin-bottom:30px}.sidebar{width:240px;min-height:100vh;background:linear-gradient(180deg,#1e1e2f,#15151f);padding:20px 0;position:fixed;left:0;top:0;border-right:1px solid rgba(255,255,255,.1);transition:width .3s ease;z-index:100;display:flex;flex-direction:column}.sidebar.collapsed{width:70px}.sidebar-header{padding:10px 20px 20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px;position:relative}.logo-container{display:flex;align-items:center;gap:10px}.logo-icon{font-size:28px}.sidebar-header h2{color:#a855f7;font-size:20px;white-space:nowrap}.sidebar-header p{color:#888;font-size:12px;margin-top:5px}.collapse-btn{position:absolute;right:10px;top:15px;width:28px;height:28px;border-radius:50%;background:#a855f74d;color:#a855f7;border:1px solid rgba(168,85,247,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .2s}.collapse-btn:hover{background:#a855f780;color:#fff}.sidebar.collapsed .collapse-btn{right:50%;transform:translate(50%)}.sidebar.collapsed .logo-container{justify-content:center}.sidebar-nav{flex:1;padding:0 10px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#888;text-decoration:none;border-radius:10px;margin-bottom:5px;transition:all .2s;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.nav-item:hover{background:#a855f71a;color:#fff}.nav-item.active{background:#a855f733;color:#a855f7}.nav-item.locked{opacity:.5}.nav-item.locked:hover{background:#a855f70d;color:#888}.nav-icon{font-size:20px;min-width:24px;text-align:center}.nav-label{flex:1}.lock-icon{font-size:12px;opacity:.7}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;text-align:center}.role-indicator{display:inline-block;background:#a855f733;color:#a855f7;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.sidebar.collapsed .role-indicator{padding:6px 10px}.sidebar.collapsed .sidebar-header p{display:none}.timesheets-page{padding:30px;max-width:1400px;margin:0 auto}.page-title{font-size:32px;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.btn-export{padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b98140;display:flex;align-items:center;gap:6px;width:fit-content;flex-shrink:0}.btn-export:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(168,85,247,.35);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d,0 0 15px #a855f726;transition:all .3s ease}.summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0006,0 0 25px #a855f740;border-color:#ec489999}.summary-card h3{font-size:12px;color:#ffffffb3;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.summary-card .value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.filters-section{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(168,85,247,.35);border-radius:16px;padding:24px;margin-bottom:30px;box-shadow:0 8px 32px #0000004d,0 0 15px #a855f726}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-group label{display:block;font-size:11px;color:#ffffffb3;margin-bottom:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{width:100%;padding:12px;background:#0006;border:2px solid rgba(168,85,247,.4);border-radius:8px;color:#fff;font-size:14px;font-weight:500;transition:all .3s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 15px #a855f74d}.filter-group select option{background:#1a0a1f;color:#fff}.clear-filters-btn{padding:12px 24px;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #a855f740;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.clear-filters-btn:hover{background:linear-gradient(135deg,#c084fc,#f472b6);transform:translateY(-2px);box-shadow:0 0 25px #a855f766}.entries-table{display:flex;flex-direction:column;gap:15px}.table-row{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(168,85,247,.35);border-radius:12px;padding:20px;transition:all .3s ease;box-shadow:0 8px 32px #0000004d,0 0 15px #a855f726;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;align-items:start}.table-row:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 0 25px #a855f740;border-color:#ec489999}.table-cell{display:flex;flex-direction:column;gap:5px}.cell-label{font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cell-value{font-size:14px;color:#fff;font-weight:600}.cell-value.worker-name{font-size:16px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.cell-value.phone{font-size:12px;color:#fff9;font-family:Courier New,monospace;font-weight:500}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;width:fit-content;border:2px solid}.status-badge.completed{background:#10b98126;color:#10b981;border-color:#10b981;box-shadow:0 0 15px #10b98140}.status-badge.active{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b;box-shadow:0 0 15px #f59e0b40;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 15px #f59e0b40}50%{box-shadow:0 0 25px #f59e0b66}}.no-entries{text-align:center;padding:60px 20px;color:#fff9;font-size:16px;background:#ffffff05;border:2px solid rgba(168,85,247,.2);border-radius:12px}.error-message{background:#ef44441a;border:2px solid #ef4444;color:#ef4444;padding:16px;border-radius:12px;margin-bottom:20px;box-shadow:0 0 20px #ef444433;font-weight:600}.export-buttons{display:flex;gap:10px}.btn-pdf{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-pdf:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.workers-page{padding:30px;max-width:1400px;margin:0 auto}.page-header h1{font-size:32px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 5px}.page-header p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:400}.btn-primary{padding:12px 24px;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-glow);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{padding:12px 24px;background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-primary);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow)}.btn-edit{padding:10px 20px;background:linear-gradient(135deg,#daa520,#b8860b);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #daa52033;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-edit:hover{background:linear-gradient(135deg,#f4d03f,#daa520);transform:translateY(-2px);box-shadow:0 12px 40px #0000001f,0 0 25px #daa52033}.btn-danger{padding:10px 20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef444433;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.worker-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--border-primary);padding:24px;border-radius:16px;box-shadow:var(--shadow-card);transition:all .3s ease}.worker-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--border-active)}.worker-card.inactive{opacity:.5}.worker-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid var(--border-primary)}.worker-avatar{width:60px;height:60px;background:var(--accent-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:var(--shadow-glow);text-shadow:0 2px 4px rgba(0,0,0,.3)}.worker-info h3{font-size:18px;color:var(--text-primary);margin:0 0 5px;font-weight:700}.worker-info p{font-size:14px;color:var(--text-secondary);margin:0}.worker-details{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.detail-row .label{font-size:12px;color:var(--text-label);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.role-badge{padding:6px 14px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;border:2px solid;letter-spacing:.5px}.role-badge.worker{background:#22c55e1f;color:#16a34a;border-color:#16a34a}.role-badge.manager{background:#fbbf241f;color:#d97706;border-color:#d97706}.role-badge.admin{background:#ef44441f;color:#dc2626;border-color:#dc2626}.status-badge{padding:6px 14px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;border:2px solid;letter-spacing:.5px}.status-badge.active{background:#10b9811f;color:#059669;border-color:#059669}.status-badge.inactive{background:#6b72801f;color:#6b7280;border-color:#6b7280}.worker-actions{display:flex;gap:10px}.loading{text-align:center;padding:60px;font-size:18px;color:var(--text-secondary)}.error-message{background:#ef44441a;border:2px solid #ef4444;color:#ef4444;padding:15px;border-radius:12px;margin-bottom:20px;box-shadow:0 0 20px #ef444433;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-modal);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid var(--border-primary);padding:30px;border-radius:20px;box-shadow:var(--shadow-hover);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--border-primary)}.modal-header h2{font-size:24px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:700}.close-btn{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;line-height:32px;transition:all .3s ease}.close-btn:hover{color:var(--text-primary);transform:rotate(90deg)}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:12px;background:var(--input-bg);border:2px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-glow)}.form-group select option{background:var(--bg-modal);color:var(--text-primary)}.error{background:#ef44441a;border:2px solid #ef4444;color:#ef4444;padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px;box-shadow:0 0 20px #ef444433;font-weight:600}.modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid var(--border-primary)}.worker-photo{width:50px;height:50px;border-radius:50%;object-fit:cover}.worker-email{font-size:12px;color:#888;margin-top:2px}.photo-upload-container{margin-top:8px}.photo-upload-btn{display:inline-block;padding:12px 20px;background:#a855f71a;border:2px dashed rgba(168,85,247,.4);border-radius:8px;color:#a855f7;cursor:pointer;transition:all .2s}.photo-upload-btn:hover{background:#a855f733;border-color:#a855f7}.photo-preview{position:relative;display:inline-block}.photo-preview img{width:120px;height:120px;border-radius:8px;object-fit:cover;border:2px solid #a855f7}.remove-photo{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:none;cursor:pointer;font-size:16px;line-height:1}.form-group small{display:block;margin-top:4px;color:#888;font-size:12px}.pending-section{margin-bottom:40px}.section-title{font-size:20px;color:#fff;margin-bottom:20px}.worker-card.pending{border:2px solid #f59e0b;position:relative}.pending-badge{position:absolute;top:-12px;left:20px;background:#f59e0b;color:#000;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px}.worker-card.rejected{opacity:.6;border-color:#ef44444d}.worker-avatar.rejected{background:#6b7280}.approval-actions{gap:10px}.btn-approve{flex:1;padding:12px;background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-approve:hover{background:#22c55e4d}.btn-reject{flex:1;padding:12px;background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.btn-reject:hover{background:#ef44444d}.rejected-section{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.job-sites-page{padding:30px;max-width:1400px;margin:0 auto}.job-sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.job-card{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.2);padding:24px;border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 20px #a855f71a,inset 0 0 40px #a855f70d;transition:all .3s ease}.job-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006,0 0 40px #a855f74d,inset 0 0 60px #a855f714;border-color:#ec489966}.job-card.inactive{opacity:.5;background:#ffffff05}.job-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(168,85,247,.2)}.job-icon{width:60px;height:60px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0;box-shadow:0 0 30px #f59e0b99,inset 0 0 20px #ffffff1a}.job-info h3{font-size:18px;color:#fff;margin:0 0 5px;font-weight:700}.job-info p{font-size:13px;color:#fff9;margin:0;line-height:1.4}.job-details{margin-bottom:20px}.job-details .detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.job-details .label{font-size:13px;color:#fff9;font-weight:500}.job-details .value{font-size:13px;color:#fff;font-weight:600;font-family:Courier New,monospace;background:#a855f71a;padding:4px 8px;border-radius:6px}.job-actions{display:flex;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{font-size:32px;font-weight:800;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 5px;text-shadow:0 0 40px rgba(168,85,247,.3)}.page-header p{color:#fff9;margin:0;font-size:14px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a855f766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #a855f799,0 0 40px #ec489966}.btn-secondary{padding:12px 24px;background:#ffffff1a;color:#fff;border:1px solid rgba(168,85,247,.3);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26;border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.btn-edit{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;font-weight:600}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680,0 0 30px #8b5cf64d}.btn-danger{padding:8px 16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d;font-weight:600}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480,0 0 30px #dc26264d}.loading{text-align:center;padding:60px;font-size:18px;color:#fff9}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:15px;border-radius:12px;margin-bottom:20px;box-shadow:0 0 20px #ef444433}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 15px #10b98133}.status-badge.inactive{background:#6b728033;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#140a1ef2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(168,85,247,.3);padding:30px;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 80px #a855f74d,inset 0 0 80px #a855f70d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(168,85,247,.2)}.modal-header h2{font-size:24px;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:700}.close-btn{background:none;border:none;font-size:32px;color:#fff9;cursor:pointer;padding:0;width:32px;height:32px;line-height:32px;transition:all .3s ease}.close-btn:hover{color:#fff;transform:rotate(90deg)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fffc;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select{width:100%;padding:12px;background:#0006;border:1px solid rgba(168,85,247,.3);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 20px #a855f766;background:#0009}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px;box-shadow:0 0 20px #ef444433}.modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(168,85,247,.2)}.modal-actions button{flex:1}.upgrade-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 40px;background:linear-gradient(180deg,#a855f70d,#ffffff05);border:1px solid rgba(168,85,247,.2);border-radius:24px;max-width:500px;margin:60px auto}.upgrade-icon{font-size:72px;margin-bottom:25px;filter:grayscale(30%)}.upgrade-prompt h2{color:#fff;font-size:32px;margin-bottom:15px;font-weight:700}.upgrade-description{color:#888;font-size:18px;margin-bottom:25px;line-height:1.6;max-width:350px}.upgrade-badge{background:#a855f71a;border:1px solid rgba(168,85,247,.3);color:#a855f7;padding:10px 24px;border-radius:30px;font-size:14px;margin-bottom:30px}.upgrade-badge strong{color:#c084fc}.upgrade-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;padding:18px 50px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s}.upgrade-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #a855f766}.upgrade-note{color:#666;font-size:14px;margin-top:20px}.billing-page{padding:40px 20px;max-width:1200px;margin:0 auto}.billing-header{text-align:center;margin-bottom:40px}.billing-header h1{font-size:42px;margin-bottom:15px;color:#fff;font-weight:700}.billing-header p{color:#888;font-size:20px}.alert{display:inline-block;padding:12px 24px;border-radius:8px;margin-top:20px;font-weight:500}.alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.alert.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.current-plan-banner{display:inline-flex;align-items:center;gap:20px;padding:15px 30px;border-radius:12px;margin-top:25px;font-weight:600;font-size:15px}.current-plan-banner.trial{background:linear-gradient(135deg,#a855f71a,#ec48991a);border:1px solid rgba(168,85,247,.3);color:#a855f7}.current-plan-banner.active{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.trial-ends{font-weight:400;opacity:.8;padding-left:15px;border-left:1px solid rgba(255,255,255,.2)}.manage-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.manage-btn:hover{background:#fff3}.pricing-controls{display:flex;justify-content:center;align-items:center;gap:50px;margin-bottom:50px;flex-wrap:wrap}.billing-toggle{display:flex;gap:0;background:#ffffff0d;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.billing-toggle button{background:transparent;border:none;color:#888;padding:14px 28px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:10px}.billing-toggle button.active{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;box-shadow:0 4px 15px #a855f766}.save-badge{background:#22c55e;color:#fff;font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600}.worker-slider{display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff08;padding:20px 30px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}.worker-slider label{color:#ccc;font-size:16px}.worker-slider label strong{color:#a855f7;font-size:24px;margin-left:8px}.worker-slider input[type=range]{width:220px;height:8px;-webkit-appearance:none;background:#ffffff1a;border-radius:4px;outline:none}.worker-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #a855f780}.slider-labels{display:flex;justify-content:space-between;width:220px;color:#555;font-size:12px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.plan-card{background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:35px;position:relative;transition:all .3s}.plan-card:hover{transform:translateY(-8px);border-color:var(--plan-color);box-shadow:0 25px 50px #0006}.plan-card.popular{border-color:var(--plan-color);background:linear-gradient(180deg,#a855f726,#ffffff05);transform:scale(1.02)}.plan-card.popular:hover{transform:scale(1.02) translateY(-8px)}.plan-card.current{border-color:#22c55e;background:linear-gradient(180deg,#22c55e1a,#ffffff05)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:8px 20px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #a855f766}.current-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;padding:8px 20px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase}.plan-header{text-align:center;margin-bottom:25px;padding-top:10px}.plan-header h3{font-size:28px;color:var(--plan-color);margin-bottom:8px;font-weight:700}.plan-description{color:#888;font-size:15px}.plan-price{text-align:center;margin-bottom:5px}.plan-price .currency{font-size:28px;color:#888;vertical-align:top;line-height:1.5}.plan-price .amount{font-size:64px;font-weight:800;color:#fff;line-height:1}.plan-price .period{font-size:15px;color:#888}.price-minimum{text-align:center;color:#666;font-size:13px;margin-bottom:15px}.price-estimate{background:#ffffff08;border-radius:12px;padding:15px 20px;margin:20px 0}.estimate-row{display:flex;justify-content:space-between;align-items:center;color:#888;font-size:14px;padding:6px 0}.estimate-row strong{color:#fff;font-size:16px}.estimate-row.setup{border-top:1px dashed rgba(255,255,255,.1);margin-top:8px;padding-top:12px}.estimate-row.savings strong.green{color:#22c55e}.plan-features{list-style:none;padding:0;margin:25px 0}.plan-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;line-height:1.4}.plan-features li.included{color:#ccc}.plan-features li.included .icon{color:#22c55e;font-weight:700;flex-shrink:0}.plan-features li.not-included{color:#555}.plan-features li.not-included .icon{color:#555;flex-shrink:0}.plan-button{width:100%;padding:18px;border:none;border-radius:14px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff}.plan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #a855f766}.plan-button.current{background:#22c55e33;color:#22c55e;border:2px solid #22c55e}.plan-button:disabled{opacity:.7;cursor:not-allowed}.no-card-required{text-align:center;color:#666;font-size:12px;margin-top:12px}.section-subtitle{color:#888;text-align:center;margin-bottom:30px}.add-ons-section{margin-bottom:60px}.add-ons-section h2{text-align:center;color:#fff;font-size:28px;margin-bottom:10px}.add-ons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.add-on-card{background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:25px;cursor:pointer;transition:all .2s}.add-on-card:hover{border-color:#a855f780}.add-on-card.selected{border-color:#a855f7;background:#a855f71a}.add-on-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.add-on-header h4{color:#fff;font-size:16px}.add-on-price{text-align:right}.add-on-price strong{color:#a855f7;font-size:18px}.add-on-price span{display:block;color:#666;font-size:12px}.add-on-card p{color:#888;font-size:14px;margin-bottom:15px}.add-on-checkbox{color:#a855f7;font-weight:600;font-size:14px}.add-on-card.selected .add-on-checkbox{color:#22c55e}.roi-calculator{background:linear-gradient(135deg,#a855f71a,#ec48990d);border:1px solid rgba(168,85,247,.2);border-radius:24px;padding:50px;margin-bottom:60px}.roi-calculator h2{text-align:center;color:#fff;font-size:28px;margin-bottom:10px}.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.roi-card{background:#ffffff0d;border-radius:16px;padding:25px;text-align:center}.roi-card.highlight{background:#22c55e1a;border:2px solid rgba(34,197,94,.3)}.roi-icon{font-size:36px;margin-bottom:12px}.roi-card h4{color:#fff;margin-bottom:8px;font-size:15px}.roi-card>p{color:#888;font-size:13px;margin-bottom:15px;min-height:36px}.roi-math{border-top:1px solid rgba(255,255,255,.1);padding-top:15px}.roi-line{color:#666;font-size:11px;margin-bottom:6px}.roi-result{color:#22c55e;font-size:16px;font-weight:700}.roi-result.big{font-size:22px}.trust-section{text-align:center;margin-bottom:60px}.trust-section h2{color:#fff;font-size:24px;margin-bottom:30px}.trust-badges{display:flex;justify-content:center;gap:50px}.trust-item{text-align:center}.trust-number{font-size:32px;font-weight:800;color:#a855f7;margin-bottom:5px}.trust-label{color:#888;font-size:14px}.billing-faq{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:50px;margin-bottom:60px}.billing-faq h2{text-align:center;color:#fff;margin-bottom:40px;font-size:28px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 50px}.faq-item h4{color:#fff;margin-bottom:10px;font-size:16px}.faq-item p{color:#888;font-size:14px;line-height:1.7}.cta-section{text-align:center;background:linear-gradient(135deg,#a855f733,#ec489933);border-radius:24px;padding:60px}.cta-section h2{color:#fff;font-size:32px;margin-bottom:10px}.cta-section>p{color:#ccc;font-size:18px;margin-bottom:30px}.cta-button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;padding:20px 50px;border-radius:14px;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #a855f766}.cta-note{color:#888;font-size:14px;margin-top:20px}.cta-note a{color:#a855f7;text-decoration:none}.cta-note a:hover{text-decoration:underline}.loading{text-align:center;padding:60px 20px;color:#888}@media(max-width:1024px){.plans-grid{grid-template-columns:1fr}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-8px)}.roi-grid{grid-template-columns:repeat(2,1fr)}.add-ons-grid{grid-template-columns:1fr}}@media(max-width:768px){.billing-header h1{font-size:32px}.pricing-controls{flex-direction:column;gap:20px}.roi-grid,.faq-grid{grid-template-columns:1fr}.trust-badges{flex-wrap:wrap;gap:30px}.current-plan-banner{flex-direction:column;gap:10px;text-align:center}.trial-ends{border-left:none;padding-left:0;border-top:1px solid rgba(255,255,255,.2);padding-top:10px}}.subscription-wall{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px}.subscription-card{background:#fff;border-radius:16px;padding:48px;max-width:900px;width:100%;text-align:center}.subscription-icon{font-size:64px;margin-bottom:16px}.subscription-card h1{font-size:32px;color:#1a1a2e;margin-bottom:8px}.subscription-card>p{color:#666;font-size:16px;margin-bottom:32px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.plan{border:2px solid #eee;border-radius:12px;padding:24px;text-align:left;position:relative}.plan.popular{border-color:#a855f7;transform:scale(1.05)}.plan .badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.plan h3{font-size:20px;color:#1a1a2e;margin-bottom:8px}.plan .price{font-size:36px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.plan .price span{font-size:14px;font-weight:400;color:#666}.plan ul{list-style:none;padding:0;margin:0 0 24px}.plan ul li{padding:8px 0;color:#444;font-size:14px;border-bottom:1px solid #eee}.plan ul li:last-child{border-bottom:none}.plan button{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.plan button{background:#1a1a2e;color:#fff}.plan.popular button{background:linear-gradient(135deg,#a855f7,#ec4899)}.plan button:hover{opacity:.9;transform:translateY(-2px)}.plan button:disabled{opacity:.5;cursor:not-allowed}.contact{color:#888;font-size:14px}.contact a{color:#a855f7}@media(max-width:768px){.plans{grid-template-columns:1fr}.plan.popular{transform:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#1a1a2e;color:#fff}.dashboard-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:240px;background:#1a1a2e;transition:margin-left .3s ease;min-height:100vh}.main-content.sidebar-collapsed{margin-left:70px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:50}.dashboard-header h1{font-size:24px;color:#fff}.header-right{display:flex;align-items:center;gap:20px}.user-info{display:flex;align-items:center;gap:15px}.user-info span{color:#ccc}.user-info button{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.user-info button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #a855f766}.page-content{padding:30px}.role-badge{background:#a855f733;color:#a855f7;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.invite-code-container{position:relative}.invite-code-btn{background:#a855f733;border:1px solid rgba(168,85,247,.4);color:#a855f7;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.invite-code-btn:hover{background:#a855f74d}.invite-code-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-width:300px;box-shadow:0 10px 40px #00000080;z-index:1000}.invite-code-dropdown p{color:#888;font-size:14px;margin:0 0 12px}.invite-code-display{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:12px 16px;border-radius:8px;margin-bottom:12px}.invite-code{font-size:24px;font-weight:700;color:#a855f7;letter-spacing:2px;flex:1}.copy-btn{background:linear-gradient(135deg,#a855f7,#ec4899);border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.copy-btn:hover{transform:scale(1.05)}.invite-hint{color:#666;font-size:12px;margin:0}@media(max-width:768px){.main-content,.main-content.sidebar-collapsed{margin-left:0}.dashboard-header{flex-direction:column;gap:15px;padding:15px}.header-right{flex-direction:column;gap:10px}}.trial-banner{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;margin-right:16px}