*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif;background:#f5f6f8;color:#222}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;border-radius:12px;padding:32px 36px;width:340px;box-shadow:0 4px 24px #00000014}.login-card h1{font-size:20px;margin:0 0 24px;text-align:center}.login-card label{display:block;margin-bottom:16px;font-size:13px;color:#555}.login-card input{width:100%;margin-top:6px;padding:9px 10px;border:1px solid #ccc;border-radius:8px;font-size:14px}.login-card button{width:100%;padding:10px;border:0;border-radius:8px;background:#185fa5;color:#fff;font-size:15px;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.error{color:#a32d2d;font-size:13px;margin:8px 0}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 24px;box-shadow:0 1px 4px #0000000f}.brand{font-weight:600}.page{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:24px}.card{background:#fff;border-radius:12px;padding:24px;max-width:720px}.grid{border-collapse:collapse;width:100%;font-size:13px;background:#fff}.grid th,.grid td{border-bottom:1px solid #eee;text-align:left}.grid th{color:#666;font-weight:500}