html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#64748b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}:focus,button:focus{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.address-details{margin-top:4px;padding:4px 0}.text-muted{color:#64748b;font-size:12px}:root{--primary-color:#f58220;--primary-hover:#e6710d;--primary-light:#f582201a;--secondary-color:#64748b;--secondary-hover:#475569;--bg-primary:#f8fafc;--bg-white:#fff;--bg-light:#f1f5f9;--bg-hover:#f8fafc;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#94a3b8;--text-light:#fff;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#f58220;--success-color:#f58220;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--danger-color:#ef4444;--danger-hover:#dc2626;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 15px #0000001a;--shadow-focus:0 0 0 3px #f582201a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a202c;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background-color:#f8fafc;background-color:var(--bg-primary)}.App{min-height:100vh}.btn{border-radius:var(--radius-md);font-size:16px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.btn-primary{background:linear-gradient(135deg,#f58220,#e6710d);box-shadow:0 2px 8px #10b9814d;color:var(--text-light)}.btn-primary:hover{background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.btn-secondary{background-color:#64748b;background-color:var(--secondary-color);color:var(--text-light)}.btn-secondary:hover{background-color:#475569;background-color:var(--secondary-hover)}.btn-success{background-color:#f58220;background-color:var(--success-color);color:var(--text-light)}.btn-success:hover{background-color:#e6710d}.btn-danger{background-color:#ef4444}.btn-small{font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.card{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.input-field{border:2px solid #e2e8f0;color:#1a202c;padding:16px;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.input-field:focus{border-color:#f58220}.input-field::placeholder{color:#94a3b8}.label{color:#4a5568;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.label,.link{font-weight:500}.link{color:#f58220;text-decoration:none;transition:color .3s ease;transition:color var(--transition-normal)}.link:hover{color:#e6710d}.app-navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f080;box-shadow:0 4px 20px #00000014;display:flex;justify-content:space-between;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;transition:all .3s ease;z-index:100}.app-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f58220,#e6710d);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.app-navlinks{display:flex;gap:16px;gap:var(--spacing-md)}.nav-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.nav-btn:hover{color:#f58220}.nav-btn:after{background:linear-gradient(135deg,#f58220,#e6710d);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-btn:hover:after{width:100%}.nav-btn.active{background:linear-gradient(135deg,#f58220,#e6710d);box-shadow:0 2px 8px #10b9814d;color:#fff;color:var(--text-light)}.app-main{margin:0 auto;max-width:1400px;padding:24px;padding:var(--spacing-lg);width:100%}.admin-content{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;margin:0;min-height:100vh;padding:48px;padding:var(--spacing-2xl);width:100%}.admin-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.admin-title{color:#1a202c;color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.admin-subtitle{color:#4a5568;color:var(--text-secondary);font-size:18px}.admin-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:8px;gap:var(--spacing-sm);margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.tab-btn{color:#4a5568;color:var(--text-secondary);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.tab-btn:hover{background-color:#f1f5f9;background-color:var(--bg-light);color:#f58220}.tab-btn.active{border-bottom-color:#f58220;color:#f58220}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.stat-card{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px;transition:transform .3s ease;transition:transform var(--transition-normal)}.stat-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#f58220,#e6710d);border-radius:var(--radius-md);box-shadow:0 2px 8px #10b9814d;color:var(--text-light);margin-bottom:16px;margin-bottom:var(--spacing-md)}.stat-content{margin-top:16px;margin-top:var(--spacing-md)}.stat-number{color:#1a202c;color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.stat-label{color:#4a5568;color:var(--text-secondary);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.dashboard-content{background-color:#fff;background-color:var(--bg-white);box-shadow:0 4px 6px #0000000d;margin:0;min-height:600px;min-height:100vh;padding:48px;padding:var(--spacing-2xl);width:100%}.config-section,.dashboard-content{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg)}.config-section{background:#f1f5f9;background:var(--bg-light);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.config-row{align-items:end;display:flex;gap:24px;gap:var(--spacing-lg)}.config-item{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.config-item label{color:#4a5568;color:var(--text-secondary);font-size:14px;font-weight:500}.search-input,.sort-select{border:1px solid #e2e8f0;border:1px solid var(--border-light);font-size:14px;min-width:200px}.create-btn,.search-input,.sort-select{border-radius:8px;border-radius:var(--radius-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.create-btn{align-items:center;background:#f58220;background:var(--primary-color);color:var(--text-light);display:flex;gap:8px;gap:var(--spacing-sm)}.create-btn:hover{background:#e6710d;background:var(--primary-hover)}.tabs-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.tabs-container{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:0}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.tab.active{background:#fff;background:var(--bg-white);border-bottom-color:#f58220;border-bottom-color:var(--primary-color)}.tab.active,.tab:hover{color:#f58220;color:var(--primary-color)}.content-section{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);min-height:400px}.project-item,.projects-list{padding:24px;padding:var(--spacing-lg)}.project-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);display:flex;gap:16px;gap:var(--spacing-md);transition:background-color .3s ease;transition:background-color var(--transition-normal)}.project-item:hover{background-color:#f1f5f9;background-color:var(--bg-light)}.project-item:last-child{border-bottom:none}.project-icon{align-items:center;background:#f1f5f9;background:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.status-icon{font-size:20px}.project-details{flex:1 1;min-width:0}.project-header{align-items:flex-start;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.project-actions{flex-shrink:0}.view-btn{background:#f58220;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.view-btn:hover{background:#e6710d;background:var(--primary-hover)}.delete-btn{background:#ef4444;background:var(--danger-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;margin-left:8px;margin-left:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.delete-btn:hover{background:#dc2626;background:var(--danger-hover)}.create-first-btn{font-weight:500;padding:16px 24px}.create-first-btn,.retry-btn{background:#f58220;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer}.retry-btn{border-radius:var(--radius-md);color:var(--text-light);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.projects-section{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.projects-title{color:#1a202c;color:var(--text-primary);font-size:28px;font-weight:700}.create-project-btn{background:linear-gradient(135deg,#f58220,#e6710d);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #10b9814d;color:#fff;color:var(--text-light);cursor:pointer;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.create-project-btn:hover{background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.projects-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project-card{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease;transition:all var(--transition-normal)}.project-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.project-image{height:200px;overflow:hidden}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-normal);width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-info{padding:24px;padding:var(--spacing-lg)}.project-name{color:#1a202c;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.project-address{color:#4a5568;color:var(--text-secondary)}.project-address,.project-status{margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-status{border-radius:4px;border-radius:var(--radius-sm);display:inline-block;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.project-deadline{font-size:14px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-deadline,.project-description{color:#4a5568;color:var(--text-secondary)}.project-description{line-height:1.5;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.project-meta{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);justify-content:space-between;padding-top:16px;padding-top:var(--spacing-md)}.project-created,.project-updated{color:#94a3b8;color:var(--text-muted);font-size:12px}.view-details-btn{background:none;border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);cursor:pointer;display:inline-block;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.view-details-btn:hover{border-color:#f58220;color:#f58220}.login-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.login-card{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #0000001a;margin:0 auto;max-width:500px;padding:48px;padding:var(--spacing-2xl);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:100%}.login-card:hover{box-shadow:0 25px 30px #00000026;transform:translateY(-2px)}.login-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl);text-align:center}.login-header h1{color:#1a202c;color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.login-header p{color:#4a5568;color:var(--text-secondary);font-size:16px;line-height:1.5}.login-form{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-group .input-field{transition:border-color .3s ease;transition:border-color var(--transition-normal)}.login-btn{background:linear-gradient(135deg,#f58220,#e6710d);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #10b9814d;color:#fff;color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal);width:100%}.login-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.login-btn:disabled{background-color:#94a3b8;background-color:var(--text-muted);cursor:not-allowed;transform:none}.login-footer{margin-top:24px;margin-top:var(--spacing-lg);text-align:center}.login-footer .link{color:#f58220;font-weight:500;text-decoration:none}.login-footer .link:hover{color:#e6710d}.signup-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.signup-card{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px #0000001a;margin:0 auto;max-width:500px;padding:48px;padding:var(--spacing-2xl);transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal);width:100%}.signup-card:hover{box-shadow:0 25px 30px #00000026;transform:translateY(-2px)}.signup-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl);text-align:center}.signup-header h1{color:#1a202c;color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.signup-header p{color:#4a5568;color:var(--text-secondary);font-size:16px;line-height:1.5}.signup-form{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-group .label{color:#1a202c;color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.form-group .input-field{background-color:#fff;background-color:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);box-sizing:border-box;color:#1a202c;color:var(--text-primary);font-size:16px;padding:16px;padding:var(--spacing-md);transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.form-group .input-field::placeholder{color:#94a3b8;color:var(--text-muted)}.form-group .input-field:focus{border-color:#f58220;border-color:var(--border-focus);box-shadow:0 0 0 3px #f582201a;box-shadow:var(--shadow-focus);outline:none}.form-group .input-field.error{border-color:#ef4444;border-color:var(--error-color)}.error-message{display:block;margin-top:4px;margin-top:var(--spacing-xs)}.signup-btn{background:linear-gradient(135deg,#f58220,#e6710d);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #10b9814d;color:#fff;color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal);width:100%}.signup-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.signup-btn:disabled{background-color:#94a3b8;background-color:var(--text-muted);cursor:not-allowed;transform:none}.signup-footer{margin-top:24px;margin-top:var(--spacing-lg);text-align:center}.signup-footer .link{color:#f58220;font-weight:500;text-decoration:none;transition:color .3s ease;transition:color var(--transition-normal)}.signup-footer .link:hover{color:#e6710d}.back-btn{color:#f58220;color:var(--primary-color);font-weight:500;margin-bottom:24px;margin-bottom:var(--spacing-lg);transition:color .3s ease;transition:color var(--transition-normal)}.back-btn:hover{color:#e6710d;color:var(--primary-hover)}.otp-container{gap:4px;gap:var(--spacing-xs);margin:16px 0;margin:var(--spacing-md) 0}.otp-input{border:2px solid #e2e8f0;border-radius:8px;font-size:24px;height:60px;margin:0 4px;margin:0 var(--spacing-xs);transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:60px}.otp-input:focus{box-shadow:0 0 0 3px #f582201a;box-shadow:var(--shadow-focus)}.otp-input:focus,.otp-input:not(:placeholder-shown){border-color:#f58220;border-color:var(--border-focus)}.resend-section{margin-top:24px}.resend-text{color:#4a5568;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.resend-btn{color:#f58220;color:var(--primary-color);font-weight:500;transition:color .3s ease;transition:color var(--transition-normal)}.resend-btn:hover:not(:disabled){color:#e6710d;color:var(--primary-hover)}.resend-btn:disabled{color:#94a3b8}.success-icon{color:#f58220;color:var(--success-color);display:block;font-size:48px;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.user-type-options{display:flex;gap:16px;gap:var(--spacing-md);margin-top:8px;margin-top:var(--spacing-sm)}.user-type-option{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);color:#1a202c;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.user-type-option:hover{background:#f1f5f9;background:var(--bg-light);border-color:#f58220}.user-type-option input[type=radio]{display:none}.radio-custom{border:2px solid #cbd5e1;border:2px solid var(--border-medium);border-radius:50%;height:16px;position:relative;transition:all .3s ease;transition:all var(--transition-normal);width:16px}.user-type-option input[type=radio]:checked+.radio-custom{background:#f58220;border-color:#f58220}.user-type-option input[type=radio]:checked+.radio-custom:after{background:#fff;background:var(--text-light);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.user-type-option input[type=radio]:checked~.option-text{color:#f58220;font-weight:600}.option-text{color:#1a202c;color:var(--text-primary);font-size:14px;font-weight:500;transition:color .3s ease;transition:color var(--transition-normal)}.settings-content{background-color:#fff;background-color:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin:24px;margin:var(--spacing-lg);padding:48px;padding:var(--spacing-2xl)}.settings-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.settings-title{color:#1a202c;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.settings-subtitle{color:#4a5568;color:var(--text-secondary)}.settings-card{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.settings-card,.settings-form{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.form-row{grid-gap:24px;gap:24px}.form-group,.form-row{margin-bottom:24px}.form-label{color:#4a5568;color:var(--text-secondary);display:block;margin-bottom:8px}.form-input{background-color:#fff;border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;color:#1a202c;color:var(--text-primary);font-size:16px;padding:16px;transition:border-color .3s ease,box-shadow .3s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.form-input:focus{border-color:#f58220;box-shadow:0 0 0 3px #10b9811a}.form-input::placeholder{color:#94a3b8}.settings-btn{background:linear-gradient(135deg,#f58220,#e6710d);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #10b9814d;color:#fff;color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.settings-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 8px 25px #10b98166}.settings-btn:disabled{background-color:#94a3b8;background-color:var(--text-muted);cursor:not-allowed}.settings-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);margin-bottom:48px;margin-bottom:var(--spacing-2xl);padding-bottom:32px;padding-bottom:var(--spacing-xl)}.settings-section:last-child{border-bottom:none}.section-title{font-weight:700;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.checkbox-group{gap:16px;gap:var(--spacing-md)}.checkbox-option{border-radius:8px;border-radius:var(--radius-md);gap:8px;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color .3s ease;transition:background-color var(--transition-normal)}.checkbox-option:hover{background-color:#f1f5f9;background-color:var(--bg-light)}.checkbox-option input[type=checkbox]{accent-color:#f58220}.checkbox-label{color:#1a202c;color:var(--text-primary);font-weight:500}.field-note{color:#94a3b8;color:var(--text-muted);font-size:12px;font-style:italic;margin-top:4px;margin-top:var(--spacing-xs)}.action-buttons{align-items:center;gap:16px;gap:var(--spacing-md);justify-content:flex-start}.save-btn{min-width:120px}.message{border-radius:var(--radius-md);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.settings-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);margin-top:24px;margin-top:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg)}.logout-btn{background-color:#ef4444;background-color:var(--error-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-light);cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.logout-btn:hover{background-color:#dc2626}.admin-indicator{background:linear-gradient(135deg,gold,orange);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:24px;padding:var(--spacing-lg);text-align:center}.admin-badge{background-color:#ffffffe6;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#b8860b;display:inline-block;font-size:14px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.admin-note{color:#8b4513;font-weight:500;margin:0}.admin-indicator-small{color:gold;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:12px;margin-left:4px;margin-left:var(--spacing-xs)}.user-type-display{align-items:center;background-color:var(--bg-gray-50);border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.user-type-badge{border-radius:var(--border-radius);gap:var(--spacing-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.user-type-admin{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.user-type-waitlist{background-color:#fef2f2;border:1px solid #f87171;color:#dc2626}.user-type-client{background-color:#f0f9ff;border:1px solid #7dd3fc;color:#0369a1}.waitlist-reason-display{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);display:flex;min-height:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.waitlist-reason-text{color:#dc2626}.current-user-info{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:24px;padding:var(--spacing-lg)}.current-user-info h3{color:#1a202c;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.current-user-info p{color:#4a5568;color:var(--text-secondary);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.last-updated{color:#94a3b8;color:var(--text-muted);font-size:14px;font-style:italic}.project-details-content{background-color:#fff;background-color:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin:24px;margin:var(--spacing-lg);padding:48px;padding:var(--spacing-2xl)}.project-details-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.project-details-title{color:#1a202c;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.project-details-subtitle{color:#4a5568;color:var(--text-secondary)}.project-info-card{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:48px;margin-bottom:var(--spacing-2xl);padding:24px;padding:var(--spacing-lg)}.project-info-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{margin-bottom:16px;margin-bottom:var(--spacing-md)}.info-label{color:#4a5568;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;margin-bottom:var(--spacing-xs);text-transform:uppercase}.info-value{color:#1a202c;color:var(--text-primary);font-size:16px}.project-description-section{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.project-description-section h3{color:#1a202c;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-md)}.project-description-text{color:#4a5568;color:var(--text-secondary);line-height:1.6}.processing-records-section{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.processing-records-section h3{color:#1a202c;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.records-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.record-item{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.record-item:hover{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.record-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--spacing-md)}.record-title{color:#1a202c;color:var(--text-primary);font-size:18px;font-weight:600}.record-status{border-radius:4px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.record-status.completed{background-color:#f58220;background-color:var(--success-color);color:#fff;color:var(--text-light)}.record-status.processing{background-color:#f59e0b;background-color:var(--warning-color);color:#fff;color:var(--text-light)}.record-status.failed{background-color:#ef4444;background-color:var(--error-color);color:#fff;color:var(--text-light)}.record-meta{display:flex;gap:24px;gap:var(--spacing-lg);margin-bottom:16px;margin-bottom:var(--spacing-md)}.record-meta-item{font-size:14px}.record-description,.record-meta-item{color:#4a5568;color:var(--text-secondary)}.record-description{line-height:1.5;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.record-actions{display:flex;gap:8px;gap:var(--spacing-sm)}.record-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.record-btn-primary{background-color:#f58220;background-color:var(--primary-color);color:#fff;color:var(--text-light)}.record-btn-primary:hover{background-color:#e6710d;background-color:var(--primary-hover)}.record-btn-secondary{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);color:#4a5568;color:var(--text-secondary)}.record-btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-light)}.upload-content{background-color:#fff;background-color:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin:24px;margin:var(--spacing-lg);padding:48px;padding:var(--spacing-2xl)}.upload-header-section{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.upload-title{color:#1a202c;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.upload-card{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--spacing-lg)}.upload-card,.upload-form{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.upload-section{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.section-title{color:#1a202c;color:var(--text-primary);font-size:20px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.upload-note{border-left:4px solid #3b82f6;border-left:4px solid var(--info-color);border-radius:8px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-size:14px;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:16px;padding:var(--spacing-md)}.file-upload-area,.upload-note{background-color:#fff;background-color:var(--bg-white)}.file-upload-area{border:2px dashed #e2e8f0;border:2px dashed var(--border-light);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;padding:48px;padding:var(--spacing-2xl);text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.file-upload-area:hover{border-color:#f58220;border-color:var(--primary-color)}.file-label{color:#4a5568;color:var(--text-secondary);font-size:16px;transition:color .3s ease;transition:color var(--transition-normal)}.file-upload-area:hover .file-label{color:#f58220;color:var(--primary-color)}.file-info{color:#94a3b8;color:var(--text-muted);flex-wrap:wrap;gap:8px;gap:var(--spacing-sm);margin-top:16px;margin-top:var(--spacing-md)}.file-details{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.file-details span{display:block;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.file-actions{align-items:center;display:flex;gap:8px;gap:var(--spacing-sm)}.delete-file-btn{background-color:#ef4444;background-color:var(--danger-color,#dc3545);border-radius:4px;border-radius:var(--radius-sm);font-size:12px;gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease;transition:all var(--transition-normal)}.delete-file-btn:hover{background-color:#dc2626;background-color:var(--danger-hover,#c82333);transform:translateY(-1px)}.btn-sm{border-radius:4px;border-radius:var(--radius-sm);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.submit-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);margin-top:24px;margin-top:var(--spacing-lg);padding-top:24px;padding-top:var(--spacing-lg)}.submit-btn{background:linear-gradient(135deg,#f58220,#e6710d);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 15px #10b9814d;color:var(--text-light);font-size:16px;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;transition:all var(--transition-normal)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 8px 25px #10b98166}.submit-btn:disabled{background-color:#94a3b8;background-color:var(--text-muted);cursor:not-allowed}.submit-note{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);color:#4a5568;color:var(--text-secondary);font-size:14px;margin-top:16px;margin-top:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.progress-modal-overlay{padding:24px;padding:var(--spacing-lg)}.progress-modal{background-color:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);max-width:600px;padding:48px;padding:var(--spacing-2xl);width:100%}.progress-modal-header{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.progress-modal-header h2{color:#1a202c;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.progress-modal-header p{color:#4a5568;color:var(--text-secondary)}.progress-container{margin-bottom:48px;margin-bottom:var(--spacing-2xl)}.progress-bar{background-color:var(--border-light);border-radius:var(--radius-sm);margin-bottom:16px;margin-bottom:var(--spacing-md)}.progress-fill{background-color:#f58220;background-color:var(--primary-color);transition:width .5s ease;transition:width var(--transition-slow)}.progress-text{color:#f58220;color:var(--primary-color);margin-bottom:24px}.current-stage,.progress-text{margin-bottom:var(--spacing-lg)}.stage-indicator{margin-bottom:16px;margin-bottom:var(--spacing-md)}.stage-number{background-color:#f58220;background-color:var(--primary-color);color:var(--text-light);font-size:12px;font-weight:600;height:24px;margin-right:16px;margin-right:var(--spacing-md);width:24px}.stage-name{color:#1a202c;color:var(--text-primary);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.stage-message{color:#4a5568;color:var(--text-secondary);font-size:14px}.progress-log{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);padding:24px;padding:var(--spacing-lg)}.progress-log h4{color:#1a202c;color:var(--text-primary);margin-bottom:16px;margin-bottom:var(--spacing-md)}.log-entries{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.log-entry{background-color:#fff;background-color:var(--bg-white);border-left:3px solid #e2e8f0;border-left:3px solid var(--border-light);border-radius:4px;border-radius:var(--radius-sm);padding:8px;padding:var(--spacing-sm)}.log-entry.status-entry,.log-entry:last-child{border-left-color:#f58220;border-left-color:var(--primary-color)}.log-entry.status-entry{background-color:#1e40af0d}.log-time{color:var(--text-muted);font-size:12px}.log-stage,.log-time{margin-bottom:4px;margin-bottom:var(--spacing-xs)}.log-stage{color:#f58220;color:var(--primary-color)}.log-message{color:#4a5568;color:var(--text-secondary);font-size:14px}.log-entry.status-entry .log-stage{color:#f58220;color:var(--primary-color)}.log-entry.status-entry .log-message{color:#1a202c;color:var(--text-primary)}.progress-modal-actions{text-align:center}.cancel-btn{background-color:#94a3b8;background-color:var(--text-muted);transition:all var(--transition-normal)}.cancel-btn:hover:not(:disabled){background-color:#64748b;background-color:var(--secondary-color)}.text-muted{color:#94a3b8;color:var(--text-muted);font-size:14px}.loading-container{background-color:#fff;background-color:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);min-height:200px}.loading-spinner{border:4px solid #e2e8f0;border-top:4px solid #f58220}.error-container{align-items:center;background-color:#fff;background-color:var(--bg-white);border-radius:12px;border-radius:var(--radius-lg);display:flex;justify-content:center;min-height:200px;text-align:center}.error-message{font-size:16px}@media (max-width:1200px){.admin-content,.dashboard-content{margin:0;padding:32px;padding:var(--spacing-xl)}.project-details-content,.settings-content,.upload-content{margin:16px;margin:var(--spacing-md);padding:32px;padding:var(--spacing-xl)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.records-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:1024px){.dashboard-content{margin:0;padding:24px;padding:var(--spacing-lg)}.filters-sidebar{display:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.admin-content,.dashboard-content{margin:0;padding:24px;padding:var(--spacing-lg)}.project-details-content,.settings-content,.upload-content{margin:16px;margin:var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.admin-title,.project-details-title,.projects-title,.settings-title,.upload-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px;padding:var(--spacing-md)}.stat-icon{height:40px;width:40px}.stat-number{font-size:28px}.admin-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;min-width:120px}.section-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.actions-grid{grid-template-columns:1fr}.action-btn{padding:16px;padding:var(--spacing-md)}.action-icon{height:32px;width:32px}.action-text{font-size:14px}.projects-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.projects-title{font-size:24px}.projects-grid{grid-template-columns:1fr}.project-card{margin-bottom:16px;margin-bottom:var(--spacing-md)}.config-row{flex-direction:column;gap:16px;gap:var(--spacing-md)}.tabs-container{overflow-x:auto}.project-item{flex-direction:column;gap:16px;gap:var(--spacing-md)}.project-header{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.project-meta{flex-direction:column;gap:4px;gap:var(--spacing-xs)}.empty-state{padding:24px;padding:var(--spacing-lg)}.empty-state-content h2{font-size:20px}.empty-state-content p{font-size:14px}.form-row,.project-info-grid,.records-grid{grid-template-columns:1fr}.upload-card{padding:16px;padding:var(--spacing-md)}.file-upload-area{padding:24px;padding:var(--spacing-lg)}.submit-btn{width:100%}.login-card,.signup-card{max-width:400px;padding:24px;padding:var(--spacing-lg)}.signup-container{padding:16px;padding:var(--spacing-md)}.progress-modal{margin:16px;margin:var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.progress-modal-header h2{font-size:20px}.stage-indicator{align-items:flex-start;flex-direction:column}.log-entry{padding:8px;padding:var(--spacing-sm)}.log-stage,.log-time{font-size:12px}}@media (max-width:480px){.admin-content,.dashboard-content{margin:0;padding:16px;padding:var(--spacing-md)}.project-details-content,.settings-content,.upload-content{margin:8px;margin:var(--spacing-sm);padding:16px;padding:var(--spacing-md)}.stats-grid{gap:16px;gap:var(--spacing-md)}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px;padding:var(--spacing-sm)}.picra-stats{grid-template-columns:1fr}.actions-grid{gap:8px;gap:var(--spacing-sm)}.project-info{padding:16px;padding:var(--spacing-md)}.project-name{font-size:18px}.filters-sidebar{position:static;width:100%}.login-card,.signup-card,.upload-card{padding:16px;padding:var(--spacing-md)}.upload-form{margin-bottom:16px;margin-bottom:var(--spacing-md)}.upload-section{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.progress-modal{padding:16px;padding:var(--spacing-md)}.progress-modal-header h2{font-size:18px}.progress-modal-header p{font-size:14px}.user-type-options{flex-direction:column;gap:8px;gap:var(--spacing-sm)}.user-type-option{justify-content:center}.form-row{grid-template-columns:1fr}.otp-container{gap:4px;gap:var(--spacing-xs)}.otp-input{font-size:20px;height:50px;width:50px}}.file-validation-errors{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--border-radius);margin-top:8px;margin-top:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.validation-error{align-items:center;color:#dc2626;display:flex;font-size:14px;gap:4px;gap:var(--spacing-xs);margin-bottom:4px;margin-bottom:var(--spacing-xs)}.validation-error:last-child{margin-bottom:0}.file-info{background-color:#f8fafc;border-radius:var(--border-radius);color:#64748b;font-size:14px;gap:16px;gap:var(--spacing-md);margin-top:8px;margin-top:var(--spacing-sm)}.file-info span{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.address-details{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--border-radius);color:#0369a1;font-size:14px;margin-top:8px;margin-top:var(--spacing-sm);padding:8px;padding:var(--spacing-sm)}.user-type-stats{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.user-type-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:16px;margin-top:var(--spacing-md)}.user-type-card{background:#fff;border:2px solid #0000;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;padding:24px;padding:var(--spacing-lg);transition:all .3s ease}.user-type-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.user-type-card.admin{background:linear-gradient(135deg,#fff9e6,#fff);border-color:gold}.user-type-card.waitlist{background:linear-gradient(135deg,#ffe6e6,#fff);border-color:#ff6b6b}.user-type-card.client{background:linear-gradient(135deg,#e6f7f5,#fff);border-color:#4ecdc4}.user-type-header{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);margin-bottom:24px;margin-bottom:var(--spacing-lg)}.user-type-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.user-type-info h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.user-type-description{color:#4a5568;color:var(--text-secondary);font-size:.9rem;margin:0}.user-type-metrics{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.metric{background:#ffffffb3;border:1px solid #0000000d;border-radius:var(--border-radius);padding:8px;padding:var(--spacing-sm);text-align:center}.metric-number{color:#1a202c;color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.metric-label{color:#4a5568;color:var(--text-secondary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.users-by-type-section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.user-type-selector{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-sm)}.type-btn{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:500;gap:4px;gap:var(--spacing-xs);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.type-btn.active,.type-btn:hover{background:#f58220;background:var(--primary-color);border-color:#f58220;border-color:var(--primary-color);color:#fff}.user-info{gap:8px;gap:var(--spacing-sm)}.user-icon,.user-info{align-items:center;display:flex}.user-icon{background:#0000000d;border-radius:50%;font-size:1.2rem;height:32px;justify-content:center;width:32px}.admin-table{background-color:#fff;background-color:var(--bg-white);border-collapse:collapse;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;overflow:hidden;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:16px;padding:var(--spacing-md);text-align:left}.admin-table th{color:#1a202c;color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-table th,.admin-table tr:hover{background-color:#f1f5f9;background-color:var(--bg-light)}.status-badge{color:var(--text-light);min-width:80px;padding:4px 8px;text-align:center}.status-badge,.table-container{border-radius:12px;border-radius:var(--radius-lg)}.table-container{box-shadow:0 4px 6px #0000000d;overflow-x:auto}.action-buttons{flex-wrap:wrap;gap:4px;gap:var(--spacing-xs)}.action-buttons .btn{font-size:12px;min-width:auto;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.picra-stats{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--spacing-xl)}.picra-stats .stat-item{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;padding:24px;padding:var(--spacing-lg);text-align:center}.picra-stats .stat-item h3{color:#4a5568;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.picra-stats .stat-item p{color:#1a202c;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.quick-actions{margin-top:48px;margin-top:var(--spacing-2xl)}.actions-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px;margin-top:var(--spacing-lg)}.action-btn{background-color:#fff;background-color:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:24px;padding:var(--spacing-lg);text-align:center;transition:all .3s ease;transition:all var(--transition-normal)}.action-btn:hover{border-color:#f58220;box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.action-icon{font-size:24px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.action-text{color:#1a202c;color:var(--text-primary);font-size:14px;font-weight:600}.admin-sections{margin-top:48px;margin-top:var(--spacing-2xl)}.admin-section{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;margin-bottom:32px;margin-bottom:var(--spacing-xl);padding:32px;padding:var(--spacing-xl)}.section-header{margin-bottom:var(--spacing-lg)}.view-all-btn{font-size:14px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.header-right{gap:16px}.modal-overlay{padding:16px;padding:var(--spacing-md)}.modal-content{background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 20px 25px #0000001a;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-light);padding:24px;padding:var(--spacing-lg)}.modal-header h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#4a5568;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:4px;padding:var(--spacing-xs);transition:all .2s ease;transition:all var(--transition-fast)}.modal-close:hover{background-color:#f1f5f9;background-color:var(--bg-light);color:#1a202c;color:var(--text-primary)}.modal-body{padding:24px;padding:var(--spacing-lg)}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-light);justify-content:flex-end;padding:24px;padding:var(--spacing-lg)}.edit-user-form,.modal-footer{display:flex;gap:16px;gap:var(--spacing-md)}.edit-user-form{flex-direction:column}.edit-user-form .form-group{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.edit-user-form .label{color:#1a202c;color:var(--text-primary);font-size:.875rem;font-weight:500}.edit-user-form .input-field{border:1px solid #cbd5e1;border:1px solid var(--border-medium);border-radius:8px;border-radius:var(--radius-md);font-size:1rem;padding:16px;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.edit-user-form .input-field:focus{border-color:#f58220;box-shadow:0 0 0 3px #10b9811a;outline:none}.edit-user-form textarea.input-field{min-height:80px;resize:vertical}.edit-user-form .checkbox-field{accent-color:#f58220;accent-color:var(--primary-color);height:16px;margin-right:8px;margin-right:var(--spacing-sm);width:16px}.edit-user-form .form-actions{display:flex;gap:16px;gap:var(--spacing-md);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-lg)}.user-delete-info{background-color:#f1f5f9;background-color:var(--bg-light);border-radius:8px;border-radius:var(--radius-md);margin:16px 0;margin:var(--spacing-md) 0;padding:16px;padding:var(--spacing-md)}.user-delete-info p{color:#4a5568;color:var(--text-secondary);margin:4px 0;margin:var(--spacing-xs) 0}.warning-text{color:#ef4444;color:var(--danger-color);font-weight:500}.quote-list,.warning-text{margin-top:16px;margin-top:var(--spacing-md)}.quote-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-md);max-height:400px;overflow-y:auto}.quote-item{align-items:center;background-color:#fff;background-color:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-md);transition:all .2s ease;transition:all var(--transition-fast)}.quote-item:hover{border-color:#f58220;box-shadow:0 2px 4px #0000000d}.quote-info h4{color:#1a202c;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px;margin:0 0 var(--spacing-xs) 0}.quote-customer{color:#4a5568;color:var(--text-secondary);font-size:.875rem;margin:0}.quote-amount{color:#f58220;font-size:1rem;font-weight:600;margin:4px 0 0;margin:var(--spacing-xs) 0 0 0}.quote-actions{display:flex;flex-shrink:0;gap:4px;gap:var(--spacing-xs)}.empty-state{color:#4a5568;color:var(--text-secondary);padding:48px}.empty-state p{font-size:1rem;margin-bottom:24px;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.modal-content{margin:16px;margin:var(--spacing-md);max-width:95vw}.modal-body,.modal-footer,.modal-header{padding:16px;padding:var(--spacing-md)}.edit-user-form .form-actions{flex-direction:column}.edit-user-form .form-actions .btn{width:100%}.quote-item{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.quote-actions{width:100%}.quote-actions .btn{flex:1 1}}.delete-confirmation-modal{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 20px 25px #0000001a;padding:32px;width:100%}.delete-confirmation-modal h2{color:#1a202c;font-size:1.5rem;font-weight:600;margin-bottom:16px}.delete-confirmation-modal p{color:#4a5568;margin-bottom:24px}.modal-actions{gap:16px;margin-top:24px;margin-top:var(--spacing-lg)}.confirm-btn{background-color:#ef4444;background-color:var(--danger-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.confirm-btn:hover{background-color:#dc2626}.cancel-btn{border-radius:var(--radius-md);padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;transition:all var(--transition-fast)}.cancel-btn:hover{background-color:#475569}@media (max-width:768px){.delete-confirmation-modal{margin:16px;margin:var(--spacing-md);padding:24px;padding:var(--spacing-lg)}.modal-actions{flex-direction:column}.modal-actions .cancel-btn,.modal-actions .confirm-btn{width:100%}}.document-upload-section{background:#f1f5f9;background:var(--bg-light);border:2px dashed #e2e8f0;border:2px dashed var(--border-light);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:48px;margin-bottom:var(--spacing-2xl);padding:32px;padding:var(--spacing-xl);transition:all .3s ease;transition:all var(--transition-normal)}.document-upload-section:hover{background:#10b9810d;border-color:#f58220}.document-upload-section h3{color:#1a202c;color:var(--text-primary);font-size:1.25rem;font-weight:600}.document-upload-section h3,.upload-grid{margin-bottom:24px;margin-bottom:var(--spacing-lg)}.upload-grid{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.upload-item{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.upload-label{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.file-input,.upload-label{color:#1a202c;color:var(--text-primary);font-size:.875rem}.file-input{background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;padding:16px;padding:var(--spacing-md);transition:all .3s ease;transition:all var(--transition-normal)}.file-input:focus,.file-input:hover{border-color:#f58220}.file-input:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.file-info{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);font-size:.875rem;justify-content:space-between;padding:8px;padding:var(--spacing-sm)}.file-name{color:#1a202c;color:var(--text-primary);flex:1 1;font-weight:500;margin-right:8px;margin-right:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#4a5568;color:var(--text-secondary);font-size:.75rem}.validation-errors{display:flex;flex-direction:column;gap:4px;gap:var(--spacing-xs)}.error-text{color:#ef4444;color:var(--danger-color);font-size:.75rem;font-weight:500}.upload-actions{align-items:center;display:flex;justify-content:flex-start}.upload-btn{background:linear-gradient(135deg,#f58220,#e6710d);box-shadow:0 4px 15px #10b9814d;color:var(--text-light);min-width:150px}.upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#e6710d,#d7610a);box-shadow:0 8px 25px #10b98166}.upload-btn:disabled{background:#94a3b8;background:var(--text-muted);transform:none}.download-btn{background:#64748b;background:var(--secondary-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-light);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;transition:all .2s ease;transition:all var(--transition-fast)}.download-btn:hover{background:#475569;background:var(--secondary-hover);transform:translateY(-1px)}.processing-indicator{color:#f59e0b;color:var(--warning-color)}.error-indicator,.processing-indicator{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.error-indicator{color:#ef4444;color:var(--danger-color)}.auth-container{background:linear-gradient(135deg,#10b981,#059669);display:flex;min-height:100vh}.auth-left{align-items:center;background-color:#fff;box-shadow:0 20px 40px #0000001a;display:flex;flex:1 1;justify-content:center;padding:var(--spacing-2xl);position:relative}.auth-form-container{margin:0 auto;max-width:400px;width:100%}.auth-header{margin-bottom:var(--spacing-2xl);text-align:center}.auth-header h1{color:#10b981;font-size:32px;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:16px;line-height:1.5}.no-credit-card-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:var(--radius-lg);box-shadow:0 2px 8px #10b98126;display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.no-credit-card-icon{animation:pulse 2s infinite;font-size:18px}.no-credit-card-text{color:#10b981;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.no-credit-card-subtle{margin-top:var(--spacing-sm);text-align:center}.no-credit-card-subtle span{color:var(--text-muted);font-size:12px;font-style:italic}.no-credit-card-note{margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.no-credit-card-note span{background:#10b9811a;border-radius:var(--radius-sm);color:#10b981;display:inline-block;font-size:13px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.auth-form{margin-bottom:var(--spacing-xl)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-row .form-group{flex:1 1;margin-bottom:0}.form-group{margin-bottom:var(--spacing-lg)}.input-field{background-color:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;padding:var(--spacing-md);transition:all var(--transition-normal)}.input-field:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:disabled{background-color:var(--bg-light)}.auth-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #10b9814d!important;color:#fff!important;cursor:pointer;font-size:16px;font-weight:600;padding:var(--spacing-md);transition:all var(--transition-normal);width:100%!important}.auth-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 25px #10b98166!important;transform:translateY(-2px)}.auth-btn:disabled{background-color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.auth-footer,.divider{text-align:center}.divider{margin:var(--spacing-xl) 0;position:relative}.divider:before{background-color:var(--border-light);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background-color:var(--bg-white);color:var(--text-muted);font-size:14px;padding:0 var(--spacing-md)}.btn-google{align-items:center;background-color:#fff;border:2px solid #10b981;border-radius:var(--radius-md);color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.btn-google:hover{background-color:#10b9810d;border-color:#059669;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.google-icon{height:20px;width:20px}.auth-switch{margin-top:var(--spacing-lg)}.auth-switch p{color:var(--text-secondary);font-size:14px}.link-btn{background:none;border:none;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.link-btn:hover{text-decoration:underline}.error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);padding:var(--spacing-md)}.dev-otp-display,.error-message{margin-bottom:var(--spacing-lg);text-align:center}.dev-otp-display{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--radius-lg);box-shadow:0 4px 12px #f59e0b33;padding:var(--spacing-lg)}.dev-otp-badge{background-color:#f59e0b;border-radius:12px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:var(--spacing-sm);padding:4px 12px;text-transform:uppercase}.dev-otp-code{color:#92400e;font-size:18px;margin:var(--spacing-sm) 0}.dev-otp-code strong{color:#78350f;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:4px;padding:0 var(--spacing-sm)}.dev-otp-note{color:#92400e;font-size:12px;font-style:italic;margin-top:var(--spacing-xs)}.otp-container{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-lg) 0}.otp-input{background-color:var(--bg-white);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:18px;font-weight:600;height:50px;text-align:center;transition:all var(--transition-normal);width:50px}.otp-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.otp-input:disabled{background-color:var(--bg-light);cursor:not-allowed}.resend-section{margin-top:var(--spacing-lg);text-align:center}.resend-text{color:var(--text-secondary);font-size:14px}.resend-btn{background:none;border:none;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:none}.resend-btn:hover:not(:disabled){text-decoration:underline}.resend-btn:disabled{color:var(--text-muted);cursor:not-allowed}.back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:0;text-decoration:none}.back-btn:hover:not(:disabled){color:var(--text-primary)}.back-btn:disabled{color:var(--text-muted);cursor:not-allowed}.success-icon{background-color:#10b981;border-radius:50%;color:#fff;font-size:24px;font-weight:700;height:60px;margin:0 auto var(--spacing-lg);width:60px}.auth-right,.success-icon{align-items:center;display:flex;justify-content:center}.auth-right{background:linear-gradient(135deg,#10b981,#059669);flex:1 1;overflow:hidden;padding:var(--spacing-2xl);position:relative}.auth-illustration{height:600px;max-width:500px;position:relative;width:100%}.dashboard-mockup{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000001a;overflow:hidden;position:relative;z-index:2}.mockup-header{align-items:center;background-color:var(--bg-light);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.mockup-logo{color:#10b981;font-size:18px;font-weight:700}.mockup-nav{display:flex;gap:var(--spacing-lg)}.nav-item{color:var(--text-secondary);cursor:pointer;font-size:14px;transition:color var(--transition-normal)}.nav-item.active{color:#10b981;font-weight:600}.mockup-card,.mockup-content{padding:var(--spacing-lg)}.mockup-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.card-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.status-badge{background-color:#10b9811a;color:#10b981}.card-items{flex-direction:column}.card-items,.item{display:flex;gap:var(--spacing-md)}.item{align-items:center;border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:background-color var(--transition-normal)}.item-icon,.item:hover{background-color:var(--bg-light)}.item-icon{align-items:center;border-radius:var(--radius-sm);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.item-content{flex:1 1}.item-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.item-subtitle{color:var(--text-secondary);font-size:12px}.item-status{align-items:center;border-radius:50%;display:flex;font-weight:700;height:20px;justify-content:center;width:20px}.item-status.completed{background-color:#10b981;color:#fff}.item-status.in-progress{background-color:var(--warning-color);color:var(--text-light)}.item-status.pending{background-color:var(--border-light);color:var(--text-secondary)}.interaction-points{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.point{animation:float 3s ease-in-out infinite;position:absolute}.point-1{animation-delay:0s;right:15%;top:20%}.point-2{animation-delay:1s;left:10%;top:60%}.point-3{animation-delay:2s;bottom:20%;right:25%}.point-circle{background-color:#fff9;border-radius:50%;height:8px;position:relative;width:8px}.point-circle:before{animation:pulse 2s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@media (max-width:1024px){.auth-container{flex-direction:column}.auth-left,.auth-right{padding:var(--spacing-xl)}.auth-right{min-height:400px}.auth-illustration{height:400px}}@media (max-width:768px){.auth-left{padding:var(--spacing-lg)}.auth-right{display:none}.auth-form-container{max-width:100%}.form-row{flex-direction:column;gap:var(--spacing-lg)}.form-row .form-group{margin-bottom:var(--spacing-lg)}.auth-header h1{font-size:28px}}@media (max-width:480px){.auth-left{padding:var(--spacing-md)}.auth-header h1{font-size:24px}.otp-container{gap:var(--spacing-xs)}.otp-input{font-size:16px;height:45px;width:45px}}.header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.header-left .logo{align-items:center;display:flex;gap:8px}.home-icon{color:#1e40af;font-size:24px}.logo-text{color:#1e293b;font-size:20px;font-weight:700}.header-nav.desktop-nav{display:flex;gap:24px}.nav-link{border-radius:6px;color:#64748b;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{background-color:#eff6ff;color:#1e40af}.user-menu-container{position:relative;z-index:1002}.user-menu,.user-menu-btn{position:relative}.user-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .3s ease;z-index:1002}.user-menu-btn:hover{background-color:#f1f5f9}.user-avatar{background-color:#1e40af;color:#fff;font-size:14px;font-weight:600;height:32px;width:32px}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-arrow{color:#64748b;transition:transform .3s ease}.user-menu.open .user-menu-arrow,.user-menu:hover .user-menu-arrow{transform:rotate(180deg)}.user-dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.user-menu.open .user-dropdown{opacity:1;transform:translateY(0);visibility:visible}.user-info{border-bottom:1px solid #e2e8f0;padding:16px}.user-email{color:#64748b;margin-top:4px;word-break:break-all}.user-role{color:#94a3b8;font-size:12px;margin-top:2px;text-transform:capitalize}.user-dropdown-divider{background-color:#e2e8f0;height:1px;margin:8px 0}.signout-btn{align-items:center;background:none;border:none;border-radius:0 0 8px 8px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;transition:background-color .3s ease;width:100%}.signout-btn:hover{background-color:#fef2f2}.signout-icon{height:16px;width:16px}.mobile-menu-btn{background:none;border:none;border-radius:6px;cursor:pointer;display:none;padding:8px;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:#f1f5f9}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background-color:#374151;height:2px;transition:all .3s ease;width:24px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.open{background-color:initial}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{bottom:0;transform:rotate(-45deg)}.header-nav.mobile-nav{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.header-nav.mobile-nav.open{opacity:1;visibility:visible}.header-nav.mobile-nav .nav-link{background-color:#fff;border-bottom:1px solid #e2e8f0;color:#374151;display:block;padding:16px 24px}.header-nav.mobile-nav .nav-link:last-child{border-bottom:none}.mobile-user-info{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 24px}.mobile-user-avatar{align-items:center;background-color:#1e40af;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.mobile-user-details{flex:1 1}.mobile-user-name{color:#1e293b;font-weight:600;margin-bottom:2px}.mobile-user-email{color:#64748b;font-size:14px}.mobile-signout-btn{align-items:center;background:none;background-color:#fff;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:16px 24px;transition:background-color .3s ease;width:100%}.mobile-signout-btn:hover{background-color:#fef2f2}@media (max-width:768px){.header-nav.desktop-nav,.user-menu-container{display:none}.header-nav.mobile-nav,.mobile-menu-btn{display:block}.header-container{padding:12px 16px}.logo-text{font-size:18px}.home-icon{font-size:20px}}@media (max-width:480px){.header-container{padding:8px 12px}.logo-text{font-size:16px}.home-icon{font-size:18px}.mobile-user-info{padding:12px 16px}.mobile-user-avatar{font-size:14px;height:36px;width:36px}}.footer{background-color:#2a2a2a;border-top:1px solid #404040;margin-top:auto}.footer-container{margin:0 auto;max-width:1400px;padding:16px 24px}.footer-content{color:#888;display:flex;font-size:14px;gap:32px;justify-content:center}.footer-content span{cursor:pointer;transition:color .3s ease}.footer-content span:hover{color:#ff6b35}@media (max-width:768px){.footer-content{flex-direction:column;gap:8px;text-align:center}.footer-container{padding:12px 16px}}.layout{background-color:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.layout-main{display:flex;flex:1 1;flex-direction:column;width:100%}.job-queue{margin:0 auto;max-width:1400px;padding:20px}.queue-header{margin-bottom:20px}.queue-header h2{color:#333;font-size:1.8rem;margin:0 0 10px}.queue-tabs{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:20px}.queue-overview{display:flex;flex-direction:column;gap:30px}.stats-grid{margin-bottom:30px}.stat-card{box-shadow:0 2px 4px #0000001a}.priority-stats,.status-stats{display:flex;flex-direction:column;gap:8px}.priority-item,.status-item{align-items:center;display:flex;justify-content:space-between}.priority-badge,.status-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;min-width:80px;padding:4px 12px;text-align:center}.queue-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.queue-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.queue-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.job-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.job-item{align-items:flex-start;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.job-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.job-item.overdue{background:#fff5f5;border-left:4px solid #dc3545}.job-item.completed{background:#f8fff8;border-left:4px solid #28a745}.job-info{flex:1 1}.job-info h4{color:#333;font-size:1rem;margin:0 0 8px}.job-info p{color:#6c757d;font-size:.9rem;margin:0 0 8px}.job-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.job-meta span{background:#e9ecef;border-radius:4px;color:#495057;font-size:.85rem;padding:2px 8px}.priority{font-weight:600}.completion-date{background:#d4edda!important;color:#155724!important}.cost{background:#d1ecf1!important;color:#0c5460!important}.job-actions{display:flex;flex-shrink:0;gap:8px}.action-btn,.assign-btn,.status-btn{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.assign-btn{background:#007bff;color:#fff}.assign-btn:hover{background:#0056b3}.assign-btn.small{font-size:.8rem;padding:4px 8px}.status-btn{background:#6c757d}.status-btn:hover{background:#545b62}.all-jobs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.jobs-filters{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.jobs-filters select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px;padding:8px 12px}.checkbox-filter{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px}.checkbox-filter input{margin:0}.jobs-table{overflow-x:auto}.jobs-table table{border-collapse:collapse;margin-top:10px;width:100%}.jobs-table td,.jobs-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.jobs-table th{background:#f8f9fa;color:#495057;font-weight:600}.jobs-table td,.jobs-table th{font-size:.9rem}.jobs-table tr:hover{background:#f8f9fa}.job-cell{min-width:150px}.job-cell strong{color:#333}.job-cell small{color:#6c757d}.progress-bar{border-radius:10px;height:20px;position:relative}.progress-text{color:#333;font-size:.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal{max-width:600px}.job-summary{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.job-summary h4{color:#333;margin:0 0 10px}.job-summary p{color:#6c757d;font-size:.9rem;margin:5px 0}.technician-list h4{color:#333;margin:0 0 15px}.technician-option{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.technician-option:hover{background:#e9ecef;transform:translateY(-1px)}.tech-info{flex:1 1}.tech-info strong{color:#333;font-size:1rem}.tech-details{display:flex;flex-direction:column;gap:4px;margin-top:5px}.tech-details span{color:#6c757d;font-size:.85rem}.skill-match{color:#fd7e14!important;font-weight:500}.assign-tech-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .3s ease}.assign-tech-btn:hover{background:#218838}@media (max-width:768px){.job-queue{padding:15px}.queue-sections,.stats-grid{grid-template-columns:1fr}.jobs-filters{align-items:stretch;flex-direction:column}.jobs-filters select{min-width:0;min-width:auto}.job-item{flex-direction:column;gap:10px}.job-actions{align-self:stretch}.modal{margin:10px;width:95%}.technician-option{align-items:stretch;flex-direction:column;gap:10px}}@media (max-width:480px){.tab-btn{font-size:.9rem;padding:10px 16px}.job-meta{flex-direction:column;gap:5px}.jobs-table{font-size:.8rem}.jobs-table td,.jobs-table th{padding:8px}}.milestone-tracker{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:1400px;padding:20px}.tracker-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.tracker-header h2{color:#333;font-size:1.8rem;margin:0}.close-btn{align-items:center;color:#6c757d;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.close-btn:hover{background:#f8f9fa;color:#dc3545}.error-message{margin-top:10px}.loading-spinner{border-top-color:#007bff}.tracker-tabs{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:20px}.tab-btn{border-bottom:2px solid #0000;font-size:1rem;padding:12px 24px;transition:all .3s ease}.tab-btn.active,.tab-btn:hover{background-color:#f8f9fa;color:#007bff}.tab-btn.active{border-bottom-color:#007bff}.dashboard-stats,.milestone-overview{display:flex;flex-direction:column;gap:30px}.stats-grid{grid-gap:20px;gap:20px}.stat-card{background:#f8f9fa}.stat-card.alert{background:#fff5f5;border-color:#f5c6cb}.stat-card h3{color:#333;font-size:1.1rem;margin:0 0 15px}.stat-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.priority-badge,.status-badge,.type-badge{border-radius:20px;color:#fff;font-size:.85rem;font-weight:500;min-width:80px;padding:4px 12px;text-align:center}.payment-status{color:#495057;font-weight:500}.count{color:#333;font-size:1.1rem;font-weight:700}.amount{color:#28a745;font-weight:600}.overdue-stats{text-align:center}.overdue-count{color:#dc3545;font-size:1.5rem;font-weight:700;margin-bottom:5px}.overdue-amount{color:#dc3545;font-size:1.2rem;font-weight:600}.milestone-sections{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.milestone-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.milestone-section h3{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.milestone-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.milestone-item{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.milestone-item:hover{background:#f8f9fa;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.milestone-item.overdue{background:#fff5f5;border-left:4px solid #dc3545}.milestone-info{flex:1 1}.milestone-info h4{color:#333;font-size:1rem;margin:0 0 8px}.milestone-info p{color:#6c757d;font-size:.9rem;margin:0 0 8px}.milestone-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.milestone-meta span{background:#e9ecef;border-radius:4px;color:#495057;font-size:.85rem;padding:2px 8px}.due-date{background:#d1ecf1!important;color:#0c5460!important}.overdue-days{background:#f8d7da!important;color:#721c24!important}.action-btn{background:#17a2b8;border:none;border-radius:4px;color:#fff;font-size:.85rem;font-weight:500;transition:background .3s ease}.action-btn:hover{background:#138496}.all-milestones{display:flex;flex-direction:column;gap:20px}.milestones-header{align-items:center;justify-content:space-between}.milestones-filters,.milestones-header{display:flex;flex-wrap:wrap;gap:15px}.milestones-filters select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;min-width:150px;padding:8px 12px}.create-btn{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background .3s ease}.create-btn:hover{background:#218838}.milestones-table{background:#fff;border:1px solid #e9ecef;border-radius:6px;overflow-x:auto}.milestones-table table{border-collapse:collapse;width:100%}.milestones-table td,.milestones-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.milestones-table th{background:#f8f9fa;color:#495057;font-size:.9rem;font-weight:600}.milestones-table td{font-size:.9rem}.milestones-table tr:hover{background:#f8f9fa}.overdue-row{background:#fff5f5!important}.overdue-row:hover{background:#ffebee!important}.milestone-cell{min-width:200px}.milestone-cell strong{color:#333}.milestone-cell small{color:#6c757d}.overdue-indicator{font-size:1.1rem;margin-left:8px}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-status{color:#6c757d;font-size:.8rem}.payment-status small{color:#28a745;display:block}.progress-info{align-items:center;display:flex;flex-direction:column;gap:4px}.progress-bar{width:80px}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997)}.milestone-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-btn,.status-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:4px 8px;transition:all .3s ease}.status-btn{background:#28a745;color:#fff}.status-btn:hover{background:#218838}.payment-btn{background:#007bff;color:#fff}.payment-btn:hover{background:#0056b3}.modal-overlay{background:#00000080}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef;padding:20px}.modal-header h3{color:#333;margin:0}.modal-body{padding:20px}.milestone-summary{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:15px}.milestone-summary h4{color:#333;margin:0 0 10px}.milestone-summary p{color:#6c757d;font-size:.9rem;margin:5px 0}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;box-sizing:border-box;font-size:.9rem;padding:10px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{gap:15px;justify-content:flex-end;margin-top:20px}.submit-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background .3s ease}.submit-btn:hover{background:#0056b3}.cancel-btn{background:#6c757d;border-radius:4px;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background .3s ease}.cancel-btn:hover{background:#545b62}@media (max-width:768px){.milestone-tracker{margin:10px;padding:15px}.tracker-header h2{font-size:1.5rem}.milestone-sections,.stats-grid{grid-template-columns:1fr}.milestones-header{align-items:stretch}.milestones-filters,.milestones-header{flex-direction:column}.milestones-filters select{min-width:0;min-width:auto}.milestone-item{flex-direction:column;gap:10px}.milestone-actions{align-self:stretch}.modal{margin:10px;width:95%}}@media (max-width:480px){.tab-btn{font-size:.9rem;padding:10px 16px}.milestone-meta{flex-direction:column;gap:5px}.milestones-table{font-size:.8rem}.milestones-table td,.milestones-table th{padding:8px}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.user-details-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%;position:absolute;width:100%}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;position:relative;width:90%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:space-between;padding:24px 32px}.modal-header,.user-header{align-items:center;display:flex}.user-header{gap:16px}.user-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.avatar-icon,.user-info h2{font-size:24px}.user-info h2{font-weight:600;margin:0 0 4px}.user-email{font-size:14px;margin:0 0 4px;opacity:.9}.user-type{font-size:12px;letter-spacing:.5px;margin:0;opacity:.8;text-transform:uppercase}.close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;padding:8px;transition:background-color .2s}.close-btn:hover{background-color:#ffffff1a}.modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.user-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;padding:0 32px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s}.tab-btn:hover{background-color:#0000000d;color:#495057}.tab-btn.active{background-color:#fff;border-bottom-color:#667eea;color:#667eea}.tab-content{flex:1 1;overflow-y:auto;padding:32px}.overview-tab{display:flex;flex-direction:column;gap:32px}.user-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content h3{color:#212529;font-size:24px;font-weight:600;margin:0 0 4px}.stat-content p{color:#6c757d;font-size:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.user-details-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:24px}.user-details-section h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 20px}.details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{gap:4px}.detail-item label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#212529;font-size:14px;font-weight:500}.status-badge{border-radius:20px}.user-type-badge{background:#e9ecef;color:#495057;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.user-actions{display:flex;gap:12px;justify-content:flex-start}.activity-tab h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 24px}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s}.activity-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.activity-icon{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.activity-content{flex:1 1}.activity-description{color:#212529;font-size:14px;font-weight:500;margin:0 0 4px}.activity-time{color:#6c757d;font-size:12px;margin:0 0 4px}.activity-meta{color:#adb5bd;font-size:11px;margin:0}.projects-tab h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 24px}.projects-list{display:flex;flex-direction:column;gap:16px}.project-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.project-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.project-header h4{color:#212529;font-size:16px;font-weight:600;margin:0}.project-status{border-radius:20px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.project-details{display:flex;flex-direction:column;gap:12px}.project-meta{display:flex;flex-wrap:wrap;gap:16px}.project-meta span{color:#6c757d;font-size:12px}.project-progress{align-items:center;display:flex;gap:12px}.progress-bar{flex:1 1}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2)}.project-progress span{color:#6c757d;font-size:12px;font-weight:500;min-width:60px}.settings-tab h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 24px}.settings-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:24px}.settings-section h4{color:#212529;font-size:16px;font-weight:600;margin:0 0 16px}.setting-item{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 0}.setting-item:last-child{border-bottom:none}.setting-item label{color:#495057;font-size:14px;font-weight:500}.setting-item select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:120px;padding:8px 12px}.settings-actions{display:flex;gap:12px;justify-content:flex-start}.btn{padding:8px 16px}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}@media (max-width:768px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:16px 20px}.user-header{gap:12px}.user-avatar{height:48px;width:48px}.avatar-icon,.user-info h2{font-size:20px}.user-tabs{overflow-x:auto;padding:0 20px}.tab-btn{padding:12px 16px;white-space:nowrap}.tab-content{padding:20px}.user-stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:16px}.details-grid{grid-template-columns:1fr}.user-actions{flex-direction:column}.project-meta,.setting-item{flex-direction:column;gap:8px}.setting-item{align-items:flex-start}.settings-actions{flex-direction:column}}.progress-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.progress-modal{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;padding:32px;width:90%}.progress-modal-header{margin-bottom:24px;text-align:center}.progress-modal-header h2{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:8px}.progress-modal-header p{color:#64748b;font-size:16px;line-height:1.5}.progress-container{margin-bottom:24px}.progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;width:100%}.progress-fill{background:#1e40af;border-radius:4px}.progress-text{color:#1e40af;font-size:14px;font-weight:600;text-align:center}.current-stage{margin-bottom:24px;text-align:center}.stage-indicator{gap:12px;margin-bottom:12px}.stage-indicator,.stage-number{align-items:center;display:flex;justify-content:center}.stage-number{background-color:#1e40af;border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:32px;width:32px}.stage-name{color:#1e293b;font-size:18px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.stage-message{color:#64748b;font-size:16px;line-height:1.5;margin:0}.progress-log{margin-bottom:24px}.progress-log h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:12px}.log-entries{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.log-entry{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:12px;gap:12px;padding:8px 0}.log-entry:last-child{border-bottom:none}.log-entry.status-entry{background-color:#eff6ff;border-left:3px solid #1e40af;border-radius:4px;margin:4px 0;padding:8px 12px}.log-time{color:#94a3b8;min-width:60px}.log-stage{color:#1e40af;font-weight:600;min-width:80px}.log-message{color:#374151;flex:1 1}.log-entry.status-entry .log-stage{color:#059669}.log-entry.status-entry .log-message{color:#1e293b;font-weight:500}.picra-steps{margin-bottom:24px}.picra-steps h4{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px;text-align:center}.steps-container{display:flex;flex-direction:column;gap:12px}.step-item{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.step-item.active{background-color:#eff6ff;border-color:#1e40af;box-shadow:0 2px 4px #1e40af1a}.step-item.completed{background-color:#f0fdf4;border-color:#059669}.step-indicator{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.step-number{background-color:#94a3b8;color:#fff}.step-check{background-color:#059669;color:#fff;font-size:16px}.step-item.active .step-indicator .step-number{background-color:#1e40af}.step-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.step-name{color:#1e293b;font-size:14px;font-weight:600}.step-message{color:#64748b;font-size:12px}.step-item.active .step-name{color:#1e40af}.step-item.completed .step-name{color:#059669}.progress-modal-actions{display:flex;justify-content:center}.cancel-btn{background-color:#64748b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background-color:#475569;transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.progress-modal{padding:24px;width:95%}.progress-modal-header h2{font-size:20px}.stage-indicator{gap:8px}.log-entry,.stage-indicator{align-items:flex-start;flex-direction:column}.log-entry{gap:4px}.log-stage,.log-time{min-width:auto}.step-item{padding:10px}.step-content{gap:2px}.step-name{font-size:13px}.step-message{font-size:11px}}@media (max-width:480px){.progress-modal{padding:20px}.progress-modal-header h2{font-size:18px}.progress-modal-header p{font-size:14px}}.picra-validation-result{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:20px 0;padding:24px}.validation-header{align-items:center;border-bottom:2px solid #f0f2f5;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.validation-header h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.validation-status{border-radius:20px;font-size:.9rem;font-weight:600;padding:8px 16px}.validation-status.valid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.validation-status.invalid{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.confidence-section{display:flex;justify-content:center;margin-bottom:24px}.confidence-score{text-align:center}.confidence-circle{align-items:center;background:#fff;border:4px solid;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 8px;width:80px}.confidence-label{color:#6c757d;font-size:.9rem;font-weight:500}.validation-details{margin-bottom:24px}.reason-section{margin-bottom:20px}.reason-section h4{color:#2c3e50;font-size:1.1rem;margin-bottom:8px}.reason-section p{color:#495057;line-height:1.6;margin:0}.detailed-analysis h4{color:#2c3e50;font-size:1.1rem;margin-bottom:16px}.analysis-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analysis-item{align-items:center;background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.analysis-label{color:#495057;font-weight:500}.analysis-value{color:#2c3e50;font-weight:600}.analysis-value.positive{color:#28a745}.analysis-value.negative{color:#dc3545}.validation-actions{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.proceed-section{text-align:center}.proceed-message{color:#155724;font-weight:500;margin-bottom:16px}.proceed-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s}.proceed-btn:hover{background:#218838}.reject-section{text-align:center}.reject-message{color:#721c24;font-weight:500;margin-bottom:16px}.reject-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background-color .2s}.reject-btn:hover{background:#c82333}.validation-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;padding:20px}.validation-info h4{color:#1565c0;font-size:1.1rem;margin-bottom:12px}.validation-info p{color:#37474f;line-height:1.6;margin-bottom:12px}.validation-info ul{margin:12px 0;padding-left:20px}.validation-info li{color:#37474f;line-height:1.5;margin-bottom:4px}.validation-info strong{color:#1565c0}@media (max-width:768px){.picra-validation-result{margin:16px 0;padding:16px}.validation-header{align-items:flex-start;flex-direction:column;gap:12px}.analysis-grid{grid-template-columns:1fr}.analysis-item{align-items:flex-start;flex-direction:column;gap:8px}}.settings-content{margin:0 auto;max-width:1200px;padding:20px}.settings-header-section{margin-bottom:30px}.settings-title{color:#2c3e50;font-size:32px;font-weight:600;margin-bottom:8px}.settings-subtitle{color:#7f8c8d;font-size:16px}.message{animation:slideIn .3s ease-out;border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px 20px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.admin-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;gap:15px;margin-bottom:30px;padding:20px}.admin-badge,.admin-indicator{align-items:center;display:flex}.admin-badge{font-size:18px;font-weight:600;gap:8px}.admin-note{font-size:14px;margin:5px 0 0;opacity:.9}.settings-section{margin-bottom:40px}.settings-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:24px;margin-bottom:10px;padding-bottom:10px}.section-description{line-height:1.6}.badge-editable,.badge-readonly{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-left:8px;padding:2px 10px;vertical-align:middle}.badge-editable{background-color:#d1f2eb;border:1px solid #a7e6d7;color:#0c6b58}.badge-readonly{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.optional-tag{color:#95a5a6;font-size:12px;font-style:italic;font-weight:400;margin-left:6px}.settings-form{display:flex;flex-direction:column}.form-row{grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{margin-bottom:25px}.label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-field{background-color:#fff;border:2px solid #e1e8ed;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.input-field.editable-field{background-color:#f8fefc;border-color:#d1f2eb}.input-field.editable-field:hover:not(:disabled){border-color:#a7e6d7}.input-field.editable-field:focus{background-color:#fff;border-color:#0c6b58;box-shadow:0 0 0 3px #0c6b581a;outline:none}.input-field.readonly-field{background-color:#f8f9fa;border-color:#f5c6cb;color:#6c757d;cursor:not-allowed}.input-field:disabled{cursor:not-allowed;opacity:.7}.field-note{color:#7f8c8d;display:block;font-size:13px;line-height:1.4;margin-top:6px}.user-type-display{background-color:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;padding:12px}.user-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.user-type-badge.user-type-admin{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.user-type-badge.user-type-waitlist{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.user-type-badge.user-type-client{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.waitlist-reason-display{background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:12px 16px}.waitlist-reason-text{align-items:center;color:#856404;display:flex;font-size:14px;font-weight:500;gap:8px}.checkbox-group{background-color:#f8fefc;border:2px solid #d1f2eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;padding:12px}.checkbox-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background-color .2s ease}.checkbox-option:hover{background-color:#e8f8f5}.checkbox-option input[type=checkbox]{accent-color:#0c6b58;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#2c3e50;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.action-buttons{display:flex;gap:15px;margin-top:20px}.btn{font-size:15px;font-weight:600;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#0c6b58,#0a5546);box-shadow:0 4px 6px #0c6b5833}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0a5546,#083f35);box-shadow:0 6px 12px #0c6b584d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}.save-btn{min-width:140px}.logout-btn{min-width:120px}.loading-container{padding:60px 20px}.loading-spinner{border-top-color:#0c6b58;margin-bottom:20px}.loading-container p{color:#7f8c8d;font-size:16px}@media (max-width:768px){.settings-content{padding:15px}.settings-card{padding:20px}.form-row{gap:0;grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%}.settings-title{font-size:26px}.section-title{font-size:20px}.badge-editable,.badge-readonly{display:block;margin-left:0;margin-top:4px;width:fit-content}}@media (max-width:480px){.admin-indicator{align-items:flex-start;flex-direction:column;gap:10px}.settings-title{font-size:22px}.input-field{font-size:14px;padding:10px 12px}}.pipeline-dashboard{background-color:#1f2937;color:#f9fafb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.dashboard-header{align-items:center;background-color:#111827;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl)}.header-left .dashboard-title{align-items:center;color:#f9fafb;display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-sm);margin:0}.logo-icon{font-size:1.25rem}.header-right{display:flex;gap:var(--spacing-md)}.header-right .nav-btn{background-color:initial;border:none;border-radius:var(--radius-md);color:#9ca3af;cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-normal)}.header-right .nav-btn.active{background-color:#374151;color:#f9fafb}.header-right .nav-btn.logout-btn{background-color:#f59e0b;color:#fff}.header-right .nav-btn:hover{transform:translateY(-1px)}.dashboard-nav{background-color:#111827;border-bottom:1px solid #374151;display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl)}.dashboard-nav .nav-btn{background-color:initial;border:none;border-radius:var(--radius-md);color:#9ca3af;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.dashboard-nav .nav-btn.active{background-color:#f59e0b;color:#fff}.dashboard-nav .nav-btn:hover:not(.active){background-color:#374151;color:#f9fafb}.dashboard-content{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background-color:#374151;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card h3{color:#f9fafb;font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.chart-container{align-items:center;display:flex;height:120px;justify-content:center}.pie-chart{background:conic-gradient(#8b4513 0deg 120deg,#f59e0b 120deg 240deg,#d1d5db 240deg 1turn);border-radius:50%;height:80px;position:relative;width:80px}.bar-chart{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%;justify-content:space-around;width:100%}.bar{border-radius:var(--radius-sm);height:12px;transition:all var(--transition-normal)}.bar:hover{opacity:.8}.line-chart,.line-chart svg{height:100%;width:100%}.quotes-table-container{background-color:#374151;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.quotes-table-container h3{color:#f9fafb;font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-lg) 0}.quotes-table{width:100%}.table-header{grid-gap:var(--spacing-md);border-bottom:1px solid #4b5563;color:#9ca3af;display:grid;font-weight:600;gap:var(--spacing-md);grid-template-columns:1fr 2fr 1fr 1fr;padding:var(--spacing-md) 0}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:var(--spacing-md);border-bottom:1px solid #4b5563;display:grid;gap:var(--spacing-md);grid-template-columns:1fr 2fr 1fr 1fr;padding:var(--spacing-md) 0;transition:background-color var(--transition-normal)}.table-row:hover{background-color:#4b5563}.table-cell{align-items:center;color:#f9fafb;display:flex}.status-badge{color:#fff;text-transform:capitalize}.pipeline-view{background-color:#374151;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.pipeline-header{margin-bottom:var(--spacing-xl);text-align:center}.pipeline-header h2{color:#f9fafb;font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-sm) 0}.pipeline-header p{color:#9ca3af;margin:0}.pipeline-columns{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow-x:auto}.pipeline-column{background-color:#4b5563;border-radius:var(--radius-md);min-height:400px}.column-header{align-items:center;border-bottom:1px solid #6b7280;border-left:4px solid;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md)}.stage-icon{font-size:1.25rem}.column-header h3{color:#f9fafb;flex:1 1;font-size:1rem;font-weight:600;margin:0}.customer-count{background-color:#6b7280;border-radius:var(--radius-sm);color:#f9fafb;font-size:12px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.customer-cards{max-height:350px;overflow-y:auto;padding:var(--spacing-md)}.customer-card{background-color:#374151;border:1px solid #6b7280;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.customer-card:hover{border-color:#f59e0b;transform:translateY(-1px)}.customer-header{justify-content:space-between;margin-bottom:var(--spacing-sm)}.customer-header h4{color:#f9fafb;font-size:.875rem;font-weight:600;margin:0}.quote-count{background-color:#f59e0b;border-radius:var(--radius-sm);color:#fff;font-size:10px;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.customer-details p{color:#9ca3af;font-size:.75rem;margin:0 0 var(--spacing-xs) 0}.customer-actions .btn{flex:1 1;font-size:12px;padding:var(--spacing-xs) var(--spacing-sm)}.status-view{background-color:#374151;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.status-view h2{color:#f9fafb;font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-lg) 0}.status-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.status-card{background-color:#4b5563;border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center}.status-card h3{color:#f9fafb;font-size:1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.status-indicator{border-radius:var(--radius-sm);font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.status-indicator.online{background-color:#10b981;color:#fff}.status-indicator.offline{background-color:#ef4444;color:#fff}.error-container,.loading-container{text-align:center}.loading-spinner{border:4px solid #4b5563;border-top-color:#f59e0b}.error-message{color:#ef4444;margin-bottom:var(--spacing-md)}@media (max-width:1024px){.pipeline-columns{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.dashboard-nav{flex-wrap:wrap;justify-content:center}.dashboard-content{padding:var(--spacing-md)}.pipeline-columns,.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr}.table-header .header-cell:nth-child(3),.table-row .table-cell:nth-child(3){display:none}}@media (max-width:480px){.dashboard-header,.dashboard-nav{padding:var(--spacing-md)}.dashboard-content{padding:var(--spacing-sm)}.pipeline-view,.quotes-table-container,.stat-card,.status-view{padding:var(--spacing-md)}.customer-actions{flex-direction:column}}.customers-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.customers-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.customers-title-section{flex:1 1}.customers-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.customers-subtitle{color:var(--text-secondary);font-size:1rem}.create-customer-btn{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);color:var(--text-light);display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.create-customer-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.customers-content{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.customers-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.customer-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.customer-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.customer-header{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.customer-avatar{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--text-light);display:flex;font-size:1.1rem;font-weight:600;height:50px;justify-content:center;width:50px}.customer-info{flex:1 1}.customer-name{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-xs)}.customer-details{margin-bottom:var(--spacing-md)}.customer-detail{display:flex;font-size:.9rem;margin-bottom:var(--spacing-sm)}.detail-label{color:var(--text-secondary);font-weight:600;margin-right:var(--spacing-sm);min-width:80px}.detail-value{color:var(--text-primary);flex:1 1}.customer-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.delete-btn,.edit-btn,.estimate-btn,.view-contracts-btn,.view-estimates-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;flex:1 1;font-size:.9rem;font-weight:600;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.delete-btn{background-color:var(--error-color);color:var(--text-light)}.delete-btn:hover{background-color:var(--danger-hover)}.estimate-btn{background-color:var(--primary-color)}.estimate-btn:hover{background-color:var(--primary-hover)}.view-estimates-btn{background-color:#28a745;color:var(--text-light)}.view-estimates-btn:hover{background-color:#218838}.view-contracts-btn{background-color:#17a2b8;color:var(--text-light)}.view-contracts-btn:hover{background-color:#138496}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirmation-modal{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-xl);text-align:center;width:90%}.delete-confirmation-modal h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.delete-confirmation-modal p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:center}.cancel-btn,.confirm-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;min-width:100px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.confirm-btn{background-color:var(--error-color);color:var(--text-light)}.confirm-btn:hover{background-color:var(--danger-hover)}.cancel-btn:hover{background-color:var(--secondary-hover)}@media (max-width:768px){.customers-container{padding:var(--spacing-md)}.customers-header{align-items:stretch;flex-direction:column}.customers-title{font-size:1.5rem}.customers-grid{grid-template-columns:1fr}.customer-card{padding:var(--spacing-md)}.customer-actions,.modal-actions{flex-direction:column}.delete-confirmation-modal{margin:var(--spacing-md);padding:var(--spacing-lg)}}@media (max-width:480px){.customers-container{padding:var(--spacing-sm)}.customers-content{padding:var(--spacing-md)}.customer-header{flex-direction:column;text-align:center}.customer-avatar{margin-bottom:var(--spacing-sm)}}.estimate-btn{background-color:var(--success-color);color:var(--text-light)}.estimate-btn:hover{background-color:#059669}.customer-edit-container{margin:0 auto;max-width:800px;padding:var(--spacing-lg)}.customer-edit-header{margin-bottom:var(--spacing-xl);text-align:center}.customer-edit-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.customer-edit-subtitle{color:var(--text-secondary);font-size:1rem}.customer-edit-content{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.customer-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.form-label{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.form-input{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.form-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.form-input::placeholder{color:var(--text-muted)}.form-input[type=email],.form-input[type=tel]{font-family:inherit}textarea.form-input{font-family:inherit;min-height:80px;resize:vertical}.form-actions{border-top:1px solid var(--border-light);gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.cancel-btn,.save-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;min-width:120px;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.cancel-btn{background-color:var(--secondary-color);color:var(--text-light)}.cancel-btn:hover:not(:disabled){background-color:var(--secondary-hover)}.save-btn{background-color:var(--primary-color);color:var(--text-light)}.save-btn:hover:not(:disabled){background-color:var(--primary-hover)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}.success-container{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.success-message{color:var(--success-color);font-weight:500}@media (max-width:768px){.customer-edit-container{padding:var(--spacing-md)}.customer-edit-content{padding:var(--spacing-lg)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}.customer-edit-title{font-size:1.5rem}}@media (max-width:480px){.customer-edit-container{padding:var(--spacing-sm)}.customer-edit-content{padding:var(--spacing-md)}.customer-edit-title{font-size:1.3rem}.form-input{padding:var(--spacing-sm)}}.estimates-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.customer-display{align-items:center;background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;min-height:44px;padding:var(--spacing-md)}.selected-customer-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.selected-customer-info strong{color:var(--text-primary);font-weight:600}.customer-email,.customer-phone{color:var(--text-secondary);font-size:.9rem}.loading-customer{color:var(--text-secondary);font-style:italic}.customer-context{color:var(--primary-color);font-size:.9em;font-weight:500}.form-help-text{color:var(--text-secondary);margin-top:var(--spacing-xs)}.back-to-customer{margin-bottom:var(--spacing-md)}.back-link{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--transition-normal)}.back-link:hover{color:var(--primary-hover);text-decoration:underline}.estimates-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.estimates-title-section{flex:1 1}.estimates-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.estimates-subtitle{color:var(--text-secondary);font-size:1rem}.create-estimate-btn{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);color:var(--text-light);display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.create-estimate-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.estimates-content{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.estimates-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.estimate-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.estimate-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.estimate-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.status-btn-approved{background-color:#e8f5e8;border-color:#4caf50}.status-btn-approved:hover:not(:disabled){background-color:#c8e6c9}.status-btn-rejected{background-color:#ffebee;border-color:#f44336}.status-btn-rejected:hover:not(:disabled){background-color:#ffcdd2}.estimate-number{color:var(--primary-color);font-size:.9rem;font-weight:600}.estimate-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-xs)}.estimate-customer{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-sm)}.estimate-customer-missing{color:var(--text-warning);font-style:italic;opacity:.8}.estimate-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.4;overflow:hidden}.estimate-details{background-color:var(--bg-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.estimate-amount,.estimate-date,.estimate-validity{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--spacing-xs)}.estimate-amount{border-bottom:1px solid var(--border-light);font-weight:600;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.date-label,.validity-label{color:var(--text-secondary);font-weight:500}.date-value,.validity-value{color:var(--text-primary)}.contract-btn,.edit-btn,.view-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.contract-btn{background-color:#28a745;color:var(--text-light)}.contract-btn:hover{background-color:#218838}.view-customer-contracts-btn{background-color:#17a2b8;color:var(--text-light);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.view-customer-contracts-btn:hover{background-color:#138496}@media (max-width:768px){.estimates-container{padding:var(--spacing-md)}.estimates-header{align-items:stretch;flex-direction:column}.estimates-title{font-size:1.5rem}.estimates-grid{grid-template-columns:1fr}.estimate-card{padding:var(--spacing-md)}.estimate-actions,.estimate-header{flex-direction:column}.estimate-header{align-items:flex-start;gap:var(--spacing-sm)}}@media (max-width:480px){.estimates-container{padding:var(--spacing-sm)}.estimates-content{padding:var(--spacing-md)}.estimate-card,.estimate-details{padding:var(--spacing-sm)}.estimate-amount,.estimate-date,.estimate-validity{flex-direction:column;gap:var(--spacing-xs)}}.estimate-edit-container{margin:0 auto;max-width:800px;padding:2rem}.estimate-edit-header{margin-bottom:2rem;text-align:center}.estimate-edit-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:.5rem}.estimate-edit-subtitle{color:#666;font-size:1rem}.estimate-edit-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.estimate-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:768px){.estimate-edit-container{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.line-items-section{border:1px solid #ddd;margin:2rem 0;overflow:hidden}.line-items-header{background-color:#f8f9fa;border-bottom:1px solid #ddd;padding:1rem}.line-items-title{color:#333;font-size:1.1rem}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-danger{background-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333}.line-items-table{background-color:#fff}.line-items-header-row{background-color:#f8f9fa;border-bottom:1px solid #ddd;color:#333;font-size:.9rem}.line-item-row,.line-items-header-row{grid-gap:1rem;gap:1rem;padding:.75rem 1rem}.line-item-row{border-bottom:1px solid #eee}.line-item-input{border:1px solid #ddd;border-radius:4px;padding:.5rem}.line-item-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.line-item-total{color:#007bff;text-align:right}.line-items-summary{background-color:#f8f9fa;border-top:1px solid #ddd;padding:1rem}.summary-row{font-size:1.1rem;font-weight:600}.summary-label{color:#333}.summary-value{color:#007bff;font-size:1.2rem}.total-amount-display{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#007bff;font-size:1.1rem;padding:.75rem}@media (max-width:768px){.line-item-row,.line-items-header-row{gap:.5rem;grid-template-columns:1fr}.line-items-header-row{display:none}.line-item-row{border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;padding:1rem}.line-item-col{align-items:stretch;flex-direction:column}.line-item-col:before{color:#333;content:attr(data-label);font-weight:600;margin-bottom:.25rem}.description-col:before{content:"Description"}.quantity-col:before{content:"Quantity"}.price-col:before{content:"Unit Price"}.total-col:before{content:"Total"}.action-col:before{content:"Action"}.line-item-details-row{gap:1rem;grid-template-columns:1fr}.line-item-actions,.line-item-actions-row{flex-wrap:wrap;justify-content:flex-start}}.estimate-view-container{margin:0 auto;max-width:1000px;padding:2rem}.estimate-view-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.estimate-view-title-section{flex:1 1}.estimate-view-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:.5rem}.estimate-view-subtitle{color:#666;font-size:1rem}.estimate-view-actions{display:flex;flex-wrap:wrap;gap:1rem}.estimate-view-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.estimate-header-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.estimate-header-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.estimate-header-row:last-child{margin-bottom:0}.estimate-info-item{display:flex;flex-direction:column;gap:.5rem}.estimate-info-item label{color:#333;font-size:.9rem;font-weight:600}.estimate-info-item span{color:#666;font-size:1rem}.estimate-section{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:2rem}.estimate-section:last-child{border-bottom:none;margin-bottom:0}.estimate-section h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.estimate-section p{color:#666;line-height:1.6}.line-items-view-table{border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;overflow:hidden}.line-items-view-header{background-color:#f8f9fa;color:#333;font-size:.9rem;font-weight:600}.line-item-view-row,.line-items-view-header{grid-gap:1rem;border-bottom:1px solid #e9ecef;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem}.line-item-view-row{align-items:center}.line-item-view-row:last-child{border-bottom:none}.line-item-view-col{color:#666;font-size:.9rem}.line-items-view-summary{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.estimate-metadata{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.estimate-view-container{padding:1rem}.estimate-view-header{align-items:stretch;flex-direction:column}.estimate-view-actions{justify-content:stretch}.estimate-view-actions .btn{flex:1 1;text-align:center}.estimate-header-row{gap:1rem;grid-template-columns:1fr}.line-item-view-row,.line-items-view-header{gap:.5rem;grid-template-columns:1fr}.line-items-view-header{display:none}.line-item-view-row{border:1px solid #e9ecef;border-radius:4px;margin-bottom:.5rem}.line-item-view-col:before{color:#333;content:attr(data-label);display:block;font-weight:600;margin-bottom:.25rem}.estimate-metadata{grid-template-columns:1fr}}.contracts-container{margin:0 auto;max-width:1200px;padding:var(--spacing-lg)}.contracts-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.contracts-title-section{flex:1 1}.contracts-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.contracts-subtitle{color:var(--text-secondary);font-size:1rem}.customer-filter-info{margin-top:var(--spacing-sm)}.clear-filter-btn{color:var(--primary-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--transition-normal)}.clear-filter-btn:hover{color:var(--primary-hover);text-decoration:underline}.create-contract-btn{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);color:var(--text-light);display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.create-contract-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.contracts-content{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.search-section{margin-bottom:var(--spacing-lg)}.search-input{border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;max-width:400px;padding:var(--spacing-md);transition:all var(--transition-normal);width:100%}.search-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.contracts-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.contract-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.contract-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.contract-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.status-section{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-message{color:var(--text-secondary);font-size:.75rem;font-style:italic;text-align:right}.status-actions{display:flex;gap:var(--spacing-xs)}.status-btn{align-items:center;background:none;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:.8rem;height:28px;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-normal);width:28px}.status-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:scale(1.1)}.status-btn:disabled{cursor:not-allowed;opacity:.5}.status-btn-active{background-color:#e8f5e8;border-color:#4caf50}.status-btn-active:hover:not(:disabled){background-color:#c8e6c9}.status-btn-completed{background-color:#e3f2fd;border-color:#2196f3}.status-btn-completed:hover:not(:disabled){background-color:#bbdefb}.status-btn-cancelled{background-color:#ffebee;border-color:#f44336}.status-btn-cancelled:hover:not(:disabled){background-color:#ffcdd2}.status-btn-sent{background-color:#e3f2fd;border-color:#2196f3}.status-btn-sent:hover:not(:disabled){background-color:#bbdefb}.status-btn-signed{background-color:#e8f5f0;border-color:#08a171}.status-btn-signed:hover:not(:disabled){background-color:#d0ebe1}.status-btn-draft{background-color:#f5f5f5;border-color:#9e9e9e}.status-btn-draft:hover:not(:disabled){background-color:#e0e0e0}.contract-number{color:var(--primary-color);font-size:.9rem;font-weight:600}.status-badge{border-radius:var(--radius-sm);font-size:.8rem;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm)}.status-success{background-color:#dcfce7;color:#166534}.status-error{background-color:#fee2e2;color:#991b1b}.status-info{background-color:#dbeafe;color:#1e40af}.status-warning{background-color:#fef3c7;color:#92400e}.status-signed{background-color:#e8f5f0;color:#08a171}.status-secondary{background-color:#f1f5f9;color:#475569}.contract-info{margin-bottom:var(--spacing-md)}.contract-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-xs)}.contract-customer{margin-bottom:var(--spacing-xs)}.contract-customer,.contract-description{color:var(--text-secondary);font-size:.9rem}.contract-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.contract-details{background-color:var(--bg-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.contract-amount,.contract-date,.contract-end,.contract-start{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--spacing-xs)}.contract-amount{border-bottom:1px solid var(--border-light);font-weight:600;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.amount-value{color:var(--primary-color);font-size:1.1rem}.date-label,.end-label,.start-label{color:var(--text-secondary);font-weight:500}.date-value,.end-value,.start-value{color:var(--text-primary)}.contract-actions{display:flex;gap:var(--spacing-sm)}.edit-btn,.view-btn{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.view-btn{background-color:var(--primary-color);color:var(--text-light)}.view-btn:hover{background-color:var(--primary-hover)}.edit-btn{background-color:var(--info-color);color:var(--text-light)}.edit-btn:hover{background-color:#2563eb}.pdf-btn{background-color:#dc3545;border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:center;text-decoration:none;transition:all var(--transition-normal)}.pdf-btn:hover:not(:disabled){background-color:#c82333}.pdf-btn:disabled{cursor:not-allowed;opacity:.6}.view-customer-estimates-btn{background-color:#28a745;color:var(--text-light);font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.view-customer-estimates-btn:hover{background-color:#218838}.create-first-btn{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);color:var(--text-light);display:inline-flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.create-first-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.loading-spinner{border-top:3px solid var(--border-light);border:3px solid var(--border-light)}.contract-edit-container{margin:0 auto;max-width:800px;padding:2rem}.contract-edit-header{margin-bottom:2rem;text-align:center}.contract-edit-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:.5rem}.contract-edit-subtitle{color:#666;font-size:1rem}.contract-edit-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.contract-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}.form-group{gap:.5rem}.form-label{color:#333;font-size:.9rem;font-weight:500}.form-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-help-text{color:#666;font-size:.8rem;font-style:italic;margin-top:.25rem}.form-input[type=textarea]{min-height:100px;resize:vertical}.form-actions{border-top:1px solid #eee;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.btn{font-size:1rem;padding:.75rem 1.5rem}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#545b62}.success-container{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;margin-bottom:1rem;padding:1rem}.success-message{margin:0}.contract-view-container{margin:0 auto;max-width:1000px;padding:2rem}.contract-view-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.contract-view-title-section{flex:1 1}.contract-view-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:.5rem}.contract-view-subtitle{color:#666;font-size:1rem}.contract-view-actions{display:flex;flex-wrap:wrap;gap:1rem}.contract-view-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.contract-header-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.contract-header-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.contract-header-row:last-child{margin-bottom:0}.contract-info-item{display:flex;flex-direction:column;gap:.5rem}.contract-info-item label{color:#333;font-size:.9rem;font-weight:600}.contract-info-item span{color:#666;font-size:1rem}.contract-section{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:2rem}.contract-section:last-child{border-bottom:none;margin-bottom:0}.contract-section h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.contract-section p{color:#666;line-height:1.6}.terms-content{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem}.terms-content pre{color:#666;font-family:inherit;line-height:1.6;margin:0;white-space:pre-wrap}.contract-metadata{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{display:flex;flex-direction:column;gap:.5rem}.metadata-item label{color:#333;font-size:.9rem;font-weight:600}.metadata-item span{color:#666;font-size:1rem}@media (max-width:768px){.contracts-container{padding:var(--spacing-md)}.contracts-header{align-items:stretch;flex-direction:column}.contracts-title{font-size:1.5rem}.contracts-grid{grid-template-columns:1fr}.contract-card{padding:var(--spacing-md)}.contract-actions,.contract-header{flex-direction:column}.contract-header{align-items:flex-start;gap:var(--spacing-sm)}.contract-edit-container{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.contract-view-container{padding:1rem}.contract-view-header{align-items:stretch;flex-direction:column}.contract-view-actions{justify-content:stretch}.contract-view-actions .btn{flex:1 1;text-align:center}.contract-header-row{gap:1rem}.contract-header-row,.contract-metadata{grid-template-columns:1fr}}@media (max-width:480px){.contracts-container{padding:var(--spacing-sm)}.contracts-content{padding:var(--spacing-md)}.contract-card,.contract-details{padding:var(--spacing-sm)}.contract-amount,.contract-date,.contract-end,.contract-start{flex-direction:column;gap:var(--spacing-xs)}}.line-items-table{margin-top:var(--spacing-md)}.line-items-table table{background-color:var(--bg-white);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);overflow:hidden;width:100%}.line-items-table th{background-color:var(--primary-color);color:var(--text-light);font-size:.9rem;font-weight:600;padding:var(--spacing-md);text-align:left}.line-items-table td{border-bottom:1px solid var(--border-light);font-size:.9rem;padding:var(--spacing-md)}.line-items-table tr:hover{background-color:var(--bg-hover)}.line-items-summary{background-color:var(--bg-light);gap:var(--spacing-xl);justify-content:flex-end;margin-top:var(--spacing-md)}.summary-item{align-items:flex-end;display:flex;flex-direction:column;gap:var(--spacing-xs)}.summary-item label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.summary-item span{color:var(--text-primary);font-size:1.1rem;font-weight:600}.line-items-section{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.line-items-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.line-items-title{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.btn-sm{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-danger{background-color:var(--error-color);color:var(--text-light)}.btn-danger:hover{background-color:#dc2626}.line-items-table{margin-bottom:var(--spacing-lg)}.line-items-header-row{background-color:var(--primary-color);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-light);font-weight:600}.line-item-row,.line-items-header-row{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:2fr 1fr 1fr 1fr 80px;padding:var(--spacing-md)}.line-item-row{align-items:center;border-bottom:1px solid var(--border-light)}.line-item-row:last-child{border-bottom:none}.line-item-col{align-items:center;display:flex}.line-item-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--spacing-sm);width:100%}.line-item-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.line-item-total{color:var(--primary-color);font-weight:600}.line-items-table-new{background-color:#fff;display:flex;flex-direction:column;gap:1rem;padding:1rem}.line-item-card{background-color:#fafafa;border:1px solid #ddd;padding:1rem}.line-item-card:hover{box-shadow:0 2px 8px #0000001a}.line-item-description-row{margin-bottom:1rem}.line-item-label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.line-item-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.line-item-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.line-item-details-row{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.line-item-field{display:flex;flex-direction:column;gap:.5rem}.line-item-actions-row{align-items:center;border-top:1px solid #e0e0e0;margin-top:.75rem;padding-top:.75rem}.line-item-actions,.line-item-actions-row{display:flex;gap:.5rem;justify-content:flex-end}.line-item-actions{align-items:flex-end}.btn-icon{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:700;height:36px;justify-content:center;padding:0;transition:all .2s;width:36px}.btn-icon:hover:not(:disabled){background-color:#545b62;transform:scale(1.1)}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.btn-icon.btn-add{background-color:#28a745}.btn-icon.btn-add:hover:not(:disabled){background-color:#218838}.btn-icon.btn-danger{background-color:#dc3545}.btn-icon.btn-danger:hover:not(:disabled){background-color:#c82333}.line-items-summary{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.summary-row{align-items:center;padding:var(--spacing-xs) 0}.summary-label{color:var(--text-secondary);font-weight:500}.summary-value{color:var(--text-primary);font-size:1.1rem}.total-amount-display{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--primary-color);font-size:1.2rem;font-weight:600;padding:var(--spacing-md);text-align:center}.form-info-box{background-color:#e8f5f0;border:1px solid #08a171;border-left-width:4px;border-radius:4px;color:#333;font-size:.9rem;margin:1rem 0;padding:1rem}.form-info-box strong{color:#08a171}@media (max-width:768px){.line-item-row,.line-items-header-row{gap:var(--spacing-sm);grid-template-columns:1fr}.line-item-col{position:relative}.line-item-col:before{color:var(--text-secondary);content:attr(data-label) ": ";font-weight:600;margin-right:var(--spacing-sm)}.line-items-header-row{display:none}.line-item-row{border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.line-item-details-row{gap:1rem;grid-template-columns:1fr}.line-item-actions,.line-item-actions-row{flex-wrap:wrap;justify-content:flex-start}.line-items-summary{flex-direction:column;gap:var(--spacing-sm)}}.deposit-slider-container{align-items:center;display:flex;gap:var(--spacing-sm)}.deposit-slider-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:200px}.deposit-slider{appearance:none;background:var(--border-light);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.deposit-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal);width:20px}.deposit-slider::-webkit-slider-thumb:hover{background:var(--primary-hover);transform:scale(1.1)}.deposit-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;-moz-transition:all var(--transition-normal);transition:all var(--transition-normal);width:20px}.deposit-slider::-moz-range-thumb:hover{background:var(--primary-hover);transform:scale(1.1)}.deposit-slider-labels{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between}.slider-value{color:var(--primary-color);font-weight:600}.slider-amount{color:var(--text-primary);font-weight:500}.deposit-percentage{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-left:var(--spacing-xs)}.estimate-links{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.estimate-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-md)}.estimate-info strong{color:var(--text-primary);font-weight:600}.estimate-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.estimate-actions .btn{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.btn-info{background-color:var(--info-color);color:var(--text-light)}.btn-info:hover{background-color:#2563eb}.deposit-adjustment-section{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.deposit-adjustment-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.deposit-type-selector{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.deposit-type-selector label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-xs)}.deposit-type-selector input[type=radio]{cursor:pointer;margin:0}.deposit-label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs)}.deposit-dollar-input{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.deposit-dollar-input input{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--spacing-sm);width:120px}.deposit-dollar-input input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.deposit-adjustment-section .btn{margin-top:var(--spacing-sm)}.deposit-input-container{align-items:center;display:flex;gap:var(--spacing-sm)}.deposit-input-group{align-items:center;display:flex;gap:var(--spacing-xs)}.deposit-input{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;width:60px}.deposit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.deposit-percent{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-input-readonly{background-color:#f8f9fa!important;border:1px solid #e9ecef!important;color:#666!important;cursor:not-allowed;opacity:.8}.form-input-readonly:focus{border-color:#e9ecef!important;box-shadow:none!important}.form-input.readonly{align-items:center;background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:not-allowed;display:flex;font-size:.9rem;min-height:38px;padding:var(--spacing-sm)}@media (max-width:768px){.deposit-input-container{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.deposit-input-group{align-self:flex-start}}.detail-help-text{color:#999;display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}.project-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.detail-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem}.detail-item label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.detail-item span{color:#666;font-size:1rem}.status-edit-group{display:flex;flex-direction:column;gap:.25rem}.status-select{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:200px}.status-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.status-actions{margin-top:1rem}.status-action-buttons{align-items:center;display:flex;gap:.5rem}.date-edit-group{display:flex;flex-direction:column;gap:.25rem}.date-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:200px}.date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40;outline:none}.date-actions{margin-top:1rem}.date-action-buttons{align-items:center;display:flex;gap:.5rem}.btn-outline-primary{background:#0000;border:1px solid var(--primary-color);border-radius:4px;color:var(--primary-color);display:inline-block;font-size:.875rem;padding:.375rem .75rem;text-decoration:none;transition:all .2s ease}.btn-outline-primary:hover{background:var(--primary-color);color:#fff;text-decoration:none}.btn-sm{font-size:.75rem;padding:.25rem .5rem}.contract-professional-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.contract-main-title{font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.contract-meta{display:flex;font-size:.9rem;gap:2rem;justify-content:center;margin-top:1rem;opacity:.9}.contract-meta span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:.25rem .75rem}.contract-parties-section{margin-bottom:2rem}.parties-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.party-info{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #007bff;border-radius:12px;padding:1.5rem}.party-info h3{color:#007bff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.party-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:flex-start;display:flex;gap:1rem}.detail-row label{color:#333;font-size:.9rem;font-weight:600;min-width:80px}.detail-row span{color:#666;font-size:.9rem}@media (max-width:768px){.project-details-grid{gap:1rem;grid-template-columns:1fr}.contract-meta{flex-direction:column;gap:.5rem}.contract-main-title{font-size:1.4rem}.detail-row{flex-direction:column;gap:.25rem}.detail-row label{min-width:auto}}.signature-status-section{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.signature-status-info{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.status-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-item label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.signature-status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;width:fit-content}.signature-not-sent{background-color:#f1f5f9;color:#64748b}.signature-sent{background-color:#dbeafe;color:#1e40af}.signature-in-progress{background-color:#fef3c7;color:#92400e}.signature-completed{color:#166534}.signature-declined{background-color:#fee2e2;color:#991b1b}.signature-cancelled,.signature-expired{background-color:#f1f5f9;color:#64748b}.signature-actions{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg)}.contractor-info-input{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.contractor-info-input h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 var(--spacing-md) 0}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.input-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.input-group input{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:.9rem;padding:var(--spacing-sm)}.input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.signature-management{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.signature-completed{background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:var(--radius-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.success-message{color:#166534;font-weight:600;margin-bottom:var(--spacing-md)}.signature-details{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-top:var(--spacing-md);padding:var(--spacing-lg)}.signature-details h4{color:var(--text-primary);font-size:1.1rem;margin:0 0 var(--spacing-md) 0}.signature-info p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.signers-list{margin-top:var(--spacing-md)}.signers-list h5{color:var(--text-primary);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.signer-item{align-items:center;background-color:var(--bg-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.signer-item,.signer-status{border-radius:var(--radius-sm)}.signer-status{font-size:.8rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.signer-status.signed{background-color:#dcfce7;color:#166534}.signer-status.pending{background-color:#fef3c7;color:#92400e}.signer-status.declined{background-color:#fee2e2;color:#991b1b}@media (max-width:768px){.signature-status-info{grid-template-columns:1fr}.signature-management,.signer-item{flex-direction:column}.signer-item{align-items:flex-start;gap:var(--spacing-xs)}}.amendment-form{margin:0 auto;max-width:1200px}.form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:24px}.form-section h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-top:0}.form-group,.form-section h3{margin-bottom:20px}.form-group label{display:block;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-box{background:#e8f5e9;border:1px solid #4caf50;border-radius:8px;margin-bottom:24px;padding:16px}.info-box h3{color:#2e7d32;font-size:16px;margin-bottom:12px;margin-top:0}.info-box p{color:#333;font-size:14px;margin:4px 0}.line-item-change{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px;transition:all .3s ease}.line-item-change.not-included{background:#f5f5f5;border-style:dashed;opacity:.5}.line-item-header{align-items:center;justify-content:space-between;margin-bottom:16px}.line-item-header h4{color:#1a1a1a;font-size:16px;margin:0}.original-section,.updated-section{background:#fff;border-radius:6px;margin-top:12px;padding:16px}.original-section h5,.updated-section h5{color:#666;font-size:14px;font-weight:600;margin-bottom:12px;margin-top:0;text-transform:uppercase}.original-section{border-left:4px solid #f44336}.updated-section{border-left:4px solid #4caf50}.form-actions{display:flex;gap:12px;justify-content:flex-start;padding:20px 0}.section-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;margin-bottom:24px;padding-bottom:16px}.section-title{color:#1a1a1a;font-size:28px;font-weight:600;margin:0}.button-group{display:flex;flex-wrap:wrap;gap:8px}.status-badge{border-radius:4px;display:inline-block;font-weight:600;margin-left:12px;padding:6px 12px;text-transform:uppercase}.status-draft{background:#e0e0e0;color:#666}.status-pending{background:#fff3e0;color:#f57c00}.status-approved{background:#e8f5e9;color:#2e7d32}.status-rejected{background:#ffebee;color:#c62828}.status-cancelled{background:#e0e0e0;color:#424242}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:24px}.detail-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.detail-card h3{border-bottom:2px solid #4caf50;color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:16px;margin-top:0;padding-bottom:8px}.detail-item{display:flex;justify-content:space-between;margin-bottom:12px}.detail-label{color:#666;font-size:14px;font-weight:500}.detail-value{color:#333;font-size:14px;text-align:right}.detail-value a{color:#4caf50;text-decoration:none}.detail-value a:hover{text-decoration:underline}.info-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.info-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.info-text{color:#333;font-size:14px;line-height:1.6;margin:0}.line-items-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.line-items-section h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.line-item-change-view{background:#f9f9f9;border-left:4px solid #e0e0e0;border-radius:8px;margin-bottom:16px;padding:16px}.line-item-change-view.change-added{background:#f1f8f4;border-left-color:#4caf50}.line-item-change-view.change-modified{background:#fff8f0;border-left-color:#ff9800}.line-item-change-view.change-removed{background:#ffebee;border-left-color:#f44336}.change-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.change-header h4{align-items:center;color:#1a1a1a;display:flex;font-size:16px;gap:8px;margin:0}.change-type-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.change-type-badge.change-added{background:#4caf50;color:#fff}.change-type-badge.change-modified{background:#ff9800;color:#fff}.change-type-badge.change-removed{background:#f44336;color:#fff}.cost-impact{font-size:16px;font-weight:600}.cost-impact.positive{color:#4caf50}.cost-impact.negative{color:#f44336}.item-details{border-radius:6px;margin-top:8px;padding:12px}.item-details.original{background:#f443360d}.item-details.updated{background:#4caf500d}.item-details h5{color:#666;font-size:13px;font-weight:600;margin-bottom:8px;margin-top:0;text-transform:uppercase}.item-details .description{color:#333;font-size:14px;margin:0 0 8px}.item-details .item-pricing{color:#666;display:flex;font-size:13px;gap:16px}.item-details .item-pricing span{font-weight:500}.financial-summary{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.financial-summary h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.summary-grid{display:flex;flex-direction:column;gap:12px}.summary-row{border-radius:4px;display:flex;justify-content:space-between;padding:12px}.summary-row.added{background:#4caf500d}.summary-row.removed{background:#f443360d}.summary-row.modified{background:#ff98000d}.summary-row.total{border-top:2px solid #e0e0e0;font-weight:600;margin-top:8px;padding-top:16px}.summary-row.grand-total{background:#e8f5e9;border:2px solid #4caf50;font-size:16px;font-weight:700}.summary-label{color:#666;font-size:14px}.summary-value{color:#333;font-size:14px;font-weight:600}.summary-value.positive{color:#4caf50}.summary-value.negative{color:#f44336}.approval-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.approval-section h3{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.approval-section p{color:#333;font-size:14px;margin:8px 0}.amendments-list{margin-top:20px}.amendments-list h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:16px}.amendments-table{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;width:100%}.amendments-table table{border-collapse:collapse;width:100%}.amendments-table th{background:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.amendments-table td{border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;padding:12px}.amendments-table tr:last-child td{border-bottom:none}.amendments-table tr:hover{background:#f9f9f9}.amendments-table a{color:#4caf50;font-weight:500;text-decoration:none}.amendments-table a:hover{text-decoration:underline}.no-amendments{color:#999;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column}.button-group{margin-top:12px;width:100%}.detail-grid,.form-row{grid-template-columns:1fr}.detail-item{flex-direction:column}.detail-value{margin-top:4px;text-align:left}.change-header{align-items:flex-start;flex-direction:column}.cost-impact{margin-top:8px}.item-details .item-pricing{flex-direction:column;gap:4px}}.error-message{background:#ffebee;border:1px solid #f44336;border-radius:4px;color:#c62828;font-size:14px}.success-message{background:#e8f5e9;border:1px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:14px;margin-bottom:20px;padding:12px 16px}.no-data{color:#999;font-size:14px;padding:40px}.btn,.no-data{text-align:center}.btn{border-radius:4px;display:inline-block;text-decoration:none}.btn-primary{background:#4caf50}.btn-primary:hover:not(:disabled){background:#45a049}.btn-secondary{background:#757575}.btn-secondary:hover:not(:disabled){background:#616161}.btn-danger{background:#f44336}.btn-danger:hover:not(:disabled){background:#da190b}.btn-success{background:#4caf50}.btn-success:hover:not(:disabled){background:#45a049}.btn-warning{background:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background:#fb8c00}.btn-small{font-size:12px;padding:6px 12px}.pdf-text-checkpoint-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:10px;position:fixed;right:0;top:0;z-index:1000}.pdf-text-checkpoint-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:1800px;min-width:1400px;overflow:hidden;width:100%}.checkpoint-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;padding:24px 32px}.checkpoint-header h2{font-size:24px;font-weight:600;margin:0 0 8px}.checkpoint-header p{font-size:14px;margin:0;opacity:.9}.checkpoint-content{display:flex;flex:1 1;flex-direction:row;gap:0;min-height:600px}.pdf-section{background:#fafbfc;border-right:2px solid #e5e7eb}.pdf-section,.text-section{display:flex;flex:1 1;flex-direction:column}.text-section{background:#f8f9fa}.section-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.section-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.file-name{background:#e5e7eb;border-radius:4px;color:#6b7280;font-family:monospace;font-size:12px;padding:4px 8px}.text-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.copy-btn{color:#059669}.download-btn{color:#2563eb}.pdf-viewer{background:#f8fafc;flex:1 1;min-height:500px}.pdf-viewer iframe{background:#fff;border:none;height:100%;width:100%}.text-stats{background:#f1f5f9;border-bottom:1px solid #e5e7eb;color:#64748b;display:flex;font-size:12px;gap:16px;padding:12px 24px}.text-stats span{align-items:center;display:flex;gap:4px}.text-stats span:before{color:#94a3b8;content:"•"}.text-stats span:first-child:before{display:none}.text-content{flex:1 1;min-height:500px;padding:16px 24px}.text-content textarea{background:#fafafa;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-family:Courier New,monospace;font-size:13px;height:100%;line-height:1.5;padding:16px;resize:none;width:100%}.text-content textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkpoint-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 32px}.btn{border-radius:8px;min-width:120px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#6b7280}.btn-secondary:hover{background:#4b5563}@media (max-width:1200px){.checkpoint-content{flex-direction:column}.pdf-section{border-bottom:1px solid #e5e7eb;border-right:none}.pdf-section,.text-section{min-height:400px}}@media (max-width:768px){.pdf-text-checkpoint-overlay{padding:5px}.pdf-text-checkpoint-modal{max-height:98vh;max-width:98vw;min-width:auto}.checkpoint-header{padding:16px 20px}.checkpoint-header h2{font-size:20px}.section-header{align-items:flex-start;flex-direction:column;padding:12px 16px}.text-actions{justify-content:flex-end;width:100%}.text-stats{flex-wrap:wrap;padding:8px 16px}.text-content{padding:12px 16px}.checkpoint-actions{flex-direction:column;padding:16px 20px}.btn{width:100%}}.picra-upload-container{margin:0 auto;max-width:1200px;padding:20px}.picra-upload-header{margin-bottom:40px;text-align:center}.picra-upload-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.picra-upload-header p{color:#7f8c8d;font-size:1.1rem;margin-bottom:15px}.ocr-info{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px}.ocr-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.9rem;font-weight:600;padding:6px 12px}.ocr-description{color:#7f8c8d;font-size:.9rem;font-style:italic}.picra-upload-content{display:flex;flex-direction:column;gap:30px}.upload-section{background:#fff;border:2px dashed #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.upload-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.file-upload-area{margin-bottom:20px}.file-upload-label{align-items:center;background:#f8f9fa;border:2px dashed #3498db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px;transition:all .3s ease}.file-upload-label:hover{background:#ecf0f1;border-color:#2980b9}.upload-icon{font-size:3rem;margin-bottom:15px}.upload-text{text-align:center}.upload-text strong{color:#2c3e50;display:block;font-size:1.2rem;margin-bottom:5px}.upload-text span{color:#7f8c8d;margin-bottom:5px}.upload-text small{color:#95a5a6;font-size:.9rem}.file-selected{align-items:center;background:#e8f5e8;border:2px solid #27ae60;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.file-info{display:flex;flex-direction:column}.file-name{color:#2c3e50;font-weight:700}.file-size{color:#7f8c8d;font-size:.9rem}.delete-file-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:background .3s ease;width:30px}.delete-file-btn:hover{background:#c0392b}.validation-errors{margin-bottom:20px}.error-message{background:#fdf2f2;border-left:4px solid #e74c3c;border-radius:5px;color:#e74c3c;margin-bottom:5px;padding:10px}.upload-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s ease;width:100%}.upload-btn:hover:not(:disabled){background:#2980b9}.upload-btn:disabled{background:#bdc3c7;cursor:not-allowed}.extracted-text-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.extracted-text-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.text-extraction-info{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.extraction-stats{display:flex;gap:20px}.stat-item{color:#495057;font-size:.9rem}.stat-item strong{color:#2c3e50}.extraction-actions{display:flex;gap:10px}.copy-text-btn,.download-text-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 16px;transition:background .3s ease}.copy-text-btn:hover{background:#5a6268}.download-text-btn{background:#28a745}.download-text-btn:hover{background:#218838}.text-preview{border:1px solid #ddd;border-radius:8px;overflow:hidden}.text-preview-header{align-items:center;background:#e9ecef;border-bottom:1px solid #ddd;color:#495057;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 15px}.text-preview-info{color:#6c757d;font-style:italic}.extracted-textarea,.text-preview textarea{background:#f8f9fa;border:none;border-radius:0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;min-height:300px;padding:15px;resize:vertical;width:100%}.extracted-textarea:focus{background:#fff;outline:none}.chatgpt-prompt-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.chatgpt-prompt-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.prompt-preview textarea{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;margin-bottom:15px;padding:15px;resize:vertical;width:100%}.chatgpt-btn{background:#10a37f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s ease}.chatgpt-btn:hover:not(:disabled){background:#0d8a6f}.chatgpt-btn:disabled{background:#bdc3c7;cursor:not-allowed}.chatgpt-response-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.chatgpt-response-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.response-preview textarea{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;padding:15px;resize:vertical;width:100%}.repair-items-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.repair-items-section h2{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.repair-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.repair-item-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.repair-item-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.item-header{align-items:center;border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.item-category{color:#2c3e50;font-size:1.1rem;font-weight:700}.priority-badge{font-size:.8rem;font-weight:700;padding:4px 8px}.priority-high{background:#ffebee;color:#c62828}.priority-medium{background:#fff3e0;color:#ef6c00}.priority-low{background:#e8f5e8;color:#2e7d32}.item-content{display:flex;flex-direction:column;gap:8px}.item-field{line-height:1.4}.item-field strong{color:#2c3e50}.error-section{background:#fdf2f2;border:1px solid #fecaca;border-radius:8px;margin-top:20px;padding:15px}.error-section .error-message{color:#dc2626;font-weight:500}@media (max-width:768px){.picra-upload-container{padding:15px}.picra-upload-header h1{font-size:2rem}.ocr-info{flex-direction:column;gap:8px}.chatgpt-prompt-section,.chatgpt-response-section,.extracted-text-section,.repair-items-section,.upload-section{padding:20px}.repair-items-grid{grid-template-columns:1fr}.file-upload-label{padding:30px 20px}.upload-icon{font-size:2.5rem}}@media (max-width:480px){.picra-upload-header h1{font-size:1.8rem}.chatgpt-prompt-section h2,.chatgpt-response-section h2,.extracted-text-section h2,.repair-items-section h2,.upload-section h2{font-size:1.3rem}.file-selected{flex-direction:column;gap:10px;text-align:center}}.image-dropzone-container{width:100%}.dropzone-area{background:#fff;border:2px dashed #ccc;border-radius:8px;cursor:pointer;margin-bottom:20px;padding:40px 20px;text-align:center;transition:all .3s ease}.dropzone-area:not(.disabled):hover{background:#f8f9fa;border-color:#08a171}.dropzone-area.dragging{background:#e8f5e9;border-color:#08a171;border-style:solid}.dropzone-area.disabled{background:#f5f5f5;cursor:not-allowed;opacity:.5}.dropzone-content{pointer-events:none}.dropzone-icon{display:block;font-size:48px;margin-bottom:16px;opacity:.6}.dropzone-text{color:#333;font-size:16px;margin:0 0 8px}.dropzone-text strong{color:#08a171;font-weight:600}.dropzone-hint{color:#666;font-size:13px;margin:0}.images-gallery{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.gallery-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.gallery-header span:first-child{color:#333;font-size:14px;font-weight:600}.drag-hint{color:#666;font-size:12px;font-style:italic}.gallery-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.gallery-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:move;overflow:hidden;position:relative;transition:all .2s}.gallery-item:hover{border-color:#08a171;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.gallery-item.dragging{opacity:.5;transform:scale(.95)}.image-number{align-items:center;background:#08a171e6;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;left:8px;position:absolute;top:8px;width:28px;z-index:2}.gallery-image{display:block;height:180px;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.gallery-item:hover .image-overlay{opacity:1}.btn-remove{background:#dc3545e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s}.btn-remove:hover{background:#dc3545;transform:scale(1.05)}.image-info{align-items:center;background:#fff;display:flex;gap:8px;justify-content:space-between;padding:8px}.image-name{color:#333;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#666;font-size:11px;white-space:nowrap}@media (max-width:768px){.gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-image{height:140px}.dropzone-area{padding:30px 16px}.dropzone-icon{font-size:36px}.dropzone-text{font-size:14px}}@media (max-width:480px){.gallery-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.gallery-image{height:120px}.drag-hint{display:none}}.inspection-report-input{margin:0 auto;max-width:1400px;padding:20px}.report-header{align-items:flex-start;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px}.header-content h1{color:#1a1a1a;font-size:28px;margin:0 0 12px}.contract-info{display:flex;flex-wrap:wrap;gap:24px}.contract-info p{color:#666;font-size:14px;margin:0}.contract-info strong{color:#333}.amendments-badge{background:#e8f5e9;border-radius:16px;color:#2e7d32;font-size:13px!important;font-weight:500;padding:4px 12px}.section-description{color:#666;font-size:14px;margin-bottom:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#08a171;box-shadow:0 0 0 3px #08a1711a;outline:none}.form-textarea{min-height:80px;resize:vertical}.section-header-with-badge{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.section-header-with-badge h2{margin:0 0 8px}.preload-badge{background:#e8f5e9;border:2px solid #4caf50;border-radius:20px;box-shadow:0 2px 4px #4caf5033;color:#2e7d32;font-size:13px;font-weight:600;padding:8px 16px;white-space:nowrap}.no-items-message{background:#fff3cd;border:2px dashed #ffc107;border-radius:8px;color:#856404;padding:40px;text-align:center}.line-items-container{display:flex;flex-direction:column;gap:24px}.line-item-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.line-item-card:hover{box-shadow:0 4px 8px #0000001a}.line-item-header{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;gap:16px;padding:16px}.line-item-number{align-items:center;background:#08a171;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.line-item-description{flex:1 1}.line-item-description h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.line-item-meta{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.line-item-meta span{align-items:center;display:inline-flex}.amendment-badge{background:#fff3cd;border-radius:4px;color:#856404;font-size:12px;font-weight:500;padding:2px 8px}.line-item-content{background:#fafafa;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:20px;padding:24px}.status-group{max-width:300px}.comments-group,.photo-group{width:100%}.label-with-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.btn-add-comment,.btn-add-photo{align-items:center;background:#08a171;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:all .2s}.btn-add-comment:hover,.btn-add-photo:hover{background:#069158;box-shadow:0 2px 6px #08a1714d;transform:translateY(-1px)}.btn-add-comment:active,.btn-add-photo:active{transform:translateY(0)}.char-count{color:#999;font-size:12px;margin-top:4px;text-align:right}.field-hint{color:#666;font-size:13px;font-style:italic;margin:4px 0 8px}.photo-group.full-width{max-width:100%;width:100%}.image-upload-area{border:2px dashed #ddd;border-radius:6px;cursor:pointer;padding:20px;text-align:center;transition:border-color .2s}.image-upload-area:hover{background:#f8f9fa;border-color:#08a171}.file-input{display:none}.file-label{color:#08a171;cursor:pointer;display:block;font-size:14px;font-weight:500}.image-preview-container{background:#fff;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative}.image-preview{background:#f8f9fa;display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.image-actions{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:12px}.image-upload-placeholder{background:#fff;border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;transition:all .2s}.image-upload-placeholder:hover{background:#f8f9fa;border-color:#08a171}.upload-prompt{align-items:center;display:flex;flex-direction:column;gap:12px}.upload-icon{font-size:48px;opacity:.5}.upload-prompt p{color:#666;font-size:14px;margin:0}.btn-outline{background:#0000;border:2px solid #08a171;border-radius:6px;color:#08a171;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.btn-outline:hover{background:#08a171;color:#fff}.line-item-completion{background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:12px 24px}.completion-badge{align-items:center;border-radius:16px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.completion-badge.complete{background:#d4edda;border:1px solid #4caf50;color:#155724}.completion-badge.partial{background:#fff3cd;border:1px solid #ffc107;color:#856404}.completion-badge.pending{background:#e2e3e5;border:1px solid #6c757d;color:#383d41}.report-footer{align-items:center;background:#fff;border-radius:8px;bottom:20px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;z-index:10}.footer-actions{display:flex;gap:12px}.btn-sm{font-size:12px;padding:6px 12px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:20px;padding:12px 16px}.loading{color:#666;font-size:16px;padding:40px;text-align:center}@media (max-width:1024px){.section-header-with-badge{flex-direction:column}.preload-badge{align-self:flex-start}}@media (max-width:768px){.inspection-report-input{padding:12px}.report-header{flex-direction:column}.header-actions{width:100%}.header-actions .btn{flex:1 1}.form-grid{grid-template-columns:1fr}.contract-info{gap:8px}.contract-info,.section-header-with-badge{flex-direction:column}.preload-badge{align-self:stretch;text-align:center}.label-with-button{align-items:flex-start;flex-direction:column;gap:8px}.btn-add-comment,.btn-add-photo{justify-content:center;width:100%}.status-group{max-width:100%}.image-actions{flex-direction:column}.image-actions .btn{width:100%}.line-item-completion{justify-content:center}.report-footer{flex-direction:column;gap:12px}.footer-actions{width:100%}.footer-actions .btn{flex:1 1}}.client-report-view{margin:0 auto;max-width:1200px;padding:20px}.report-view-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.header-top{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.btn-back{background:#0000;border:none;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:color .2s}.btn-back:hover{color:#495057}.header-actions{display:flex;gap:12px}.header-main .title-section h1{color:#1a1a1a;font-size:28px;margin:0 0 12px}.report-meta{align-items:center;display:flex;gap:16px}.report-number{color:#666;font-size:14px;font-weight:500}.status-badge{border-radius:16px;font-size:12px;font-weight:500;padding:4px 12px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:24px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:14px}.progress-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.progress-header h3{color:#1a1a1a;font-size:18px;margin:0}.progress-header .percentage{color:#08a171;font-size:24px;font-weight:700}.progress-bar{background:#e9ecef;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#08a171,#069158);height:100%;transition:width .3s ease}.progress-stats{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.report-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:24px}.report-section h2{border-bottom:2px solid #08a171;color:#1a1a1a;font-size:20px;margin:0 0 16px;padding-bottom:8px}.text-content{color:#333;line-height:1.6;white-space:pre-wrap}.line-items-list{display:flex;flex-direction:column;gap:20px}.line-item-view-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .2s}.line-item-view-card:hover{box-shadow:0 4px 8px #0000001a}.item-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.item-number{align-items:center;background:#08a171;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.item-title{flex:1 1}.item-title h3{color:#1a1a1a;font-size:16px;margin:0 0 8px}.item-details{color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.amendment-tag{background:#fff3cd;border-radius:4px;color:#856404;font-size:12px;padding:2px 8px}.item-status{border-radius:16px;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.item-notes{background:#f8f9fa;border-radius:6px;margin-bottom:12px;padding:12px}.item-notes strong{color:#495057;display:block;font-size:13px;margin-bottom:6px}.item-notes p{color:#333;font-size:14px;line-height:1.5;margin:0}.item-images{margin-top:16px}.images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.item-image{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;position:relative}.image-number-badge{align-items:center;background:#08a171f2;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;left:12px;position:absolute;top:12px;width:32px;z-index:2}.item-image img{display:block;height:280px;object-fit:cover;width:100%}.image-caption{background:#fff;border-top:1px solid #e0e0e0;color:#666;font-size:13px;font-style:italic;margin:0;padding:12px;text-align:center}.item-images>.item-image{max-width:600px}.item-images>.item-image img{height:auto;max-height:500px}.materials-list{list-style:none;margin:0;padding:0}.materials-list li{border-bottom:1px solid #e9ecef;padding:12px}.materials-list li:last-child{border-bottom:none}.materials-list li strong{color:#1a1a1a;font-size:14px}.materials-list li p{color:#666;font-size:13px;margin:4px 0 0}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{background:#f8f9fa;border-left:4px solid #08a171;border-radius:6px;padding:16px}.rec-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px}.priority-badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.priority-critical{background:#f8d7da;color:#721c24}.priority-high{background:#fff3cd;color:#856404}.priority-medium{background:#cce5ff;color:#004085}.priority-low{background:#d4edda;color:#155724}.rec-header p{color:#333;font-size:14px;line-height:1.5;margin:0}.rec-cost{color:#08a171;display:block;font-size:14px;font-weight:600}.report-footer-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:32px;padding:20px 24px}.footer-item{display:flex;flex-direction:column;gap:4px}.footer-item label{color:#6c757d;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.footer-item span{color:#333;font-size:13px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#08a171;color:#fff}.btn-primary:hover:not(:disabled){background:#069158;box-shadow:0 2px 8px #08a1714d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-success{background:#28a745;border:1px solid #28a745;color:#fff}.btn-success:hover:not(:disabled){background:#218838;border-color:#1e7e34;box-shadow:0 2px 8px #28a7454d}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d}.error-container,.loading-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#08a171;height:40px;width:40px}.error-container p,.loading-container p{color:#666;margin:16px 0 0}.error-container h2{color:#dc3545;margin:0 0 12px}@media (max-width:768px){.client-report-view{padding:12px}.progress-section,.report-footer-info,.report-section,.report-view-header{padding:16px}.header-top{align-items:stretch;flex-direction:column;gap:12px}.header-actions{width:100%}.header-actions .btn{flex:1 1}.info-grid{grid-template-columns:1fr}.item-header{flex-wrap:wrap}.item-status{margin-bottom:12px;order:-1;text-align:center;width:100%}.progress-stats{flex-direction:column;gap:8px}.report-footer-info{flex-direction:column;gap:16px}.images-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.item-image img{height:220px}.image-number-badge{font-size:13px;height:28px;width:28px}}.properties-container{margin:0 auto;max-width:1400px;padding:var(--spacing-lg)}.properties-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.properties-title-section{flex:1 1}.properties-title{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.properties-subtitle{color:var(--text-secondary);font-size:1rem}.refresh-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.refresh-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-icon{font-size:1.2rem}.properties-content{background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg)}.properties-count{align-items:center;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.count-badge{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--text-light);display:inline-flex;font-size:1.1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:var(--spacing-xs)}.properties-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.property-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-normal)}.property-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.property-image-container{background-color:var(--bg-light);height:220px;overflow:hidden;position:relative;width:100%}.property-image{height:100%;object-fit:cover;transition:transform var(--transition-normal);width:100%}.property-card:hover .property-image{transform:scale(1.05)}.property-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:4rem;opacity:.5}.property-content{display:flex;flex:1 1;flex-direction:column;padding:var(--spacing-lg)}.property-address{color:var(--text-primary);font-size:1.2rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.property-location{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-md)}.property-price{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.property-details{border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.property-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs)}.detail-icon{font-size:1.1rem}.view-listing-btn{align-items:center;background-color:var(--primary-color);border-radius:var(--radius-md);color:var(--text-light);display:inline-flex;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:auto;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal)}.view-listing-btn:hover{background-color:var(--primary-hover);transform:translateX(4px)}.btn-arrow{transition:transform var(--transition-normal)}.view-listing-btn:hover .btn-arrow{transform:translateX(4px)}.empty-state{padding:var(--spacing-2xl);text-align:center}.empty-state-content{margin:0 auto;max-width:500px}.empty-state-icon{display:block;font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state-content h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:var(--spacing-md)}.empty-state-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.refresh-empty-btn{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;font-weight:600;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.refresh-empty-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-2xl)}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin-bottom:var(--spacing-md);width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{background-color:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.error-message{color:var(--error-color);font-weight:500;margin:0}@media (max-width:768px){.properties-container{padding:var(--spacing-md)}.properties-header{align-items:stretch;flex-direction:column}.properties-title{font-size:1.5rem}.refresh-btn{justify-content:center;width:100%}.properties-grid{grid-template-columns:1fr}.property-card{margin-bottom:var(--spacing-md)}.property-details{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.properties-container{padding:var(--spacing-sm)}.properties-content,.property-content{padding:var(--spacing-md)}.property-price{font-size:1.3rem}.property-address{font-size:1.1rem}.empty-state{padding:var(--spacing-lg)}.empty-state-icon{font-size:3rem}}
/*# sourceMappingURL=main.c32c4302.css.map*/