:root{--color-bg-main: #f6f5f7;--color-bg-panel: #fff;--color-bg-input: #f3e8ff;--color-bg-input-focus: #ede7f6;--color-bg-button: #a5d8ff;--color-bg-button-hover: #b2f2ff;--color-text-main: #5c5470;--color-text-title: #7b8fa1;--color-text-button: #3b4252;--color-text-footer: #a0aec0;--shadow-panel: 0 6px 32px rgba(120, 144, 156, .12);--shadow-input: 0 1px 4px rgba(120, 144, 156, .06);--shadow-input-focus: 0 2px 8px rgba(120, 144, 156, .13);--shadow-logo: 0 2px 8px rgba(120, 144, 156, .1);--radius-panel: 18px;--radius-input: 8px;--radius-button: 8px}body{background:var(--color-bg-main);font-family:Segoe UI,Arial,sans-serif;min-height:100vh;margin:0;display:flex;align-items:center;justify-content:center}.login-panel{background:var(--color-bg-panel);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);padding:2.5rem 2rem;width:340px;display:flex;flex-direction:column;gap:1.5rem}.login-panel h2{color:var(--color-text-title);font-weight:600;margin:0 0 1rem;text-align:center;letter-spacing:1px}.login-panel .login-button{background:var(--color-bg-button);color:var(--color-text-button);border:none;border-radius:var(--radius-button);padding:.9rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.5rem}.login-panel .login-button:hover{background:var(--color-bg-button-hover)}.login-panel .login-footer{text-align:center;font-size:.95rem;color:var(--color-text-footer);margin-top:1rem}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-main)}.login-logo-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:2rem}.login-logo{height:70px;width:auto;object-fit:contain;filter:drop-shadow(var(--shadow-logo))}#root{padding:1rem;width:100%}