:root{--b:#28588c;--g:#d6b52b;--c:#f7f4ec;--i:#24313d;--m:#6b7280}*{box-sizing:border-box}body{margin:0;font-family:Arial;background:var(--c);color:var(--i)}header{background:var(--b);color:#fff;padding:20px}header h1{margin:0;font-family:Georgia,serif}header p{margin:4px 0 0}nav{display:flex;overflow:auto;background:#fff;position:sticky;top:0;border-bottom:1px solid #ddd}nav button{background:#fff;color:var(--b);border:0;border-radius:0;padding:14px;font-weight:700;white-space:nowrap}nav button.active{border-bottom:4px solid var(--g)}main{max-width:1050px;margin:auto;padding:14px}.panel{display:none}.panel.active{display:block}.card{background:#fff;padding:18px;border-radius:14px;margin-bottom:14px;box-shadow:0 2px 8px #0001}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid3 .card b{display:block;font-size:28px;color:var(--b)}.grid3 .card span,.small{color:var(--m);font-size:13px}h2{font-family:Georgia,serif;color:var(--b)}label{display:block;font-weight:700;margin-top:8px}input,textarea,select{width:100%;padding:10px;border:1px solid #bbc3cc;border-radius:8px;margin-top:4px;font-size:16px}textarea{min-height:90px}button{background:var(--b);color:#fff;border:0;border-radius:9px;padding:11px 14px;margin:10px 6px 0 0;font-weight:700}.gold{background:var(--g);color:var(--i)}.ghost{background:#eef3f8;color:var(--b)}.item{padding:10px;border:1px solid #e0e4e8;border-radius:9px;margin:8px 0}.warning{background:#fff3cd;padding:10px;border-radius:8px}.ok{color:#287447}.bad{color:#a32929}.invoice{border:1px solid #ddd;padding:18px;margin-top:15px;border-radius:10px;background:#fff}@media(max-width:700px){.grid,.grid3{grid-template-columns:1fr}}