html,body{margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#0f0f0f;color:#ffffffde}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:#fff}a{font-weight:500;color:#fffc;text-decoration:inherit;transition:color .3s ease}a:hover{color:#ff6b35}button{font-family:inherit;font-size:1em;cursor:pointer;transition:all .3s ease}button:focus,button:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f0f0f;border-radius:5px}::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:5px;border:2px solid #0f0f0f}::-webkit-scrollbar-thumb:hover{background:#ff6b3580}::selection{background-color:#ff6b354d;color:#fff}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#151515);padding:2rem}.auth-card{background:linear-gradient(135deg,#151515,#1a1a1a);border:1px solid rgba(255,255,255,.08);border-left:3px solid rgba(255,107,53,.3);border-radius:12px;padding:3rem;width:100%;max-width:550px;box-shadow:0 8px 32px #0006,0 4px 8px #0003}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.auth-header p{color:#fff9;font-size:.95rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-weight:500;font-size:.95rem}.form-group input{background-color:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.875rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-group input.error{border-color:#f44}.form-group input::placeholder{color:#fff6}.error-message{color:#f44;font-size:.85rem;margin-top:-.25rem}.btn-primary{background-color:#ff6b35;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.btn-primary:hover:not(:disabled){background-color:#ff8555;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:2rem;text-align:center}.auth-footer p{color:#ffffffb3;font-size:.9rem;margin:.5rem 0}.auth-link{color:#ff6b35;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-link:hover{color:#ff8555;text-decoration:underline}.auth-note{margin-top:1rem!important;padding:.75rem;background-color:#ff6b351a;border-left:3px solid #ff6b35;border-radius:4px;font-size:.85rem!important;color:#fffc!important}.auth-note i{margin-right:.5rem;color:#ff6b35}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-select{background-color:#0f0f0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.875rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease;cursor:pointer}.form-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-select option{background-color:#151515;color:#fff}.required{color:#ff6b35;margin-left:.25rem}.register-card{max-width:700px}.success-message{text-align:center;padding:2rem 0}.success-message i{font-size:3rem;color:#4caf50;margin-bottom:1rem}.success-message p{color:#ffffffe6;font-size:1rem;margin:.5rem 0}.success-note{color:#ffffffb3!important;font-size:.9rem!important;margin-top:1rem!important}@media(min-width:1200px){.auth-card{max-width:650px;padding:3.5rem}.register-card{max-width:800px}.auth-header h1{font-size:2.5rem}.auth-header h2{font-size:1.75rem}.form-group input{padding:1rem 1.25rem;font-size:1.05rem}.btn-primary{padding:1rem 2rem;font-size:1.05rem}}@media(min-width:1600px){.auth-card{max-width:750px;padding:4rem}.register-card{max-width:900px}.auth-header h1{font-size:2.75rem}.auth-header h2{font-size:2rem}}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem;max-width:100%}.auth-header h1{font-size:1.75rem}.auth-header h2{font-size:1.25rem}.form-row{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #ff6b35;--primary-hover: #ff8555;--primary-dark: #e55a2b;--success: #22c55e;--success-hover: #16a34a;--warning: #eab308;--warning-hover: #ca8a04;--danger: #ef4444;--danger-hover: #dc2626;--info: #3b82f6;--info-hover: #2563eb;--purple: #a855f7;--purple-hover: #9333ea;--bg-primary: #0f0f0f;--bg-secondary: #151515;--bg-tertiary: #1a1a1a;--bg-card: #151515;--bg-card-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--border-color-hover: rgba(255, 255, 255, .2);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 16px rgba(255, 107, 53, .2);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family: "Inter", "Roboto", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.header{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;padding:16px 0;transition:all .3s ease;z-index:997;box-shadow:var(--shadow-md);border-bottom:1px solid var(--border-color)}.header .logo h1{font-size:28px;margin:0;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.header .logo span{color:var(--primary);font-size:28px;font-weight:700}.navmenu{position:absolute;left:50%;transform:translate(-50%)}@media(max-width:1199px){.navmenu{position:static;left:auto;transform:none}}.navmenu ul{margin:0;padding:0;display:flex;list-style:none;align-items:center;gap:4px}.navmenu li{position:relative}.navmenu a{color:var(--text-secondary);padding:12px 20px;font-size:14px;font-weight:500;display:flex;align-items:center;white-space:nowrap;transition:all .3s ease;text-decoration:none;border-radius:var(--border-radius-sm);position:relative}.navmenu a:hover{color:var(--primary);background-color:#ff6b351a}.navmenu a.active{color:var(--primary);background-color:#ff6b3526}.navmenu a.active:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.mobile-nav-toggle{color:var(--text-secondary);font-size:28px;cursor:pointer;transition:color .3s ease;padding:8px;border-radius:var(--border-radius-sm)}.mobile-nav-toggle:hover{color:var(--primary);background-color:#ff6b351a}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:all .3s ease;overflow:hidden}.card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius-sm);border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap;line-height:1.5}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--text-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-hover) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b354d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-color-hover);transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--success-hover) 100%);color:var(--text-primary)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #22c55e4d}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,var(--danger-hover) 100%);color:var(--text-primary)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ef44444d}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--text-primary);transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:var(--font-size-sm)}.btn-lg{padding:16px 32px;font-size:var(--font-size-lg)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-get-started{font-weight:600;font-size:16px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:8px;padding:14px 32px;transition:all .3s ease;border-radius:var(--border-radius-sm);color:var(--text-primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border:none;text-decoration:none;box-shadow:var(--shadow-primary)}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.form-control,.form-select,.form-control:focus,.form-select:focus{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:12px 16px;color:var(--text-primary);font-size:var(--font-size-base);transition:all .3s ease;width:100%}.form-control:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a;background-color:var(--bg-tertiary)}.form-control::placeholder{color:var(--text-muted)}.form-control:disabled{opacity:.5;cursor:not-allowed}.form-label{color:var(--text-secondary);font-weight:500;font-size:var(--font-size-sm);margin-bottom:8px;display:block}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-select option{background-color:var(--bg-secondary);color:var(--text-primary)}textarea.form-control{min-height:120px;resize:vertical}.form-check{display:flex;align-items:center;gap:8px;margin-bottom:var(--spacing-sm)}.form-check-input{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.form-check-label{color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;margin:0}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.form-switch .form-check-input{width:48px;height:24px;background-color:var(--bg-tertiary);border:1px solid var(--border-color)}.form-switch .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.invalid-feedback{display:block;color:var(--danger);font-size:var(--font-size-xs);margin-top:4px}.is-invalid{border-color:var(--danger)!important}.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a!important}.alert{padding:16px 20px;border-radius:var(--border-radius-sm);border:1px solid;margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:12px}.alert-success{background-color:#22c55e1a;border-color:#22c55e4d;color:var(--success)}.alert-warning{background-color:#eab3081a;border-color:#eab3084d;color:var(--warning)}.alert-danger{background-color:#ef44441a;border-color:#ef44444d;color:var(--danger)}.alert-info{background-color:#3b82f61a;border-color:#3b82f64d;color:var(--info)}.badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:20px;white-space:nowrap}.badge-primary{background-color:#ff6b3533;color:var(--primary)}.badge-success{background-color:#22c55e33;color:var(--success)}.badge-warning{background-color:#eab30833;color:var(--warning)}.badge-danger{background-color:#ef444433;color:var(--danger)}.badge-info{background-color:#3b82f633;color:var(--info)}.table{background-color:transparent!important;width:100%;border-collapse:separate;border-spacing:0}.table thead th{background-color:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;border-bottom:2px solid var(--border-color);padding:16px;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.table tbody tr{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;transition:all .2s ease}.table tbody tr:nth-child(2n){background-color:var(--bg-secondary)!important}.table tbody tr:hover{background-color:#ff6b3514!important;transform:scale(1.01)}.table tbody td{background-color:inherit!important;color:var(--text-primary)!important;border-color:var(--border-color)!important;padding:16px;vertical-align:middle}.table-hover tbody tr:hover td{background-color:inherit!important}.dashboard-stat-card{transition:all .3s ease}.dashboard-stat-card:hover{transform:translateY(-4px)}.section{padding:60px 0}.section-title{margin-bottom:var(--spacing-xl)}.section-title h2{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:8px;color:var(--text-primary)}.section-title p{color:var(--text-tertiary);font-size:var(--font-size-lg)}.dark-background{background-color:var(--bg-primary);color:var(--text-primary)}.service-item{background-color:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--border-radius);height:100%;border:1px solid var(--border-color);transition:all .3s ease}.service-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.spinner-border{width:3rem;height:3rem;border-width:.25em;border-color:var(--primary) transparent var(--primary) transparent}@media(max-width:1199px){.navmenu ul{display:none;list-style:none;position:fixed;inset:70px 20px 20px;padding:20px 0;margin:0;border-radius:var(--border-radius);background-color:var(--bg-card);overflow-y:auto;transition:.3s;z-index:9998;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.navmenu.mobile-nav-active ul{display:block}.navmenu a{color:var(--text-secondary);padding:14px 24px;font-size:16px;font-weight:500;border-radius:var(--border-radius-sm);margin:4px 16px}.navmenu a:hover,.navmenu a.active{color:var(--primary);background-color:#ff6b351a}.mobile-nav-active{overflow:hidden}.mobile-nav-toggle{display:block!important;color:var(--text-primary);font-size:28px;z-index:9999}.mobile-nav-active .mobile-nav-toggle{color:var(--text-primary);font-size:32px}.mobile-nav-active .navmenu{position:fixed;overflow:hidden;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s;z-index:9998}}.footer{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;font-size:var(--font-size-sm);position:relative;border-top:1px solid var(--border-color)}.footer-top{padding-top:50px;border-top:1px solid var(--border-color)}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:10px}.footer-links ul li a{color:var(--text-tertiary);text-decoration:none;transition:all .3s ease}.footer-links ul li a:hover{color:var(--primary);padding-left:4px}@media(max-width:768px){.section{padding:40px 0}.section-title h2{font-size:var(--font-size-2xl)}.card-body{padding:var(--spacing-md)}.btn{width:100%;justify-content:center}.dashboard-stat-card{margin-bottom:1rem}}.tabs{display:flex;gap:8px;border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-lg)}.tab-button{background-color:transparent;color:var(--text-secondary);border:none;border-bottom:3px solid transparent;padding:12px 24px;font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;margin-bottom:-2px}.tab-button:hover{color:var(--primary);background-color:#ff6b350d}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);background-color:#ff6b351a}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--border-color)}.pagination-info{color:var(--text-tertiary);font-size:var(--font-size-sm)}.pagination-buttons{display:flex;gap:var(--spacing-sm)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.empty-state-icon{font-size:4rem;color:var(--text-muted);margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-tertiary);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.loading-spinner{display:inline-block;width:3rem;height:3rem;border:4px solid var(--bg-tertiary);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-tertiary);margin-top:var(--spacing-md)}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-muted{color:var(--text-muted)!important}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-card{background-color:var(--bg-card)!important}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:20px;white-space:nowrap}.status-badge.pending{background-color:#eab30833;color:var(--warning);border:1px solid rgba(234,179,8,.4)}.status-badge.active{background-color:#22c55e33;color:var(--success);border:1px solid rgba(34,197,94,.4)}.status-badge.inactive{background-color:#ef444433;color:var(--danger);border:1px solid rgba(239,68,68,.4)}.status-badge.quoted{background-color:#3b82f633;color:var(--info);border:1px solid rgba(59,130,246,.4)}.status-badge.accepted{background-color:#22c55e33;color:var(--success);border:1px solid rgba(34,197,94,.4)}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:var(--primary);color:var(--text-primary)}