:root{color-scheme:light;--background: #f6f4f1;--surface: rgba(255, 255, 255, .9);--surface-strong: rgba(255, 255, 255, .96);--accent: #8c7ae6;--accent-soft: rgba(140, 122, 230, .16);--accent-strong: #6c5ce7;--text-primary: #2b2738;--text-secondary: #5e5873;--text-muted: #8e8aa0;--success: #6abf9e;--warning: #f5a524;--danger: #eb6f92;--radius-large: 28px;--radius-medium: 20px;--radius-small: 14px;--shadow-soft: 0 18px 38px -18px rgba(61, 56, 82, .3);--shadow-subtle: 0 12px 24px -16px rgba(50, 44, 64, .25);--font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(255,255,255,.85),transparent 55%),radial-gradient(circle at bottom right,rgba(192,210,255,.35),transparent 55%),var(--background);color:var(--text-primary);min-height:100%}body{display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;margin:0;color:var(--text-primary)}p{margin:0}button{font-family:inherit;border:none;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#6c5ce759;border-radius:999px}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);border-radius:var(--radius-large);border:1px solid rgba(255,255,255,.5)}.floating-action{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;border-radius:999px;padding:.85rem 1.6rem;font-weight:600;letter-spacing:.03em;display:inline-flex;align-items:center;gap:.6rem;box-shadow:0 18px 32px -18px #6c5ce7cc;transition:transform .25s ease,box-shadow .25s ease}.floating-action:hover{transform:translateY(-3px);box-shadow:0 24px 40px -18px #6c5ce7e6}.login-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden}.login-screen:before,.login-screen:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.login-screen:before{width:420px;height:420px;background:#8c7ae647;top:-120px;right:-160px}.login-screen:after{width:520px;height:520px;background:#6abf9e3d;bottom:-200px;left:-120px}.login-card{position:relative;z-index:1;width:min(420px,100%);padding:2.4rem 2.6rem;display:flex;flex-direction:column;gap:1.5rem;background:#ffffffeb}.login-card__header{text-align:center;display:flex;flex-direction:column;gap:.35rem}.login-card__header h1{font-size:2rem;letter-spacing:.02em}.login-card__header p{color:var(--text-muted);letter-spacing:.03em}.login-card__label{font-size:.95rem;font-weight:600;color:var(--text-secondary)}.login-card__input{height:48px;border-radius:var(--radius-small);border:1px solid rgba(140,122,230,.26);padding:0 1rem;background:#ffffffeb;color:var(--text-primary);font-size:1rem;transition:border .2s ease,box-shadow .2s ease}.login-card__input:focus{outline:none;border-color:#6c5ce7cc;box-shadow:0 0 0 4px #8c7ae629}.login-pad{padding:1.6rem;background:#ffffffc7;display:flex;flex-direction:column;gap:1.2rem}.login-pad__display{display:flex;justify-content:center;gap:1rem}.login-pad__dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(108,92,231,.3);background:transparent}.login-pad__dot--filled{background:linear-gradient(135deg,var(--accent-strong),var(--accent));border-color:transparent;box-shadow:0 12px 20px -12px #6c5ce7e6}.login-pad__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.login-pad__button{border-radius:var(--radius-small);background:#8c7ae61f;color:var(--text-primary);height:68px;font-size:1.25rem;font-weight:600;letter-spacing:.03em;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.login-pad__button:hover:not(:disabled){background:#6c5ce72e;box-shadow:0 14px 20px -16px #6c5ce7cc}.login-pad__button:disabled{opacity:.45;cursor:not-allowed}.login-pad__button--clear{background:#eb6f921f;color:var(--danger);font-size:1rem;letter-spacing:.05em}.login-pad__button--back{font-size:1.4rem}.login-card__helper{text-align:center;font-size:.95rem;color:var(--text-muted);min-height:1.5rem}.login-card__helper--error{color:var(--danger)}.login-card__logout{align-self:center;background:transparent;color:var(--text-muted);font-weight:600;letter-spacing:.05em;padding:.5rem 1rem}.login-card--loading{align-items:center;justify-content:center;min-height:320px}@media (max-width: 520px){.login-card{padding:2rem 1.8rem}.login-pad{padding:1.2rem}.login-pad__button{height:60px}}