*{box-sizing:border-box}body{margin:0;font-family:Inter,Aptos,Arial,sans-serif;background:#f4f3ee;color:#172019}button,input,select,textarea{font:inherit}.hidden{display:none!important}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{background:#163b29;color:white;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto;border-right:5px solid #d7b454}.logo{font-size:18px;letter-spacing:.7px;padding:5px 10px 21px;border-bottom:1px solid #ffffff20;margin-bottom:15px}.logo b{color:#e5c464}.worker{display:flex;gap:10px;align-items:center;padding:12px;background:#ffffff0d;border-radius:12px;margin-bottom:16px}.worker span{color:#e5c464}.worker small{display:block;color:#bed0c4;margin-top:2px}nav button{width:100%;text-align:left;background:transparent;border:0;color:#d9e5dd;padding:11px 12px;border-radius:8px;margin:2px 0;cursor:pointer;font-weight:650}nav button:hover,nav button.active{background:#fff;color:#173e2a}main{padding:0 32px 50px;min-width:0}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd9;margin-bottom:24px}header h1{margin:3px 0 0;font-size:27px}header small{color:#718078;font-weight:900;letter-spacing:.8px}.header-actions{display:flex;gap:8px}header button,.btn,.primary{border:0;background:#173e2a;color:#fff;padding:11px 15px;border-radius:8px;font-weight:800;cursor:pointer}.ghost{background:#fff!important;color:#173e2a!important;border:1px solid #d8ddd8!important}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #dcdfd9;border-radius:12px;padding:19px;box-shadow:0 4px 15px #173e2a09}.metric{border-top:4px solid #d7b454}.metric b{display:block;font-size:27px;margin-top:9px}.metric small,.muted{color:#718078}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title h2{font-size:18px;margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button,td button{border:1px solid #d8ddd8;background:#fff;padding:8px 10px;border-radius:7px;cursor:pointer;color:#173e2a;font-weight:700}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #edf0eb;font-size:13px}th{color:#647168;background:#fafaf7}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1/-1}label{font-size:12px;font-weight:800;color:#526057}input,select,textarea{width:100%;border:1px solid #d8ddd8;background:#fff;padding:11px;border-radius:7px;margin-top:5px}textarea{min-height:90px}.badge{display:inline-block;padding:5px 8px;background:#eef4ef;color:#245c3e;border-radius:999px;font-size:11px;font-weight:800}.notice{padding:12px 14px;border-left:4px solid #d7b454;background:#f8f4e8;color:#4c513f;margin:14px 0}.invoice-builder{display:grid;grid-template-columns:1fr 420px;gap:18px}.invoice-paper{background:white;border:1px solid #d9ddd8;padding:28px;min-height:620px;box-shadow:0 10px 30px #0000000c}.invoice-head{display:flex;justify-content:space-between;border-bottom:3px solid #173e2a;padding-bottom:16px;margin-bottom:20px}.invoice-brand{font-size:22px;font-weight:900;color:#173e2a}.invoice-brand span{color:#b68e2f}.invoice-total{font-size:24px;font-weight:900;text-align:right;color:#173e2a}.line-row{display:grid;grid-template-columns:2.2fr .55fr .85fr .9fr 34px;gap:7px;margin-bottom:7px}.line-row input{margin:0;padding:9px}.website-frame{width:100%;height:560px;border:1px solid #d8ddd8;border-radius:10px;background:white}.social-card{border-left:4px solid #173e2a}.danger{color:#a52c2c!important}@media(max-width:1050px){.invoice-builder{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.split{grid-template-columns:1fr}main{padding:0 16px 40px}}@media(max-width:560px){.grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.line-row{grid-template-columns:1fr 60px 90px}.line-row>*:nth-child(4){display:none}header{height:auto;padding:20px 0;align-items:flex-start}.header-actions{flex-direction:column}}@media print{aside,header,.no-print,.builder-side{display:none!important}.app{display:block}main{padding:0}.invoice-paper{border:0;box-shadow:none}.invoice-builder{display:block}}
.invoice-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dcded9;border-radius:12px;padding:14px 17px;margin-bottom:15px}.invoice-toolbar small{display:block;color:#718078;margin-top:3px}.invoice-entry-head,.invoice-entry-row{display:grid;grid-template-columns:2fr .5fr .6fr .9fr .55fr 34px;gap:6px;margin-bottom:6px}.invoice-entry-head{font-size:10px;font-weight:800;color:#6a746d;padding:0 4px}.invoice-entry-row input{margin:0;padding:9px}.official-invoice{border:2px solid #0e2e52;border-radius:18px;color:#102847;font-family:Arial,sans-serif;padding:25px;background:#fff}.oi-top{display:grid;grid-template-columns:1.3fr .8fr 1.05fr;gap:18px;align-items:start;border-bottom:2px solid #102847;padding-bottom:20px}.oi-brand>div{font-size:25px;font-weight:900}.oi-brand span{color:#f5b619}.oi-brand small{display:inline-block;border:1px solid #102847;border-radius:15px;padding:5px 10px;margin:7px 0}.oi-brand p{line-height:1.9;font-size:11px}.oi-badge{background:#f7b91c;border:3px solid #102847;border-radius:14px;box-shadow:4px 5px 0 #102847;font-size:27px;font-weight:900;text-align:center;padding:12px 8px;color:#102847}.oi-meta{font-size:11px}.oi-meta p{border-bottom:1px solid #9ba5ac;padding-bottom:7px}.oi-boxes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.oi-boxes>div{border:2px solid #102847;border-radius:13px;padding:13px;min-height:100px;background:#fffdf6}.oi-boxes p{border-bottom:1px solid #aeb4b6;min-height:18px;margin:8px 0}.oi-table{border:1px solid #d9d9d0;border-radius:10px;overflow:hidden}.oi-table th{background:#102f55;color:white;text-align:center;padding:9px 5px}.oi-table td{height:36px;text-align:center;border-right:1px solid #e2e3df}.oi-table td:nth-child(2){text-align:left}.oi-table tbody tr:nth-child(even){background:#fffaf0}.oi-bottom{display:grid;grid-template-columns:1.2fr .9fr;gap:25px;margin-top:18px}.oi-notes{border-top:1px solid #526174;padding-top:8px;min-height:100px}.oi-totals>div{display:flex;justify-content:space-between;padding:5px 8px}.oi-grand{background:#f7b91c;border:2px solid #102847;border-radius:10px;font-size:18px;margin-top:5px}.oi-sign{display:flex;justify-content:flex-end;gap:35px;margin-top:35px;text-align:center}.oi-sign span{width:145px}.oi-sign small{display:block;margin-top:6px}.oi-footer{border-top:1px solid #102847;margin-top:28px;padding-top:10px;text-align:center;font-size:9px}.assistant-card{min-height:560px}.chat-box{height:370px;overflow:auto;background:#f6f7f4;border:1px solid #e0e3de;border-radius:10px;padding:12px}.chat{max-width:86%;padding:9px 11px;border-radius:10px;margin-bottom:9px;background:#fff}.chat.me{margin-left:auto;background:#eaf2ec}.chat p{margin:4px 0;line-height:1.4}.chat-input{display:grid;grid-template-columns:1fr 90px;gap:8px;margin-top:10px}.chat-input textarea{min-height:70px;margin:0}@media print{@page{size:A4 portrait;margin:7mm}.official-invoice{width:196mm;min-height:282mm;border:2px solid #102847!important;box-shadow:none!important;padding:8mm}.invoice-paper{min-height:0}.oi-table td{height:10mm}}
.hero{background:linear-gradient(120deg,#133a27,#245b3d);color:#fff;border-radius:16px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px #173e2a1f;border-bottom:5px solid #e2b83e}.hero h2{font-size:27px;margin:8px 0}.hero p{margin:0;color:#d9e8df}.hero-tag{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#f1ce69}.hero-invoice{background:#f2bd28!important;color:#102c1e!important;border:0!important;padding:16px 20px!important;font-size:14px!important;box-shadow:4px 4px 0 #0b2619}.quick-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin-top:14px}.quick-card{background:#fff;border:1px solid #dde1dc;border-radius:12px;padding:15px 10px;text-align:left;cursor:pointer;min-height:105px}.quick-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #173e2a12}.quick-card span{display:block;font-size:23px;color:#173e2a;margin-bottom:8px}.quick-card b,.quick-card small{display:block}.quick-card small{color:#748078;margin-top:4px;font-size:10px}.dash-3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:14px}.mini-invoice{display:grid;grid-template-columns:2fr .55fr 1fr auto;gap:7px}.mini-invoice input{margin:0}.assistant-answer{background:#f3f6f2;border-left:4px solid #e0b538;border-radius:6px;padding:11px;margin-top:10px;font-size:12px}.feed-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0ec;padding:9px 0;font-size:12px}.feed-row small{display:block;color:#77827a;margin-top:3px}.feature-cloud{display:flex;gap:8px;flex-wrap:wrap}.feature-cloud button{background:#f7f8f5;border:1px solid #dce1db;border-radius:999px;padding:9px 12px;color:#173e2a;font-weight:700;cursor:pointer}.assistant-prompts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.assistant-prompts button{padding:12px;text-align:left;border:1px solid #dce1db;background:#fff;border-radius:9px;cursor:pointer;font-weight:700}@media(max-width:1250px){.quick-grid{grid-template-columns:repeat(4,1fr)}.dash-3{grid-template-columns:1fr 1fr}}@media(max-width:750px){.quick-grid{grid-template-columns:repeat(2,1fr)}.dash-3{grid-template-columns:1fr}.hero{align-items:flex-start;gap:15px;flex-direction:column}.mini-invoice{grid-template-columns:1fr 1fr}.assistant-prompts{grid-template-columns:1fr}}
/* V7 simple invoice workflow */
.builder-side .card:first-child h2{margin-top:0}
.invoice-entry-head{grid-template-columns:2.2fr .5fr .65fr .95fr .55fr 34px}
.invoice-entry-row{grid-template-columns:2.2fr .5fr .65fr .95fr .55fr 34px}
@media print{
 body{background:white!important}
 .official-invoice{width:196mm!important;height:282mm!important;min-height:282mm!important;max-height:282mm!important;overflow:hidden!important;margin:0 auto!important;padding:7mm!important;box-sizing:border-box!important}
 .oi-top{padding-bottom:4mm!important}.oi-boxes{margin:4mm 0!important}.oi-boxes>div{min-height:24mm!important}
 .oi-table td{height:8.2mm!important;padding:1.5mm!important}.oi-bottom{margin-top:4mm!important}.oi-sign{margin-top:7mm!important}.oi-footer{margin-top:6mm!important}
}