:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;color:#111827;background:#f3f4f6}body{margin:0;min-height:100vh;display:flex;justify-content:center;padding:2rem;background:radial-gradient(circle at 10% 20%,#e0f2fe 0,transparent 30%),radial-gradient(circle at 90% 10%,#ede9fe 0,transparent 25%),#f9fafb}@media (max-width: 720px){body{padding:1rem}.app{padding:16px}.hero{grid-template-columns:1fr;text-align:center}.hero__content{text-align:left}.cabinet__header{align-items:flex-start}}#root{width:min(960px,100%)}.app{background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 60px #0f172a1f}header{margin-bottom:1.5rem}h1{margin:0 0 .25rem;font-size:2rem}p{margin:.25rem 0}.card{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:1rem}.card.subtle{background:#fff;border-style:dashed}.form{display:grid;gap:12px}.form button{width:100%}label{font-weight:600;font-size:.95rem;display:grid;gap:4px}input[type=text],input[type=password],input[type=file]{padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem}button{background:#2563eb;color:#fff;border:none;padding:12px 16px;border-radius:10px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease;box-sizing:border-box;max-width:100%}button:hover{background:#1d4ed8}button:active{transform:translateY(1px)}.status{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:12px}.badge{display:inline-block;background:#dcfce7;color:#065f46;padding:6px 10px;border-radius:999px;font-weight:700;margin:0 0 8px}.hero{display:grid;grid-template-columns:minmax(240px,1fr) 1.6fr;gap:18px;align-items:center}.hero__image{display:flex;justify-content:center;padding:8px}.hero__image img{width:100%;max-width:320px;height:auto;display:block;border-radius:12px;box-shadow:0 20px 50px #0f172a2e}.hero__content{display:grid;gap:10px}.hero__content h2{margin:0;font-size:1.6rem}.muted{color:#6b7280}.muted.small{font-size:.9rem}.strong{font-weight:700;margin:0}.cabinet__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button-row{display:flex;gap:8px}button.secondary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb}.actions button{width:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}.history{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}.history li{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:8px}.metric{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;display:grid;gap:2px}.metric strong{font-size:1rem}.recommendations{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.recommendations li{display:grid;grid-template-columns:14px 1fr;gap:6px;align-items:start}.history__header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}