:root{font-family:Arial,Helvetica,sans-serif;color:#18283b;background:#f2f5f9;font-size:16px;--blue:#066aab;--nav:#102c45}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}h1{font-size:1.8rem;margin:.4rem 0}h2{font-size:1.2rem;margin:0 0 1rem}p{line-height:1.6}aside{position:fixed;width:245px;inset:0 auto 0 0;background:var(--nav);color:white;padding:25px 20px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;gap:14px;align-items:center;color:white;font-size:1.4rem;font-weight:bold}.brand img{width:60px;height:60px;object-fit:contain;background:white;border-radius:8px}.brand small{display:block;font-size:.8rem;font-weight:normal;margin-top:5px}nav{display:grid;gap:8px}nav a{color:#d4e5f2;padding:14px;border-radius:8px}nav a.active,nav a:hover{background:#1e4c70;color:white}aside form{margin-top:auto}.workspace{margin-left:245px;padding:32px;max-width:1600px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.top small{color:#61768c;font-size:.8rem}.panel{background:white;border:1px solid #dde5ed;border-radius:12px;padding:24px;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.cards section{background:white;border:1px solid #dde5ed;padding:22px;border-radius:12px}.cards span{display:block;color:#5e7388;font-size:.9rem}.cards strong{display:block;margin-top:18px;font-size:1.6rem;color:#123955}.split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(400px,2fr);gap:24px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:16px}input,select,textarea{font:inherit;color:inherit;width:100%;padding:12px;border:1px solid #bac9d7;border-radius:7px;background:white;margin-top:7px}textarea{min-height:100px}input:focus,select:focus,textarea:focus{outline:2px solid #80b8df;outline-offset:1px}button,.button{display:inline-block;border:0;background:var(--blue);color:white;border-radius:7px;padding:12px 17px;font:inherit;font-weight:600;cursor:pointer}.secondary{background:#e8f0f6;color:#174b72}button:hover,.button:hover{filter:brightness(.95)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.docline{display:grid;grid-template-columns:minmax(200px,3fr) 1fr 1fr 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #e1e8ee;padding:12px 0}.docline .remove{font-size:.85rem;margin-top:10px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;text-align:left}th{color:#506a80;font-size:.8rem;background:#f4f7fa}th,td{padding:15px 12px;border-bottom:1px solid #e1e8ee}td small{display:block;margin-top:7px;color:#6f8292}td form{margin:0}td button{font-size:.85rem}.badge{display:inline-block;background:#e4edf5;color:#315570;padding:5px 9px;border-radius:5px;font-size:.8rem}.notice,.error{padding:14px 18px;border-radius:7px;margin-bottom:22px;font-size:.9rem}.notice{background:#fff2cd;color:#735215}.error{background:#ffe5e5;color:#8a2525}.muted{color:#687d8f}.tabs{display:flex;gap:20px;margin:22px 0;flex-wrap:wrap}.filter{max-width:420px;margin-bottom:10px}.summary{display:flex;gap:25px;justify-content:flex-end;padding:24px 0;flex-wrap:wrap}.summary strong{color:#075f94}.empty{padding:40px;text-align:center;color:#667a8a}.login{width:min(420px,92vw);margin:8vh auto;padding:35px;background:white;border:1px solid #dbe5ee;border-radius:15px}.login img{width:85px}.login button{width:100%}.login h1{font-size:1.4rem}dl{display:grid;grid-template-columns:130px 1fr;gap:15px}dt{font-weight:bold;font-size:.85rem}dd{margin:0}.invoice{width:210mm;min-height:297mm;background:white;margin:20px auto;padding:18mm 14mm;display:flex;flex-direction:column;color:#000;font-size:12px}.invoice-head{display:flex;align-items:center;gap:24px;margin-bottom:30px}.invoice-head img{width:85px}.invoice-head h2{font-size:18px}.invoice-head p{font-size:12px}.invoice-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.clientbox{width:240px;border:1px solid black;display:grid}.clientbox>*{padding:7px}.clientbox strong{text-align:center;border-bottom:1px solid black;letter-spacing:4px}.document-title{text-align:center;font-size:16px}.invoice-table th,.invoice-table td{border:1px solid #000;padding:7px;color:#000;background:white;font-size:12px;vertical-align:top}.invoice-table tbody{height:110mm}.invoice-table th:nth-child(3){width:45%}.totals{width:270px;margin-left:auto}.totals td,.totals th{border:1px solid black;background:white;color:black;padding:5px;font-size:12px}.words{font-size:11px;font-weight:bold;margin:22px 0}.signature{height:28mm;text-align:right;color:#666}.invoice footer{margin-top:auto;text-align:center;border-top:1px solid #555;padding-top:10px;line-height:1.6;font-size:10px}.printtools{display:flex;gap:25px;align-items:center;justify-content:center;padding:20px}.invoice p{font-size:12px}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.docline{grid-template-columns:repeat(2,1fr)}.docline label:first-child{grid-column:1/-1}}@media(max-width:700px){aside{position:static;width:auto;padding:15px;gap:15px}nav{display:flex;overflow:auto;gap:5px}nav a{white-space:nowrap;padding:10px;font-size:.9rem}aside form{position:absolute;right:15px;top:23px}.brand{font-size:1.1rem}.brand img{width:43px;height:43px}.brand small{font-size:.7rem}.workspace{margin:0;padding:18px}.top{align-items:flex-start;flex-wrap:wrap}h1{font-size:1.45rem}.panel{padding:18px}.cards{gap:10px}.cards section{padding:16px}.cards strong{font-size:1.2rem}.grid{grid-template-columns:1fr}.summary{justify-content:flex-start}.invoice{margin:0;transform-origin:top left}.printtools{justify-content:flex-start}.invoice-head h2{font-size:16px}}@page{size:A4;margin:0}@media print{body{background:white}.printtools{display:none}.invoice{margin:0;width:210mm;min-height:297mm;box-shadow:none}.invoice-table tr{break-inside:avoid}.invoice-table tbody{height:110mm}a{color:black}}