:root{--navy:#13243b;--blue:#2b6cb0;--bg:#f4f7fb;--line:#dbe3ee;--green:#15803d;--orange:#b45309;--red:#b91c1c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#1e293b;font:14px/1.45 Arial,sans-serif}.top{height:62px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 28px;justify-content:space-between}.brand{font-size:19px;font-weight:700}.top a{color:#dbeafe;text-decoration:none;margin-left:18px}.wrap{max-width:1280px;margin:28px auto;padding:0 22px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:25px;margin:0}h2{font-size:17px;margin:0 0 14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px;margin-bottom:18px;box-shadow:0 1px 2px #cbd5e122}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:span 2}.span4{grid-column:span 4}label{display:block;font-weight:600;font-size:12px;margin-bottom:5px;color:#475569}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:6px;padding:9px 10px;font:inherit;background:#fff}textarea{min-height:74px}
button,.button{display:inline-block;border:0;border-radius:6px;padding:11px 18px;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;cursor:pointer}.button.secondary,button.secondary{background:#e8eef6;color:#1e3a5f}.button.danger{background:var(--red)}.button.green{background:var(--green)}
.actions{display:flex;gap:10px;align-items:center;flex-wrap:nowrap}.actions form{display:inline-flex;margin:0}.muted{color:#64748b}.flash{padding:12px 15px;background:#dcfce7;color:#166534;border-radius:7px;margin-bottom:18px}.items{width:100%;border-collapse:collapse}.items th,.items td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:left}.items input{min-width:70px}.items .amount{text-align:right;font-weight:600}.summary{margin-left:auto;width:320px}.summary div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line)}.summary .total{font-size:17px;font-weight:bold;color:var(--navy)}.table-wrap{overflow:auto}table.records{width:100%;border-collapse:collapse;background:#fff}table.records th{background:#edf3fa;color:#475569;text-align:left;font-size:12px;text-transform:uppercase}table.records th,table.records td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:bold}.Paid{background:#dcfce7;color:#166534}.Partial{background:#fef3c7;color:#92400e}.Unpaid{background:#fee2e2;color:#991b1b}.Draft{background:#e0e7ff;color:#3730a3}.Cancelled{background:#e5e7eb;color:#374151}.login{max-width:430px;margin:10vh auto}.login .brand{color:var(--navy);margin-bottom:20px}.invoice{max-width:900px;margin:20px auto;background:#fff;padding:42px}.invoice-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--navy);padding-bottom:16px;margin-bottom:20px}.invoice-title{font-size:29px;font-weight:bold;color:var(--navy)}
.actions.no-print{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;max-width:900px;margin-left:auto;margin-right:auto;padding-left:42px;padding-right:42px;box-sizing:border-box}
@media(max-width:700px){.grid,.grid.two{grid-template-columns:1fr}.span2,.span4{grid-column:span 1}.wrap{padding:0 12px}.top{padding:0 14px}.top a{margin-left:9px}.summary{width:100%}}@page{margin:0}
@media print{body{background:#fff;margin:1.6cm}.no-print,.top{display:none!important}.invoice{margin:0;max-width:none;padding:0}.card{border:0;box-shadow:none;padding:0}.wrap{margin:0;max-width:none;padding:0}}

.dt-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.dt-date{flex:1;min-width:130px}
.dt-h,.dt-m,.dt-ampm{padding:8px 4px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:13px}
.dt-h,.dt-m{width:52px}
.dt-ampm{width:58px}
.dt-colon{font-weight:600;color:#64748b}