html,body,#root{height:100%;margin:0;font-family:system-ui,sans-serif}.status{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.login{background:#f3f4f6;justify-content:center;align-items:center;height:100%;display:flex}.login__form{background:#fff;border-radius:8px;flex-direction:column;gap:12px;width:320px;padding:32px;display:flex;box-shadow:0 2px 8px #0000001a}.login__title{margin:0 0 8px;font-size:1.1rem}.login__label{color:#374151;flex-direction:column;gap:4px;font-size:.9rem;display:flex}.login__input{border:1px solid #d1d5db;border-radius:4px;padding:8px;font-size:1rem}.login__error{color:#b91c1c;margin:0;font-size:.85rem}.login__button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:4px;padding:10px;font-size:1rem}.login__button:disabled{opacity:.6;cursor:default}.dashboard__header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.dashboard__title{margin:0;font-size:1.1rem}.dashboard__user{color:#374151;align-items:center;gap:12px;font-size:.9rem;display:flex}.dashboard__sign-out{cursor:pointer;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 12px}.dashboard__main{padding:20px}