*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f5f8fc;color:#102a43}button,input{font:inherit}button{cursor:pointer}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#eef5ff,#fff)}.auth-card{width:min(440px,100%);background:#fff;border-radius:26px;padding:32px;box-shadow:0 20px 60px #102a4317}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#0b5ed7;color:#ffd34d}.brand b{display:block;font-size:20px}.brand small{display:block;color:#718096;margin-top:4px}.auth-card h1{margin:0 0 8px;font-size:30px}.muted{color:#718096;margin-top:0;margin-bottom:24px}label{display:block;font-weight:700;margin:14px 0}input{width:100%;padding:14px 15px;margin-top:8px;border:1px solid #d9e2ec;border-radius:12px;outline:none;background:#fbfdff}input:focus{border-color:#0b5ed7;box-shadow:0 0 0 3px #0b5ed71a}.primary{width:100%;border:0;border-radius:13px;padding:14px;background:#0b5ed7;color:#fff;font-weight:700;display:flex;gap:8px;justify-content:center;align-items:center;margin-top:20px}.primary:disabled{opacity:.6}.link{border:0;background:none;color:#0b5ed7;font-weight:700;margin-top:14px}.inline{margin:0}.switch{text-align:center;margin-top:22px;color:#718096}.notice{margin-top:16px;padding:12px;border-radius:10px;background:#fff7e6;color:#7a4e00;line-height:1.6}.demo-note{font-size:12px;color:#8a99a8;text-align:center;margin-top:22px;line-height:1.6}.loading{min-height:100vh;display:grid;place-items:center}.app-shell{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6edf5;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:5}.compact{margin:0}.compact .brand-icon{width:40px;height:40px}.compact b{font-size:17px}.logout{display:flex;gap:7px;align-items:center;border:0;background:#fff0f0;color:#c53030;padding:10px 14px;border-radius:10px;font-weight:700}.dashboard{max-width:1100px;margin:auto;padding:32px 20px 100px}.hero{background:linear-gradient(120deg,#0b5ed7,#124e96);color:#fff;border-radius:26px;padding:32px;display:flex;justify-content:space-between;align-items:center}.eyebrow{opacity:.8}.hero h1{font-size:34px;margin:7px 0}.hero p{opacity:.9}.hero-bulb{width:100px;height:100px;border-radius:30px;background:#ffffff18;display:grid;place-items:center;color:#ffd34d}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.feature{background:#fff;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 25px #102a4308}.feature svg{color:#0b5ed7}.feature span{font-size:13px;color:#718096}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 25px #102a4308}.card code{font-size:11px;word-break:break-all}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e6edf5;display:flex;justify-content:center;gap:45px;padding:10px;z-index:6}.bottom-nav span{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#718096}.bottom-nav svg{width:20px}.bottom-nav span:first-child{color:#0b5ed7}@media(max-width:700px){.auth-card{padding:24px}.topbar{padding:0 16px}.quick-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{gap:18px}.hero{padding:24px}.hero h1{font-size:27px}.hero-bulb{width:70px;height:70px}}