:root{--primary: #1a2634;--secondary: #2c3e50;--accent: #3498db;--success: #27ae60;--warning: #f39c12;--danger: #e74c3c;--light: #ecf0f1;--dark: #1a1a1a;--white: #ffffff;--border: #bdc3c7;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius: 4px;--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f6fa;color:var(--dark);line-height:1.6}.admin-app{min-height:100vh;display:flex;flex-direction:column}.admin-navbar{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--white);padding:var(--spacing-sm) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.nav-brand{font-size:1.5rem;font-weight:700;letter-spacing:1px}.nav-links{display:flex;gap:var(--spacing-xs)}.nav-links button{background:#ffffff1a;color:var(--white);border:1px solid rgba(255,255,255,.2);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:.95rem;font-weight:500}.nav-links button:hover{background-color:#fff3;border-color:#fff6;transform:translateY(-1px)}.admin-content{flex:1;padding:var(--spacing-xl);max-width:1600px;margin:0 auto;width:100%}.admin-login{max-width:450px;margin:4rem auto;padding:var(--spacing-xl);background-color:var(--white);border-radius:var(--border-radius);box-shadow:0 8px 16px #0000001a}.admin-login h1{margin-bottom:var(--spacing-lg);color:var(--primary);text-align:center;font-size:1.8rem;font-weight:700}.admin-login form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-login input{padding:var(--spacing-sm);border:2px solid var(--border);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.admin-login input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3498db1a}.admin-login button[type=submit]{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--accent) 0%,#2980b9 100%);color:var(--white);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.admin-login button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #3498db4d}.admin-login button[type=submit]:disabled{background:var(--border);cursor:not-allowed}.admin-dashboard h2{margin-bottom:var(--spacing-xl);color:var(--primary);font-size:2rem;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014;cursor:pointer;transition:var(--transition);text-align:center;border-top:4px solid transparent}.stat-card.pending{border-top-color:var(--warning)}.stat-card.active{border-top-color:var(--accent)}.stat-card.customers{border-top-color:var(--success)}.stat-card.messages{border-top-color:var(--danger)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.stat-card h3{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-xs);color:var(--primary)}.stat-card p{color:var(--secondary);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.quick-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.quick-actions button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--accent);color:var(--white);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.quick-actions button:hover{background-color:#2980b9;transform:translateY(-1px);box-shadow:0 4px 8px #3498db4d}.customers-view h2,.quotes-view h2,.jobs-view h2{margin-bottom:var(--spacing-lg);color:var(--primary);font-size:1.8rem;font-weight:700}.filter-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-buttons button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--white);color:var(--primary);border:2px solid var(--border);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500}.filter-buttons button:hover{border-color:var(--accent);color:var(--accent)}.data-table{width:100%;background-color:var(--white);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #00000014}.data-table thead{background-color:var(--primary);color:var(--white)}.data-table th{padding:var(--spacing-md);text-align:left;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.data-table td{padding:var(--spacing-md);border-top:1px solid var(--light);font-size:.95rem}.data-table tbody tr{transition:var(--transition)}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table td small{color:var(--secondary);font-size:.85rem}.data-table button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--accent);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-size:.85rem;font-weight:500;margin-right:var(--spacing-xs)}.data-table button:hover{background-color:#2980b9;transform:translateY(-1px)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background-color:#fff3cd;color:#856404}.status-approved,.status-completed,.status-shipped{background-color:#d4edda;color:#155724}.status-rejected,.status-cancelled{background-color:#f8d7da;color:#721c24}.status-queued,.status-in_progress{background-color:#cce5ff;color:#004085}.status-review{background-color:#e2e3e5;color:#383d41}.priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:uppercase}.priority-normal{background-color:#e2e3e5;color:#383d41}.priority-high{background-color:#fff3cd;color:#856404}.priority-urgent{background-color:#f8d7da;color:#721c24}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-content h3{margin-bottom:var(--spacing-lg);color:var(--primary);font-size:1.5rem;font-weight:700}.modal-content form{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-content label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-weight:600;color:var(--primary)}.modal-content input,.modal-content select,.modal-content textarea{padding:var(--spacing-sm);border:2px solid var(--border);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:var(--transition)}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3498db1a}.modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.modal-actions button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition)}.modal-actions button[type=submit]{background-color:var(--success);color:var(--white)}.modal-actions button[type=submit]:hover{background-color:#1e8449;transform:translateY(-1px)}.modal-actions button[type=button]{background-color:var(--border);color:var(--dark)}.modal-actions button[type=button]:hover{background-color:#95a5a6}.error{background-color:#f8d7da;color:var(--danger);padding:var(--spacing-md);border-radius:var(--border-radius);margin:var(--spacing-sm) 0;border-left:4px solid var(--danger);font-size:.95rem;font-weight:500}.loading{text-align:center;padding:var(--spacing-xl);color:var(--secondary);font-size:1.1rem}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{flex-wrap:wrap}.admin-content{padding:var(--spacing-sm)}.stats-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}.modal-content{width:95%;padding:var(--spacing-md)}}