*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f1f5f9;color:#0f172a}.topbar{background:linear-gradient(135deg,#0f172a,#1e40af);color:#fff;padding:22px;display:flex;justify-content:space-between;gap:12px;align-items:center}.topbar h1{margin:0;font-size:24px}.topbar p{margin:6px 0 0;color:#dbeafe}.container{max-width:1050px;margin:22px auto;padding:0 14px;display:grid;grid-template-columns:1fr;gap:18px}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(15,23,42,.08);border:1px solid #e2e8f0}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{font-weight:700;font-size:14px;color:#334155}input,select{width:100%;padding:13px;margin-top:7px;border:1px solid #cbd5e1;border-radius:12px;font-size:16px;background:#fff}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button{border:0;border-radius:12px;padding:13px 18px;font-weight:800;background:#16a34a;color:#fff;cursor:pointer;box-shadow:0 6px 14px rgba(22,163,74,.25)}button.secondary{background:#475569}button.print{background:#1d4ed8}button.ghost{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:16px}.cards span{display:block;font-size:13px;color:#64748b;margin-bottom:8px}.cards strong{font-size:20px;color:#0f172a}.note{margin-top:16px;background:#ecfdf5;border-left:5px solid #16a34a;border-radius:12px;padding:14px;line-height:1.5}footer{text-align:center;padding:18px;color:#64748b;font-size:13px}@media(max-width:760px){.topbar{display:block}.grid,.cards{grid-template-columns:1fr}.topbar h1{font-size:21px}}@media print{.topbar button,.actions,footer{display:none}.card{box-shadow:none;border:1px solid #ccc}.container{margin:0;max-width:100%}}