:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--primary-bg: #eef2ff;--gradient-start: #6366f1;--gradient-mid: #8b5cf6;--gradient-end: #a855f7;--text-primary: #1e1b4b;--text-secondary: #64748b;--text-muted: #94a3b8;--bg-white: #ffffff;--bg-light: #f8fafc;--border: #e2e8f0;--border-focus: #6366f1;--error: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 35px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-light);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#6366f108,#a855f708)}.auth-card{display:flex;width:100%;max-width:960px;min-height:620px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);background:var(--bg-white)}.auth-branding{flex:0 0 400px;background:linear-gradient(160deg,var(--gradient-start) 0%,var(--gradient-mid) 50%,var(--gradient-end) 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0%,transparent 50%)}.auth-branding:after{content:"";position:absolute;bottom:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);border-radius:50%}.brand-content{position:relative;z-index:1}.brand-logo{margin-bottom:1.5rem}.brand-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.brand-subtitle{font-size:1rem;font-weight:300;opacity:.8;margin-bottom:2.5rem}.brand-features{display:flex;flex-direction:column;gap:1rem}.feature{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:400;opacity:.85}.feature svg{flex-shrink:0;width:16px;height:16px}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem}.form-content{width:100%;max-width:380px}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto 1rem}.loading-text{text-align:center;color:var(--text-secondary);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.tab-nav{display:flex;gap:.25rem;padding:4px;background:var(--bg-light);border-radius:var(--radius-md);margin-bottom:1.5rem}.tab-btn{flex:1;padding:.625rem 1rem;border:none;background:transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--bg-white);color:var(--text-primary);box-shadow:var(--shadow-sm)}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.8125rem;margin-bottom:1.25rem}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.alert-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1.25rem;background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-header{margin-bottom:1.5rem}.form-header h2{font-size:1.375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.form-header p{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.form-group{margin-bottom:1.125rem}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.875rem;color:var(--text-muted);pointer-events:none;transition:var(--transition)}.input-wrapper input{width:100%;padding:.6875rem .875rem .6875rem 2.75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;color:var(--text-primary);background:var(--bg-white);transition:var(--transition);outline:none}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:hover{border-color:#cbd5e1}.input-wrapper input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.input-wrapper:focus-within .input-icon{color:var(--primary)}.input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);width:100%;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;margin-top:.5rem;box-shadow:0 2px 8px #6366f140}.btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #6366f159;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #6366f140}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem;font-size:.8125rem}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-light)}.abort-form,.form-footer{margin-top:1rem;text-align:center}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.8125rem;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline;color:var(--primary-hover)}@media(max-width:768px){.auth-card{flex-direction:column;max-width:480px;min-height:auto}.auth-branding{flex:0 0 auto;padding:2rem}.brand-features{display:none}.brand-title{font-size:1.5rem}.brand-subtitle{margin-bottom:0}.auth-form-panel{padding:2rem}}@media(max-width:480px){.auth-container{padding:0;align-items:stretch}.auth-card{border-radius:0;min-height:100vh;box-shadow:none}}.social-login-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-white);color:var(--text-primary);font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);width:100%}.btn-social:hover{border-color:#cbd5e1;background:var(--bg-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-google:hover{border-color:#4285f4}.btn-microsoft:hover{border-color:#00a4ef}.social-divider{display:flex;align-items:center;margin-bottom:1.25rem;gap:.75rem}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-divider span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dash-layout{display:flex;min-height:100vh;background:var(--bg-light)}.dash-sidebar{width:260px;background:var(--bg-white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:10}.dash-sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.dash-logo{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:1rem;color:var(--text-primary)}.dash-nav{flex:1;padding:.75rem;overflow-y:auto}.dash-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:var(--transition);margin-bottom:2px}.dash-nav-item:hover{background:var(--bg-light);color:var(--text-primary)}.dash-nav-item.active{background:var(--primary-bg);color:var(--primary)}.dash-sidebar-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dash-user-info{display:flex;align-items:center;gap:.625rem;min-width:0}.dash-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--gradient-end) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.dash-user-details{display:flex;flex-direction:column;min-width:0}.dash-user-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-user-email{font-size:.6875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-logout-btn{background:none;border:none;padding:.375rem;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.dash-logout-btn:hover{color:var(--error);background:var(--error-bg)}.dash-main{flex:1;margin-left:260px;padding:2rem}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.dash-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}.dash-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;text-decoration:none;color:var(--text-primary);transition:var(--transition)}.dash-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-card-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.dash-card h3{font-size:1rem;font-weight:600;margin-bottom:.375rem}.dash-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.crud-page{max-width:1200px}.crud-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.crud-header h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.crud-add-btn{width:auto;padding:.5rem 1.25rem;font-size:.8125rem}.crud-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:-1rem;margin-bottom:1.5rem}.crud-loading{display:flex;justify-content:center;padding:3rem}.crud-table-wrap{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.crud-table{width:100%;border-collapse:collapse}.crud-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-light);border-bottom:1px solid var(--border)}.crud-table td{padding:.75rem 1rem;font-size:.8125rem;color:var(--text-primary);border-bottom:1px solid var(--border)}.crud-table tbody tr:last-child td{border-bottom:none}.crud-table tbody tr:hover{background:#6366f105}.crud-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem!important}.crud-actions{display:flex;gap:.375rem;min-height:1.75rem;align-items:center}.crud-action-btn{background:none;border:none;padding:.375rem;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.crud-action-btn:hover{background:var(--bg-light)}.crud-action-btn.view:hover{color:var(--primary)}.crud-action-btn.edit:hover{color:#f59e0b}.crud-action-btn.delete:hover{color:var(--error);background:var(--error-bg)}.crud-action-placeholder{display:inline-block;width:28px;height:28px;visibility:hidden}.crud-form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.crud-form-modal{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.crud-form{padding:1.5rem}.crud-form h2{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.crud-form .form-group{margin-bottom:1rem}.crud-form .form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-primary);margin-bottom:.375rem}.crud-form .form-group input,.crud-form .form-group select{width:100%;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;color:var(--text-primary);background:var(--bg-white);transition:var(--transition);outline:none}.crud-form .form-group input:focus,.crud-form .form-group select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #6366f11a}.crud-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.crud-form-actions .btn{width:auto;padding:.5rem 1.25rem}.crud-detail-section{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;margin-top:1.5rem}.crud-detail-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem}.crud-inline-form{display:flex;gap:.5rem;margin-bottom:1rem}.crud-inline-form select{flex:1;padding:.5rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.8125rem;color:var(--text-primary);background:var(--bg-white);outline:none}.crud-inline-form select:focus{border-color:var(--border-focus)}.crud-inline-btn{width:auto!important;padding:.5rem 1rem!important;font-size:.8125rem!important;margin-top:0!important}.crud-chips{display:flex;flex-wrap:wrap;gap:.5rem}.crud-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--primary-bg);color:var(--primary);border-radius:999px;font-size:.8125rem;font-weight:500}.crud-chip-remove{background:none;border:none;padding:0;font-size:1.125rem;line-height:1;cursor:pointer;color:var(--primary);opacity:.6;transition:var(--transition)}.crud-chip-remove:hover{opacity:1}.crud-empty-text{color:var(--text-muted);font-size:.8125rem}.crud-badge{display:inline-flex;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.crud-badge.success{background:#ecfdf5;color:#059669}.crud-badge.muted{background:var(--bg-light);color:var(--text-muted)}.crud-badge.info{background:#eff6ff;color:#2563eb}.dash-tenant-badge{display:inline-block;padding:.0625rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#6366f126;color:#818cf8}.form-hint{font-size:.75rem;color:var(--text-muted);font-weight:400}.app-checklist{display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.375rem}.app-checklist-empty{color:var(--text-muted);font-size:.8125rem;padding:.5rem}.app-checklist-item{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:6px;cursor:pointer;transition:background .15s ease;font-size:.8125rem}.app-checklist-item:hover{background:var(--bg-light)}.app-checklist-item input[type=checkbox]{width:16px;height:16px;flex-shrink:0;accent-color:var(--primary);cursor:pointer}.app-checklist-name{flex:1;color:var(--text-primary);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-checklist-id{color:var(--text-muted);font-size:.6875rem;font-family:SF Mono,Fira Code,monospace;flex-shrink:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-hamburger{display:none;position:fixed;top:.75rem;left:.75rem;z-index:30;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem;cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:var(--transition)}.dash-hamburger:hover{background:var(--bg-light)}.dash-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:15;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.dash-hamburger{display:flex;align-items:center;justify-content:center}.dash-overlay{display:block}.dash-sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:20}.dash-sidebar.open{transform:translate(0)}.dash-main{margin-left:0;padding:3.5rem 1rem 1rem}.crud-header{flex-wrap:wrap;gap:.75rem}.crud-header h1{font-size:1.25rem}.crud-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.crud-form-overlay{align-items:flex-end}.crud-form-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dash-cards{grid-template-columns:1fr}}