.layout{display:flex;min-height:100vh;background:#0a0a0b}.sidebar{width:220px;background:linear-gradient(180deg,#111113,#0d0d0e);border-right:1px solid #1a1a1d;display:flex;flex-direction:column;position:fixed;height:100vh}.sidebar-header{padding:24px 20px;border-bottom:1px solid #1a1a1d}.sidebar-header h1{font-family:Geist,SF Pro Display,-apple-system,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em;color:#fafafa;margin:0}.sidebar-nav{padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;color:#71717a;text-decoration:none;font-size:14px;font-weight:500;transition:all .15s ease}.nav-item:hover{background:#18181b;color:#a1a1aa}.nav-item.active{background:#18181b;color:#fafafa}.nav-icon{font-size:14px;width:20px;text-align:center}.main-content{flex:1;margin-left:220px;padding:32px 40px;min-height:100vh}.sidebar-footer{margin-top:auto;padding:16px 12px;border-top:1px solid #1a1a1d}.user-info{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:8px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar+.user-avatar-fallback{display:none}.user-avatar-fallback{width:32px;height:32px;border-radius:50%;background:#27272a;color:#a1a1aa;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.user-avatar-fallback.show{display:flex}.user-name{font-size:13px;color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.logout-btn{width:100%;padding:8px 12px;background:transparent;border:1px solid #27272a;border-radius:6px;color:#71717a;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.logout-btn:hover{background:#18181b;color:#a1a1aa;border-color:#3f3f46}.dashboard{max-width:1200px}.page-header{margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#111113;border:1px solid #1a1a1d;border-radius:12px;padding:24px}.stat-label{font-size:13px;font-weight:500;color:#71717a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-family:Geist Mono,SF Mono,monospace;font-size:36px;font-weight:600;color:#fafafa}.page{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-family:Geist,SF Pro Display,-apple-system,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.03em;color:#fafafa;margin:0}.btn-primary{background:#fafafa;color:#0a0a0b;border:none;padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:#e4e4e7}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger-small{background:transparent;color:#ef4444;border:1px solid #ef4444;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-danger-small:hover{background:#ef4444;color:#fff}.btn-danger-small:disabled{opacity:.5;cursor:not-allowed}.form-card{background:#111113;border:1px solid #1a1a1d;border-radius:12px;padding:24px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.form-field label{display:block;font-size:13px;font-weight:500;color:#a1a1aa;margin-bottom:6px}.form-field input,.form-field select{width:100%;background:#18181b;border:1px solid #27272a;border-radius:6px;padding:10px 12px;font-size:14px;color:#fafafa;transition:border-color .15s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:#52525b}.form-actions{display:flex;justify-content:flex-end}.table-container{background:#111113;border:1px solid #1a1a1d;border-radius:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:14px 16px;font-size:12px;font-weight:600;color:#71717a;text-transform:uppercase;letter-spacing:.05em;background:#0d0d0e;border-bottom:1px solid #1a1a1d}.data-table td{padding:14px 16px;font-size:14px;color:#a1a1aa;border-bottom:1px solid #1a1a1d}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#18181b}.cell-primary{color:#fafafa;font-weight:500}.empty-state{text-align:center;color:#52525b;padding:40px 16px!important}.loading-state,.error-state{text-align:center;color:#52525b;padding:60px 20px;background:#111113;border:1px solid #1a1a1d;border-radius:12px}.error-state{color:#ef4444}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-customer{background:#1e3a5f;color:#60a5fa}.badge-employee{background:#14532d;color:#4ade80}.badge-non-employee{background:#3f3f46;color:#a1a1aa}.badge-active{background:#14532d;color:#4ade80}.badge-inactive{background:#7f1d1d;color:#fca5a5}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:#0a0a0b}body{font-family:Geist,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fafafa;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:#71717a}.auth-loading .spinner{width:32px;height:32px;border:2px solid #27272a;border-top-color:#fafafa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}