:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--login-bg: #f8f9fa;--login-form-bg: #ffffff;--login-text: #212529;--login-label: #495057;--login-input-bg: #ffffff;--login-input-border: #ced4da;--login-input-focus-border: #007bff;--login-input-focus-shadow: rgba(0, 123, 255, .25);--login-btn-bg: #007bff;--login-btn-hover: #0056b3;--login-btn-disabled: #6c757d;--login-error: #dc3545;--login-signout-bg: #dc3545;--login-signout-hover: #c82333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(prefers-color-scheme:dark){:root{--login-bg: #121212;--login-form-bg: #1e1e1e;--login-text: #ffffff;--login-label: #cccccc;--login-input-bg: #2d2d2d;--login-input-border: #555555;--login-input-focus-border: #4dabf7;--login-input-focus-shadow: rgba(77, 171, 247, .25);--login-btn-bg: #4dabf7;--login-btn-hover: #339af0;--login-btn-disabled: #495057;--login-error: #ff6b6b;--login-signout-bg: #ff6b6b;--login-signout-hover: #fa5252}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--login-bg);font-family:Arial,sans-serif;width:100%;height:100vh}.login-form{background:var(--login-form-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;text-align:center;border:1px solid #e9ecef}.login-form h1{margin-bottom:1.5rem;color:var(--login-text);font-size:2rem}.input-group{margin-bottom:1rem;text-align:left}.input-group label{display:block;margin-bottom:.5rem;color:var(--login-label);font-weight:500}.input-group input{width:100%;padding:.75rem;border:1px solid var(--login-input-border);border-radius:4px;font-size:1rem;box-sizing:border-box;background:var(--login-input-bg);color:var(--login-text)}.input-group input:focus{outline:none;border-color:var(--login-input-focus-border);box-shadow:0 0 0 .2rem var(--login-input-focus-shadow)}.error-message{color:var(--login-error);margin-bottom:1rem;font-size:.9rem}.login-btn{width:100%;padding:.75rem;background:var(--login-btn-bg);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s ease}.login-btn:hover:not(:disabled){background:var(--login-btn-hover)}.login-btn:disabled{background:var(--login-btn-disabled);cursor:not-allowed}.welcome-section{background:var(--login-form-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px;border:1px solid #e9ecef}.welcome-section h2{margin-bottom:1rem;color:var(--login-text)}.sign-out-btn{padding:.75rem 1.5rem;background:var(--login-signout-bg);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .3s ease}.sign-out-btn:hover{background:var(--login-signout-hover)}.admin-layout{display:flex;height:100vh;font-family:Arial,sans-serif}.admin-sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:20px 0;box-shadow:2px 0 5px #0000001a}.admin-sidebar h2{text-align:center;margin-bottom:30px;font-size:1.5em}.admin-sidebar ul{list-style:none;padding:0}.admin-sidebar li{margin:10px 0}.admin-sidebar a{display:block;color:#fff;text-decoration:none;padding:10px 20px;transition:background-color .3s}.admin-sidebar a:hover{background-color:#34495e}.admin-main{flex:1;display:flex;flex-direction:column}.admin-header{background-color:#ecf0f1;padding:15px 20px;border-bottom:1px solid #bdc3c7;display:flex;justify-content:space-between;align-items:center}.admin-header h1{margin:0;color:#2c3e50}.admin-content{flex:1;padding:20px;background-color:#f8f9fa;overflow-y:auto}.admin-content h2{color:#2c3e50;margin-bottom:20px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center}.card h3{margin:0 0 10px;color:#2c3e50}.card p{margin:0;font-size:2em;color:#3498db}.lead-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px}.lead-form h3{margin-top:0;color:#2c3e50}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#2c3e50}.form-group input,.form-group textarea{width:100%;padding:8px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px}.form-group textarea{resize:vertical;min-height:80px}.leads-table{width:100%;border-collapse:collapse;background-color:#fff;box-shadow:0 2px 5px #0000001a;border-radius:8px;overflow:hidden}.leads-table th,.leads-table td{padding:12px;text-align:left;color:#2c3e50;border-bottom:1px solid #ecf0f1}.leads-table th{background-color:#ecf0f1;font-weight:700;color:#2c3e50}.leads-table tr:hover{background-color:#f8f9fa}.leads-table select{padding:5px;border:1px solid #bdc3c7;border-radius:4px}.leads-table button{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.leads-table button:hover{background-color:#c0392b}.lead-details{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.lead-details h3{margin-top:0;color:#2c3e50}.lead-details p{margin:10px 0;line-height:1.5;color:#34495e}.back-link{display:inline-block;margin-top:20px;color:#3498db;text-decoration:none;font-weight:700}.user-assignment{margin-top:20px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.user-assignment h3{margin-top:0;color:#2c3e50}.user-assignment ul{list-style:none;padding:0}.user-assignment li{padding:5px 0;border-bottom:1px solid #ecf0f1;color:#34495e}.user-assignment li:last-child{border-bottom:none}.client-projects,.project-invoices{margin-top:20px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.client-projects h3,.project-invoices h3{margin-top:0;color:#2c3e50}.client-projects ul,.project-invoices ul{list-style:none;padding:0}.client-projects li,.project-invoices li{padding:5px 0;border-bottom:1px solid #ecf0f1}.client-projects li:last-child,.project-invoices li:last-child{border-bottom:none}.projects-list,.invoices-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.project-card,.invoice-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid #ecf0f1}.project-card h4,.invoice-card h4{margin:0 0 10px;color:#2c3e50}.project-card p,.invoice-card p{margin:5px 0;color:#34495e;font-size:14px}.clickable{cursor:pointer;transition:background-color .3s}.clickable:hover{background-color:#f0f0f0}.leads-list{margin-top:20px}.portal-layout{display:flex;flex-direction:column;height:100vh;font-family:Arial,sans-serif}.portal-header{background-color:#ecf0f1;padding:15px 20px;border-bottom:1px solid #bdc3c7;display:flex;justify-content:space-between;align-items:center}.portal-header h1{margin:0;color:#2c3e50}.portal-main{flex:1;padding:20px;background-color:#f8f9fa;overflow-y:auto}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.client-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;text-align:center}.client-card h3{margin:0 0 10px;color:#2c3e50}.client-card p{margin:5px 0;color:#34495e}.client-card a{display:inline-block;margin-top:10px;color:#3498db;text-decoration:none;font-weight:700}.client-card a:hover{text-decoration:underline}.client-info p,h2{color:#34495e}.error-message{color:#e74c3c;background-color:#faddd7;padding:10px;border-radius:4px;margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.project-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid #ecf0f1}.project-card h4{margin:0 0 10px;color:#2c3e50}.project-card p{margin:5px 0;color:#34495e;font-size:14px}.project-card a{color:#3498db;text-decoration:none}.project-card a:hover{text-decoration:underline}.back-link{display:inline-block;margin-bottom:20px;color:#3498db;text-decoration:none;font-weight:700}.back-link:hover{text-decoration:underline}.project-details{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.project-details h2{margin-top:0;color:#2c3e50}.project-details p{margin:10px 0;line-height:1.5;color:#34495e}.project-section{margin-bottom:30px;padding:20px;background-color:#f9f9f9;border-radius:8px}.project-section h3{margin-top:0;color:#2c3e50}.invoices-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.invoice-card{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 5px #0000001a;border:1px solid #ecf0f1}.invoice-card h4{margin:0 0 10px;color:#2c3e50}.invoice-card p{margin:5px 0;color:#34495e;font-size:14px}.progress-bar-container{position:relative;width:100%;height:20px;background-color:#ecf0f1;border-radius:10px;overflow:hidden;margin:10px 0}.progress-bar-fill{height:100%;background-color:#3498db;transition:width .3s ease}.progress-text{position:absolute;top:0;left:50%;transform:translate(-50%);color:#2c3e50;font-weight:700;font-size:12px}.invoice-actions{margin-top:10px;display:flex;gap:10px}.invoice-actions button{padding:5px 10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.invoice-actions button:hover{background-color:#2980b9}