*{box-sizing:border-box}:root{color:#1f2937;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,Arial,sans-serif}html,body,#app{touch-action:pan-x pan-y;width:100%;height:100%;margin:0;overflow:hidden}.login-page,.home-page{justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow:auto}.toast{color:#fff;z-index:1000;background:#111827e0;border-radius:10px;margin:0;padding:12px 20px;font-size:15px;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.login-card{background:#fff;border-radius:32px;width:min(420px,100%);padding:32px 24px;box-shadow:0 12px 36px #0f172a05}.login-logo,.home-logo{width:72px;height:72px;margin:0 auto;display:block}.login-title,.home-page h1{text-align:center;color:#111827;margin:14px 0 8px;font-size:28px}.login-subtitle,.home-page p{text-align:center;color:#6b7280;margin:0 0 24px}.login-form{flex-direction:column;gap:10px;display:flex}.form-label{color:#4b5563;font-size:14px}.form-input{appearance:none;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:44px;padding:0 12px;font-size:16px;transition:border-color .2s}input,select,textarea{font-size:16px}.form-input:focus{border-color:#7c3aed}.error-text{color:#dc2626;margin:4px 0 0;font-size:13px}.login-btn,.logout-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border:0;border-radius:10px;width:100%;height:44px;margin-top:8px;font-size:15px}.login-btn:disabled{opacity:.7;cursor:not-allowed}.home-page{flex-direction:column}.logout-btn{max-width:280px}