*{box-sizing:border-box}body{margin:0;background:#070b16;color:#e9eefc;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.side{width:220px;background:#0b1020;border-right:1px solid rgba(255,255,255,.08);padding:24px 18px;position:fixed;top:0;bottom:0;left:0}.logo{font-size:24px;font-weight:800;margin-bottom:28px;background:linear-gradient(90deg,#68e1fd,#8d7cff);-webkit-background-clip:text;color:transparent}.nav a{display:block;padding:13px 14px;margin:8px 0;border-radius:14px;color:#aab4d6}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(80,130,255,.25),rgba(116,79,255,.2));color:#fff}.main{margin-left:220px;flex:1;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn{border:0;border-radius:12px;padding:11px 18px;background:#4f7cff;color:#fff;cursor:pointer;font-weight:700}.btn.dark{background:#151c31}.btn.green{background:#14c784}.card{background:rgba(16,24,45,.86);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero{padding:34px;border-radius:28px;background:radial-gradient(circle at top left,rgba(77,124,255,.5),transparent 35%),linear-gradient(135deg,#101832,#0b1020);margin-bottom:22px}.hero h1{font-size:40px;margin:0 0 12px}.hero p{color:#aab4d6;font-size:16px}.input,textarea{width:100%;background:#080d1d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;padding:13px;margin:8px 0 14px;outline:none}textarea{min-height:150px;resize:vertical}.result{white-space:pre-wrap;background:#080d1d;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;color:#dbe6ff;min-height:160px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#18295c,#070b16 55%)}.authbox{width:420px}.muted{color:#8f9bbb}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid rgba(255,255,255,.08);padding:12px;text-align:left}.tag{padding:5px 10px;border-radius:999px;background:rgba(79,124,255,.18);color:#9db6ff;font-size:12px}@media(max-width:900px){.side{position:relative;width:100%;height:auto}.layout{display:block}.main{margin-left:0}.grid,.grid2{grid-template-columns:1fr}.hero h1{font-size:30px}}