:root{--bg:#f3f6f9;--surface:#ffffff;--surface-2:#f8fbff;--text:#102132;--muted:#567189;--line:#d7e0e8;--primary:#0e7490;--primary-2:#155e75;--ok:#0f766e;--warn:#b45309;--err:#b91c1c;--radius:16px;--shadow:0 14px 40px rgba(8,31,55,0.1)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--text);background:radial-gradient(circle at 15% 20%,#dbeafe 0,transparent 28%),radial-gradient(circle at 82% 12%,#ccfbf1 0,transparent 24%),var(--bg);font-family:Segoe UI,Tahoma,sans-serif}button{font:inherit}.container{width:min(1120px,100% - 24px);margin:24px auto 40px}.hero{background:linear-gradient(125deg,#0f172a,#134e4a 58%,#155e75);color:#f0fdfa;border-radius:22px;box-shadow:var(--shadow);padding:24px}.hero h1{margin:0 0 8px;font-size:clamp(1.3rem,4vw,2rem)}.hero p{margin:0;color:#d4f4f3;line-height:1.5}.panel{margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.meta{margin-top:12px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);font-size:.92rem}.actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:12px;padding:10px 16px;color:#fff;background:var(--primary);cursor:pointer;transition:transform .14s ease,background .14s ease}.btn:hover:not(:disabled){background:var(--primary-2);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:#1f2937}.progress-wrap{margin-top:16px}.progress-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.progress{margin-top:8px;width:100%;height:10px;border-radius:999px;background:#e6edf3;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#0e7490,#14b8a6);transition:width .18s ease}.hint{margin-top:10px;color:var(--muted);font-size:.86rem}@media (max-width:760px){.container{width:min(1120px,100% - 14px);margin-top:14px}.hero{padding:18px;border-radius:18px}.panel{padding:12px}}