:root{--bg: #0b1020;--bg-soft: #111832;--card: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .09);--text: #e5e9f2;--text-dim: #8b93a7;--accent: #34d399;--accent-2: #22d3ee;--danger: #f87171;--warning: #fbbf24;--info: #60a5fa;--success: #34d399;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1000px 500px at 85% -10%,rgba(52,211,153,.12),transparent 60%),radial-gradient(800px 400px at -10% 110%,rgba(34,211,238,.1),transparent 60%),var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}a{color:var(--accent-2);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:14px 28px;background:#0b1020d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.navbar-brand{font-size:17px;font-weight:700;letter-spacing:.4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.navbar-links a{color:var(--text-dim);font-size:13px}.navbar-links a:hover{color:var(--text)}.container{max-width:1440px;margin:0 auto;padding:36px 24px 64px;animation:fade-up .5s ease both}.page-title{margin:0 0 24px;font-size:22px;font-weight:700;text-align:center}.card{max-width:640px;margin:0 auto;padding:28px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 18px 50px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card h5{margin:0 0 20px;font-size:16px;font-weight:600}.diagnosis-form{display:flex;flex-direction:column;gap:16px}.field label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim)}.field input{width:100%;padding:11px 14px;color:var(--text);background:#ffffff0d;border:1px solid var(--card-border);border-radius:10px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input:focus{border-color:var(--accent);background:#34d3990f;box-shadow:0 0 0 3px #34d3992e}.submit-btn{margin-top:6px;padding:12px;font-size:14px;font-weight:700;letter-spacing:.8px;color:#06281c;background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;border-radius:10px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #34d39959}.submit-btn:disabled{opacity:.7;cursor:wait}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(6,40,28,.35);border-top-color:#06281c;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}.messages{margin-top:20px;display:flex;flex-direction:column;gap:10px}.message{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;border:1px solid;background:#ffffff0a}.message p{margin:0}.message-dot{flex:none;width:8px;height:8px;margin-top:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.message-success{color:var(--success);border-color:#34d39959}.message-danger{color:var(--danger);border-color:#f8717159}.message-warning{color:var(--warning);border-color:#fbbf2459}.message-info{color:var(--info);border-color:#60a5fa59}.msg-enter-active,.msg-leave-active{transition:opacity .35s ease,transform .35s ease}.msg-enter-from{opacity:0;transform:translateY(-8px) scale(.98)}.msg-leave-to{opacity:0;transform:translateY(6px)}.table-wrap{overflow-x:auto;border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.records-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.records-table th{position:sticky;top:0;padding:12px 14px;text-align:left;font-weight:600;color:var(--text-dim);background:var(--bg-soft);border-bottom:1px solid var(--card-border)}.records-table td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.records-table tbody tr{transition:background .15s ease}.records-table tbody tr:hover{background:#34d3990d}.records-table tbody tr:last-child td{border-bottom:none}.nowrap{white-space:nowrap}.sparkline{display:block}.sparkline-empty{color:var(--text-dim)}.row-enter-active{transition:opacity .4s ease,transform .4s ease;transition-delay:calc(var(--i) * 24ms)}.row-enter-from{opacity:0;transform:translateY(10px)}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}.page-btn{padding:8px 18px;border:1px solid var(--card-border);border-radius:999px;color:var(--text);background:var(--card);transition:border-color .2s ease,background .2s ease,transform .15s ease}.page-btn:hover:not(.disabled){border-color:var(--accent);background:#34d39914;transform:translateY(-1px)}.page-btn.disabled{opacity:.35;pointer-events:none}.page-info{color:var(--text-dim);font-variant-numeric:tabular-nums}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}