:root{--bg: #f3f7f9;--surface: #ffffff;--ink: #1f2a35;--muted: #5d6b78;--accent: #0f766e;--accent-2: #0ea5e9;--line: #d9e3ea}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,#c9ecf7,#f3f7f9 45%),linear-gradient(180deg,#f7fafb,#edf3f6)}button,input,textarea{font:inherit}.app-shell{max-width:1040px;margin:0 auto;padding:2rem 1rem 3rem}.hero{background:linear-gradient(135deg,#0f766e,#0ea5e9);color:#fff;border-radius:18px;padding:1.5rem;box-shadow:0 14px 32px #0f766e40}.hero h1{margin:.4rem 0 .5rem;font-size:clamp(2rem,3.6vw,3rem)}.hero p{margin:0;opacity:.95}.hero-badge{display:inline-block;border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:.25rem .75rem;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 4px 16px #0f172a0f}.panel h2{margin:0 0 .8rem}.tank-list{display:grid;gap:.6rem}.tank-item{text-align:left;width:100%;border:1px solid var(--line);background:#f9fcfd;border-radius:10px;padding:.65rem;cursor:pointer}.tank-item.is-active{border-color:var(--accent-2);background:#edf8ff}.tank-item-title{display:block;font-weight:700}.tank-item-subtitle{display:block;color:var(--muted);font-size:.9rem}.snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.snapshot-grid label{display:block;color:var(--muted);font-size:.85rem}.snapshot-grid p{margin:.25rem 0 0;font-weight:600}.panel-actions{margin-top:1rem}.btn-primary,.btn,.btn-ghost{border-radius:10px;border:1px solid transparent;padding:.55rem .9rem;cursor:pointer}.btn-primary,.btn{background:var(--accent);color:#fff}.btn-ghost{background:#f2f6f9;border-color:var(--line);color:var(--ink)}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.bg-black\/40{background:#0006}.w-full{width:100%}.max-w-lg{max-width:42rem}.bg-white{background:#fff}.rounded{border-radius:12px}.p-6{padding:1.2rem}.float-right{float:right}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-gray-600{color:#566270}.text-red-600{color:#b91c1c}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.border{border:1px solid var(--line)}.p-2{padding:.5rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-2{gap:.5rem}.bg-green-100{background:#dcfce7}.text-green-800{color:#166534}.bg-gray-50{background:#f8fafc}textarea{resize:vertical;min-height:90px}pre{white-space:pre-wrap;word-break:break-word}@media(max-width:760px){.dashboard-grid,.snapshot-grid{grid-template-columns:1fr}}