:root{--bg:#f3f6f4;--card:#fff;--ink:#17231f;--muted:#66756f;--accent:#1f4f46;--danger:#a4362b;--line:#dce5e1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.app-header{padding:24px 18px 12px;background:linear-gradient(135deg,#1f4f46,#317466);color:#fff}.app-header h1{margin:0;font-size:30px}.app-header p{margin:6px 0 0;opacity:.9}.dashboard{max-width:920px;margin:0 auto;padding:14px}.card,.invoice-wrap{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;margin:14px 0;box-shadow:0 8px 25px rgba(25,42,35,.06)}h2{font-size:19px;margin:0 0 14px}label{font-weight:700;font-size:13px;display:block;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;font-size:16px;background:#fff}textarea{min-height:76px;resize:vertical}.row{display:flex;gap:8px}.row select{flex:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}button{border:0;border-radius:14px;padding:13px 14px;background:#e8efec;color:var(--ink);font-weight:800;font-size:15px}button.primary{background:var(--accent);color:#fff}button.danger{background:var(--danger);color:#fff}button.big{font-size:18px;padding:17px}.status{border-radius:14px;background:#eef5f2;padding:12px;margin-top:12px;font-weight:700}.hidden{display:none}.list{display:grid;gap:10px;margin-top:14px}.item{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fbfdfc}.item-title{font-weight:800}.item-meta{color:var(--muted);font-size:13px;margin-top:4px}.item-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.item-actions button{padding:9px 11px;font-size:13px}.invoice-actions{text-align:right;margin-bottom:10px}.invoice{background:#fff;color:#111;padding:22px;border-radius:12px;border:1px solid var(--line)}.invoice-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:18px;margin-bottom:18px}.invoice h1{margin:0;font-size:32px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{text-align:left;border-bottom:1px solid #ddd;padding:10px 6px;font-size:14px}th{text-transform:uppercase;font-size:12px}.totals{max-width:320px;margin-left:auto;margin-top:18px}.totals div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ddd}.amount-due{font-size:20px;font-weight:900}.small-input{padding:8px;font-size:14px}.invoice-extra{display:grid;grid-template-columns:1fr 70px 80px 40px;gap:6px;align-items:center}@media(max-width:520px){.dashboard{padding:10px}.card,.invoice-wrap{border-radius:16px;padding:14px}.button-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.invoice-head{display:block}.invoice{padding:14px;overflow-x:auto}th,td{font-size:12px}.invoice-extra{grid-template-columns:1fr 1fr}.invoice-extra button{grid-column:1/-1}}@media print{body{background:#fff}.no-print,.app-header,.card{display:none!important}.dashboard{padding:0;max-width:none}.invoice-wrap{box-shadow:none;border:0;margin:0;padding:0}.invoice{border:0;border-radius:0;padding:0}button{display:none!important}@page{margin:14mm}}
