:root{--navy:#073f70;--navy2:#082f53;--blue:#0868b7;--green:#83cc16;--ink:#17324d;--muted:#668096;--line:#d8e4ec;--bg:#f2f7fa;--white:#fff;--danger:#c84040}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;background:linear-gradient(180deg,var(--navy),var(--navy2));padding:25px 18px;color:white;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;margin-bottom:36px}.brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--green);font-weight:900}.brand strong{font-size:15px}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.sidebar nav .disabled{padding:13px 14px;border-radius:10px;color:#dcecf7;text-decoration:none;font-weight:650;font-size:14px}.sidebar nav a.active{background:#ffffff18;color:white;border-left:3px solid var(--green)}.sidebar .disabled{opacity:.52;display:flex;justify-content:space-between}.sidebar small{font-size:10px}.environment{margin-top:auto;padding:16px 8px;border-top:1px solid #ffffff24;font-size:13px}.environment span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#f2b934;margin-right:5px}.main{margin-left:235px;padding:30px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topbar small,.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--blue);font-weight:900}.topbar h1{margin:5px 0 0;font-size:30px}.sunat-off{padding:9px 13px;border-radius:999px;background:#fff1d8;color:#8a5c00;font-weight:700;font-size:13px}.panel,.welcome-card,.hero{background:white;border:1px solid var(--line);border-radius:17px;padding:25px;box-shadow:0 8px 25px #17324d0b;margin-bottom:20px}.welcome-card{display:grid;grid-template-columns:1fr 1.4fr;gap:35px}.hero{display:flex;align-items:center;justify-content:space-between}.hero h2,.panel h2,.welcome-card h2{margin:7px 0 8px}.hero p,.panel p,.welcome-card p{color:var(--muted);margin:0;line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:12px;font-weight:750}.form-grid input,.form-grid select{display:block;width:100%;margin-top:7px;border:1px solid #bfd1df;border-radius:9px;padding:12px;background:white;color:var(--ink)}.form-grid .wide{grid-column:span 2}.primary{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;text-decoration:none;padding:12px 17px;font-weight:800;cursor:pointer}.form-grid button{align-self:end}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stats article{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;border-top:4px solid var(--blue)}.stats article.safe{border-top-color:var(--green)}.stats small,.stats span{display:block;color:var(--muted)}.stats strong{display:block;font-size:28px;margin:10px 0}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.steps span{background:#eef4f8;padding:9px 13px;border-radius:999px;font-size:12px;font-weight:750}.steps .done{background:#e9f7cf;color:#4d7900}.alert{border-radius:12px;padding:14px 17px;margin-bottom:18px}.alert.success{background:#e9f7d6;color:#426d00}.alert.error{background:#feeaea;color:#9a2525}.section-title{display:flex;justify-content:space-between;align-items:center}.counter{background:#e8f3fb;color:var(--blue);border-radius:999px;padding:8px 13px;font-weight:900}.client-list{display:grid;gap:12px;margin-top:20px}.client-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 4px 12px #17324d0a}.client-card h3{margin:6px 0}.client-card p{font-size:13px}.document-badge{font-size:10px;font-weight:900;background:#e6f2fa;color:var(--blue);border-radius:6px;padding:4px 7px}.danger{border:1px solid #f0b6b6;background:white;color:var(--danger);border-radius:8px;padding:8px 11px;cursor:pointer}.empty{text-align:center;padding:35px;color:var(--muted)}.empty strong,.empty span{display:block;margin:5px}.clients-form{grid-template-columns:repeat(3,1fr);margin-top:20px}
@media(max-width:900px){.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{grid-template-columns:1fr 1fr}.environment{margin-top:20px}.main{margin-left:0;padding:18px}.welcome-card{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.clients-form{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.topbar,.hero,.client-card{align-items:flex-start;gap:15px;flex-direction:column}.form-grid,.clients-form{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.sidebar nav{grid-template-columns:1fr}}
.stats{grid-template-columns:repeat(4,1fr)}.catalog-form,.draft-header{grid-template-columns:repeat(3,1fr);margin-top:20px}.secondary{display:inline-block;border:1px solid #b8ccda;border-radius:10px;background:white;color:var(--ink);text-decoration:none;padding:11px 16px;font-weight:800;cursor:pointer}.actions,.draft-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px}.draft-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:17px;color:var(--ink);text-decoration:none;transition:.15s}.draft-card:hover{border-color:var(--blue);transform:translateY(-1px)}.draft-card h3{margin:6px 0}.draft-card p{font-size:13px}.draft-card>strong{font-size:20px;color:var(--blue)}.draft-lines{display:grid;gap:10px;margin-top:20px}.draft-line{display:grid;grid-template-columns:minmax(0,3fr) minmax(130px,1fr) auto;gap:12px;align-items:end;padding:14px;background:#f6f9fb;border:1px solid var(--line);border-radius:12px}.draft-line label{font-size:12px;font-weight:750}.draft-line input,.draft-line select{display:block;width:100%;margin-top:7px;border:1px solid #bfd1df;border-radius:9px;padding:11px;background:white}.draft-warning{display:flex;justify-content:space-between;gap:12px;background:#fff2cf;border:1px solid #eed28a;color:#785400;border-radius:12px;padding:13px 17px;margin-bottom:16px}.invoice-preview{background:white;border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 8px 25px #17324d0b}.invoice-preview>header{display:flex;justify-content:space-between;gap:25px;padding-bottom:22px;border-bottom:1px solid var(--line)}.invoice-preview h2{margin:6px 0}.invoice-preview p{color:var(--muted);line-height:1.5}.invoice-kind{border:2px solid var(--navy);border-radius:12px;min-width:260px;padding:18px;text-align:center}.invoice-kind strong,.invoice-kind span{display:block}.invoice-kind span{margin-top:9px;color:var(--danger);font-weight:900}.invoice-meta{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:22px 0}.invoice-meta>div{display:grid;gap:5px}.invoice-meta small{color:var(--muted);font-weight:800}.table-wrap{overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.table-wrap th{background:#edf5fa;font-size:12px}.totals{width:min(360px,100%);margin:22px 0 0 auto}.totals p{display:flex;justify-content:space-between;margin:0;padding:9px 12px}.totals .grand{background:#e5f1f9;color:var(--navy);font-size:20px;border-radius:9px}.totals .grand strong{font-size:24px}
@media(max-width:900px){.stats{grid-template-columns:1fr}.catalog-form,.draft-header{grid-template-columns:1fr 1fr}.draft-line{grid-template-columns:1fr 150px auto}}@media(max-width:580px){.topbar,.hero,.client-card,.draft-card,.draft-warning,.invoice-preview>header{align-items:flex-start;gap:15px;flex-direction:column}.form-grid,.clients-form,.catalog-form,.draft-header,.draft-line,.invoice-meta{grid-template-columns:1fr}.invoice-kind{min-width:0;width:100%}.actions,.draft-actions{align-items:stretch;flex-direction:column}.actions>*,.draft-actions>*{width:100%;text-align:center}}
.record-tools,.card-actions,.form-actions{display:flex;align-items:center;gap:8px}.card-actions form{margin:0}.filter-pill{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:800}.filter-pill.active{background:#e7f3fb;border-color:#9bc9e8;color:var(--blue)}.compact{padding:8px 11px}.inactive-record{opacity:.62;background:#f5f7f8}.form-actions{grid-column:1/-1;justify-content:flex-end;margin-top:8px}@media(max-width:700px){.section-title{align-items:flex-start;gap:14px;flex-direction:column}.record-tools{flex-wrap:wrap}.card-actions{width:100%;flex-wrap:wrap}.form-actions{align-items:stretch;flex-direction:column}.form-actions>*{width:100%;text-align:center}}
.draft-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:1;color:var(--ink);text-decoration:none}.draft-main h3{margin:6px 0}.draft-main p{font-size:13px}.draft-main>strong{font-size:20px;color:var(--blue)}@media(max-width:700px){.draft-main{width:100%;align-items:flex-start;flex-direction:column}}
.amount-summary{display:grid;text-align:right;gap:5px}.amount-summary strong{font-size:20px;color:var(--blue)}.amount-summary small{color:var(--muted)}.totals .paid{color:#287328}.totals .balance{border-top:1px solid var(--line);font-size:18px;color:var(--danger)}.warning-badge{display:inline-block;padding:6px 9px;border-radius:999px;background:#fff1d8;color:#8a5c00;font-size:12px;font-weight:800}.payment-form{grid-template-columns:repeat(4,1fr);margin-top:20px}@media(max-width:900px){.payment-form{grid-template-columns:1fr 1fr}}@media(max-width:580px){.payment-form{grid-template-columns:1fr}.amount-summary{text-align:left}}
.quantity-help{display:block;margin-top:5px;color:var(--muted);font-weight:500}
.document-badge.badge-ruc10{background:#e8f7dc;color:#397800}.document-badge.badge-ruc20{background:#e4f1ff;color:#075fa8}.document-badge.badge-dni{background:#f0e8ff;color:#6942a5}
.quick-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-panel{padding:0;overflow:hidden}.quick-panel summary{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;cursor:pointer;color:var(--blue)}.quick-panel summary span{color:var(--muted);font-size:12px}.quick-panel form{padding:0 22px 18px}.inline-result{margin:0 22px 16px;font-size:13px}.success-text{color:#397800}.error-text{color:var(--danger)}.client-legend{display:flex;gap:7px;margin-top:14px}@media(max-width:900px){.quick-tools{grid-template-columns:1fr}}@media(max-width:580px){.quick-panel summary{flex-direction:column}}
.select-search{margin-bottom:6px!important;background:#f8fbfd!important}.select-search.no-results{border-color:var(--danger)!important}.search-note{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:500}
.draft-line.proforma-line{grid-template-columns:minmax(260px,2fr) minmax(100px,.55fr) minmax(145px,.7fr) minmax(145px,.75fr) auto}@media(max-width:1150px){.draft-line.proforma-line{grid-template-columns:1fr 1fr}.draft-line.proforma-line .remove-line{justify-self:start}}@media(max-width:580px){.draft-line.proforma-line{grid-template-columns:1fr}}
.quality-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.quality-summary article{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:15px;padding:18px;border-left:5px solid}.quality-summary article.pass{border-left-color:#62a800}.quality-summary article.warning{border-left-color:#e89a14}.quality-summary article.fail{border-left-color:var(--danger)}.quality-summary strong{font-size:27px}.quality-summary span{color:var(--muted);font-weight:750}.quality-updated{font-size:12px;color:var(--muted)}.quality-list{display:grid;gap:10px;margin-top:22px}.quality-check{display:grid;grid-template-columns:64px 36px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:13px;background:#fbfdfe}.quality-number{font-weight:900;color:var(--muted);font-size:12px}.quality-box{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:white;font-weight:900;background:#e89a14}.quality-check.pass .quality-box{background:#62a800}.quality-check.fail .quality-box{background:var(--danger)}.quality-check h3{margin:0 0 5px;font-size:15px}.quality-check p{margin:0;font-size:13px}.quality-check>strong{font-size:11px;letter-spacing:.06em;color:#b16b00}.quality-check.pass>strong{color:#4f8500}.quality-check.fail>strong{color:var(--danger)}.quality-help code{display:inline-block;margin-top:14px;padding:10px 13px;border-radius:8px;background:#edf4f8;color:var(--navy);font-weight:750}@media(max-width:700px){.quality-summary{grid-template-columns:1fr}.quality-check{grid-template-columns:52px 32px 1fr}.quality-check>strong{grid-column:3}}
.submission-panel{border-left:5px solid #e89a14}.submission-panel.pass{border-left-color:#62a800}.submission-panel.fail{border-left-color:var(--danger)}.submission-status{padding:8px 11px;border-radius:999px;background:#fff1d8;color:#8a5c00;font-size:11px;font-weight:900}.submission-status.pass{background:#e9f7cf;color:#4d7900}.submission-status.fail{background:#feeaea;color:#9a2525}.submission-details{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-top:20px}.submission-details p{display:grid;gap:6px;margin:0;padding:13px;background:#f5f9fb;border-radius:10px}.submission-details small{color:var(--muted);font-weight:800}.submission-details strong{overflow-wrap:anywhere}.queue-note{margin-top:16px!important;padding:12px;border-radius:9px;background:#fff7e8}@media(max-width:700px){.submission-details{grid-template-columns:1fr}}
.attempt-list{display:grid;gap:9px;margin-top:18px}.attempt-row{display:grid;grid-template-columns:110px 1fr 1fr 150px auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-left:4px solid #e89a14;border-radius:10px;background:#fbfdfe;font-size:13px}.attempt-row.pass{border-left-color:#62a800}.attempt-row.fail{border-left-color:var(--danger)}.attempt-row small{color:var(--muted);font-weight:800}@media(max-width:800px){.attempt-row{grid-template-columns:1fr 1fr}.attempt-row>*:first-child{grid-column:1/-1}}
.local-email-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-top:18px}.local-email-form label{font-size:12px;font-weight:750}.local-email-form input{display:block;width:100%;margin-top:7px;border:1px solid #bfd1df;border-radius:9px;padding:12px}.delivery-list{display:grid;gap:8px;margin-top:16px}.delivery-list article{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#f6f9fb}.delivery-list span,.delivery-list small{color:var(--muted)}@media(max-width:700px){.local-email-form,.delivery-list article{grid-template-columns:1fr}}
.delivery-summary{grid-template-columns:repeat(4,1fr)}.delivery-filters{margin:20px 0;flex-wrap:wrap}.delivery-board{display:grid;gap:10px}.delivery-row{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr;gap:16px;padding:16px;border:1px solid var(--line);border-left:5px solid #e89a14;border-radius:12px;background:#fbfdfe}.delivery-row.pass{border-left-color:#62a800}.delivery-row.fail{border-left-color:var(--danger)}.delivery-row>div{display:grid;gap:5px;min-width:0}.delivery-row small{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.06em}.delivery-row a{color:var(--blue);font-weight:900;text-decoration:none}.delivery-row span{color:var(--muted);font-size:12px}.delivery-row strong{overflow-wrap:anywhere}@media(max-width:900px){.delivery-summary{grid-template-columns:1fr 1fr}.delivery-row{grid-template-columns:1fr 1fr}}@media(max-width:580px){.delivery-summary,.delivery-row{grid-template-columns:1fr}}
.topbar-actions{display:flex;align-items:center;gap:14px}.company-menu{position:relative}.company-menu>button{border:0;background:transparent;color:#0b4677;font-weight:700;padding:10px 12px;cursor:pointer}.company-menu-items{display:none;position:absolute;right:0;top:100%;z-index:20;min-width:210px;background:#fff;border:1px solid #d7e3ee;border-radius:8px;box-shadow:0 8px 24px #0b467733}.company-menu:hover .company-menu-items{display:block}.company-menu-items a{display:block;padding:10px 14px;color:#0b4677;text-decoration:none}.company-menu-items a:hover{background:#eef6fb}.tabs{display:flex;gap:24px;border-bottom:1px solid #d7e3ee;margin:0 0 24px}.tab{padding:12px 2px;color:#5a7893;text-decoration:none;border-bottom:2px solid transparent}.tab.active{color:#0068b5;border-bottom-color:#0068b5;font-weight:700}
.brand-mark{font-size:25px!important;background:transparent!important;color:#fff;line-height:1;transform:rotate(-25deg)}.simple-nav{gap:2px!important}.simple-nav .nav-main{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 10px}.simple-nav .nav-main.active{background:#1674e8;border-left:0}.simple-nav .nav-main i{margin-left:auto;font-style:normal}.nav-toggle{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.nav-sub{display:none;background:#062b4b;padding:7px 0 8px 32px}.nav-group.open .nav-sub{display:grid}.nav-sub a{padding:9px 10px;color:#dcecf7;text-decoration:none;font-size:13px}.nav-sub a:hover{color:#fff}.nav-group.open>.nav-toggle i{transform:rotate(180deg)}
.nav-sub{display:grid;grid-template-rows:0fr;overflow:hidden;padding:0 0 0 32px;transition:grid-template-rows .22s ease,padding .22s ease}.nav-sub>*{min-height:0}.nav-group.open .nav-sub{grid-template-rows:1fr;padding:7px 0 8px 32px}.nav-group.open>.nav-toggle i{display:inline-block;transform:rotate(180deg);transition:transform .22s ease}
.simple-nav .nav-group:not(.open) .nav-sub{display:none!important}.simple-nav .nav-sub{display:grid;grid-template-rows:0fr;max-height:0;overflow:hidden;padding:0 0 0 32px;transition:max-height .22s ease,padding .22s ease}.simple-nav .nav-group.open .nav-sub{grid-template-rows:1fr;max-height:260px;padding:7px 0 8px 32px}.simple-nav .nav-main{font-size:14px}.simple-nav .nav-main:first-letter{font-size:16px}
.pagination,.pagination nav{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px}.pagination svg,.pagination nav svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;color:var(--blue);text-decoration:none}.pagination .active span{background:var(--blue);color:#fff;border-color:var(--blue)}
.main svg{width:1rem!important;height:1rem!important;max-width:1rem!important;max-height:1rem!important;display:inline-block!important;vertical-align:middle}.main nav[role="navigation"]{display:flex;align-items:center;gap:8px;font-size:13px}.main nav[role="navigation"]>div{display:flex;align-items:center;gap:8px}
.inline-add-client{border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer;float:right}.client-drawer{position:fixed;z-index:50;inset:0 0 0 auto;width:min(460px,100%);background:#171717;color:#fff;padding:24px;box-shadow:-12px 0 35px #0007;transform:translateX(100%);transition:transform .25s ease}.client-drawer.visible{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.drawer-head h2{margin:0}.drawer-head button{border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.client-drawer form{display:grid;gap:16px}.client-drawer label{display:grid;gap:7px;font-size:13px;font-weight:700}.client-drawer input,.client-drawer select{padding:12px;border:1px solid #444;border-radius:8px;background:#202020;color:#fff}.drawer-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.credit-note-form .helper{color:var(--muted);margin-bottom:18px}.credit-note-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #bfd1df;border-radius:9px;padding:12px;background:#fff;color:var(--ink);resize:vertical}.credit-note-safety{display:flex;gap:10px;align-items:center;margin-top:18px;padding:13px 16px;background:#eef8df;border:1px solid #cde6a4;border-radius:10px;color:#4b700d}.credit-note-safety strong{white-space:nowrap}
.inventory-intro{position:relative}.inventory-intro .primary{position:absolute;right:24px;top:28px}.product-drawer{overflow:auto}.product-drawer form{padding-bottom:28px}.drawer-tabs{display:flex;gap:18px;border-bottom:1px solid #383838;padding:10px 0 12px;flex-wrap:wrap;color:#bbb;font-size:12px}.drawer-tabs .active{color:#42a5ff;border-bottom:2px solid #1976e8;padding-bottom:11px}
.reports-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px}.report-menu{display:grid;align-content:start;gap:4px}.report-menu h2{font-size:14px;margin:12px 10px 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.report-menu a{padding:10px 12px;color:var(--blue);text-decoration:none;border-radius:6px}.report-menu a.active,.report-menu a:hover{background:#edf5fa}.report-panel{min-width:0}.report-filters{display:flex;align-items:center;gap:10px;margin:4px 0 18px}.report-filters input{border:1px solid #bfd1df;border-radius:9px;padding:10px;background:white}.report-filters span{color:var(--muted);font-size:13px}@media(max-width:900px){.reports-layout{grid-template-columns:1fr}}@media(max-width:580px){.report-filters{align-items:stretch;flex-direction:column}.report-filters>*{width:100%}}
.drawer-tabs button{border:0;background:transparent;color:#bbb;cursor:pointer;padding:4px 0;font:inherit}.drawer-tabs button.active{color:#42a5ff;border-bottom:2px solid #1976e8}.product-tab-panel{display:none;gap:16px}.product-tab-panel.active{display:grid}.drawer-note{color:#aaa;font-size:12px}.switch-row{display:flex!important;align-items:center;justify-content:space-between}.switch-row input{width:18px}
.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dashboard-welcome h2{margin:4px 0}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboard-card h2{margin:6px 0 18px}.dashboard-card>strong{font-size:28px}.dashboard-card p{color:var(--muted)}.dashboard-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}.dashboard-row strong{color:var(--blue)}@media(max-width:800px){.dashboard-grid{grid-template-columns:1fr}.dashboard-welcome{align-items:flex-start;gap:12px;flex-direction:column}}
.remove-line{width:28px!important;height:28px;padding:0!important;border:0!important;background:transparent!important;color:#1474c4!important;font-size:26px!important;line-height:24px!important;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}.remove-line:hover{color:#dc3545!important;background:#fee!important}
.draft-line:has(input[name="discount[]"]){grid-template-columns:minmax(0,3fr) minmax(130px,1fr) minmax(130px,1fr) auto}.draft-line:has(input[name="discount[]"]) .remove-line{align-self:end}@media(max-width:900px){.draft-line:has(input[name="discount[]"]){grid-template-columns:1fr 150px 120px auto}}@media(max-width:580px){.draft-line:has(input[name="discount[]"]){grid-template-columns:1fr}.draft-line:has(input[name="discount[]"]) .remove-line{justify-self:end}}
.notes-field textarea{display:block;width:100%;min-height:92px;height:92px;resize:vertical;box-sizing:border-box;margin-top:7px;padding:12px;border:1px solid #bfd1df;border-radius:9px;background:#fff;color:var(--ink);font:inherit;line-height:1.4}.notes-field{min-width:0}
.theme-toggle{border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);width:38px;height:32px;cursor:pointer;font-size:18px}.dark-mode{--ink:#e7eef5;--muted:#a8b6c4;--line:#33404d;--bg:#0d1117;--white:#151a21}.dark-mode .panel,.dark-mode .welcome-card,.dark-mode .hero,.dark-mode .stats article,.dark-mode .invoice-preview{background:#151a21;color:var(--ink);box-shadow:none}.dark-mode .form-grid input,.dark-mode .form-grid select,.dark-mode textarea,.dark-mode .draft-line input,.dark-mode .draft-line select{background:#10151b;color:var(--ink);border-color:#3b4a58}.dark-mode .secondary{background:#151a21;color:var(--ink);border-color:#536474}.dark-mode .draft-line{background:#11171e;border-color:#33404d}.dark-mode .table-wrap th{background:#202a34}.dark-mode .steps span{background:#202a34;color:#dbe6ef}.dark-mode .counter,.dark-mode .filter-pill.active{background:#19354a;color:#77c2ff}.dark-mode .theme-toggle{background:#202a34;color:#ffd76a;border-color:#536474}
.brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.brand-row .brand{margin-bottom:0}.sidebar-toggle{width:30px;height:30px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff12;display:grid;place-content:center;gap:3px;cursor:pointer;padding:6px}.sidebar-toggle span{display:block;width:15px;height:2px;background:#dcecf7;border-radius:2px;transition:transform .25s ease}.sidebar{transition:width .28s ease}.main{transition:margin-left .28s ease}.sidebar-collapsed .sidebar{width:78px;padding-left:14px;padding-right:14px}.sidebar-collapsed .main{margin-left:78px}.sidebar-collapsed .brand-row{justify-content:center}.sidebar-collapsed .brand strong,.sidebar-collapsed .sidebar nav a span,.sidebar-collapsed .nav-main span,.sidebar-collapsed .nav-main i,.sidebar-collapsed .environment{display:none}.sidebar-collapsed .brand-mark{width:42px}.sidebar-collapsed .sidebar nav a,.sidebar-collapsed .sidebar nav .nav-main{display:flex;justify-content:center;padding-left:8px;padding-right:8px}.sidebar-collapsed .nav-sub{display:none!important}.sidebar-collapsed .sidebar-toggle span:first-child{transform:translateY(5px) rotate(45deg)}.sidebar-collapsed .sidebar-toggle span:nth-child(2){opacity:0}.sidebar-collapsed .sidebar-toggle span:last-child{transform:translateY(-5px) rotate(-45deg)}
@media(max-width:900px){.sidebar-collapsed .sidebar{width:auto}.sidebar-collapsed .main{margin-left:0}.sidebar-toggle{display:none}}
.sidebar-collapsed .sidebar-toggle span:first-child{transform:none;width:10px}.sidebar-collapsed .sidebar-toggle span:nth-child(2){opacity:1;width:15px}.sidebar-collapsed .sidebar-toggle span:last-child{transform:none;width:10px}.sidebar-collapsed .sidebar nav>a,.sidebar-collapsed .sidebar nav>.nav-group>.nav-main{font-size:0;overflow:hidden;white-space:nowrap}.sidebar-collapsed .sidebar nav>a::before,.sidebar-collapsed .sidebar nav>.nav-group>.nav-main::before{content:'•';font-size:17px;color:#dcecf7}.sidebar-collapsed .sidebar nav>a.active::before{color:var(--green)}
.sidebar-collapsed .sidebar nav{display:none}.sidebar-collapsed .sidebar .environment{display:none}.sidebar-collapsed .sidebar nav>a::before,.sidebar-collapsed .sidebar nav>.nav-group>.nav-main::before{display:none}
.sidebar-toggle span:first-child{width:16px}.sidebar-toggle span:nth-child(2){width:12px}.sidebar-toggle span:last-child{width:8px}.sidebar-collapsed .sidebar-toggle span:first-child{width:8px}.sidebar-collapsed .sidebar-toggle span:nth-child(2){width:12px}.sidebar-collapsed .sidebar-toggle span:last-child{width:16px}
.sidebar-toggle{position:fixed;z-index:30;top:24px;left:245px}.sidebar-collapsed .sidebar-toggle{left:88px}.brand-row{margin-bottom:0}.topbar-title{display:flex;align-items:flex-start;gap:14px}.topbar-title>.sidebar-toggle{display:none}@media(max-width:900px){.sidebar-toggle{position:static}.brand-row{margin-bottom:36px}}
.topbar-title{padding-left:52px;padding-top:10px}.topbar-title h1{margin-top:8px}@media(max-width:900px){.topbar-title{padding-left:0;padding-top:0}}
.topbar-title>div{margin-left:42px}@media(max-width:900px){.topbar-title>div{margin-left:0}}
.topbar>div:first-child{padding-left:58px;padding-top:8px}.topbar>div:first-child h1{margin-top:8px}@media(max-width:900px){.topbar>div:first-child{padding-left:0;padding-top:0}}
.sidebar-toggle{transition:left .28s ease,background-color .28s ease}.sidebar-toggle span{transition:width .28s ease,transform .28s ease,opacity .28s ease}
.simple-nav .nav-group{margin-inline:-18px}
.simple-nav .nav-group>.nav-main{margin-inline:18px;width:calc(100% - 36px)}
.simple-nav .nav-sub{padding-left:50px!important;padding-right:18px!important;background:#031a2d}
.simple-nav .nav-sub a{padding:11px 0!important;border-radius:0!important}
.main{padding:0 30px 30px}
.topbar{height:64px;margin:0 -30px 0;padding:0 30px;background:var(--navy);border-bottom:1px solid #ffffff14;display:flex;justify-content:flex-end;align-items:center}
.topbar-actions{margin-left:auto}
.topbar>div:first-child{padding:0!important}
.topbar .company-menu>button{color:#dcecf7!important}
.topbar .company-menu>button:hover{color:#fff!important;background:#ffffff12;border-radius:8px}
.page-heading{padding:32px 0 24px}
.page-heading small{font-size:11px;letter-spacing:.13em;color:var(--blue);font-weight:900}
.page-heading h1{margin:7px 0 0;font-size:30px}
@media(max-width:900px){.main{padding:0 18px 18px}.topbar{margin:0 -18px;padding:0 18px}.page-heading{padding-top:24px}}