:root{--color-primary: #f3d678;--color-primary-hover: #e5c55d;--color-primary-muted: rgba(243, 214, 120, .15);--bg-main: #0d0f14;--bg-surface: #161922;--bg-surface-elevated: #1e222d;--bg-input: #151821;--color-border: #262a37;--color-border-hover: #3b4256;--color-border-dashed: #3a4155;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dark: #0f172a;--color-error: #f87171;--bg-error: rgba(239, 68, 68, .12);--border-error: rgba(239, 68, 68, .3);--color-success: #4ade80;--container-width: 1200px;--font-main: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:var(--font-main)}a{text-decoration:none;color:inherit;transition:color .2s ease}ul{list-style:none}ng-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:1!important;overflow:visible!important;flex-shrink:0}ng-icon svg{display:block!important;overflow:visible!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:48px 20px;background-color:var(--bg-main)}.auth-card{width:100%;max-width:480px;background:var(--bg-surface);border-radius:var(--radius-lg);padding:44px 38px;border:1px solid var(--color-border)}.auth-header{margin-bottom:28px;text-align:center}.auth-logo-wrapper{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.auth-logo{height:48px;width:auto;object-fit:contain}.auth-header h2{font-size:24px;font-weight:700;color:var(--text-main);margin-bottom:8px;letter-spacing:-.02em}.auth-header p{font-size:14px;color:var(--text-muted);line-height:1.5}.alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-sm);font-size:14px;line-height:1.4;margin-bottom:24px}.alert-error{background-color:var(--bg-error);border:1px solid var(--border-error);color:var(--color-error)}.alert-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#cbd5e1}.form-group input{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-size:14px;font-family:var(--font-main);color:var(--text-main);background-color:var(--bg-input);transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);background-color:var(--bg-surface-elevated)}.form-group input.is-invalid{border-color:var(--color-error);background-color:#ef44440f}.error-text{font-size:13px;color:var(--color-error);font-weight:500}.submit-btn{width:100%;padding:14px;background-color:var(--color-primary);color:var(--text-dark);font-size:15px;font-weight:600;font-family:var(--font-main);border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .2s ease;margin-top:8px}.submit-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(15,23,42,.2);border-top-color:var(--text-dark);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--text-muted)}.auth-footer a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}