:root{--ink:#10243e;--navy:#071827;--navy2:#0b2438;--teal:#0b8f87;--teal-dark:#087068;--teal-soft:#e5f8f5;--copper:#c97555;--copper-soft:#fff1eb;--amber:#d99b25;--blue:#377dce;--paper:#f4f7fb;--white:#fff;--muted:#66758a;--line:#dce4ee;--danger:#c93445;--success:#087a55;--radius:14px;--shadow:0 10px 28px rgba(16,36,62,.07)}
.invoice-sheet{overflow:hidden}.invoice-parties{display:grid;padding:20px;grid-template-columns:1.4fr 1fr;gap:30px}.invoice-parties small{color:var(--teal-dark);font-size:9px;font-weight:850;letter-spacing:1px}.invoice-parties h3{margin:3px 0}.invoice-parties p{margin:4px 0;color:var(--muted)}.invoice-parties>div:last-child{display:grid;align-content:start;gap:5px}.invoice-parties>div:last-child span{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #edf1f6;color:var(--muted)}.invoice-parties>div:last-child b{color:var(--ink)}.invoice-totals{display:flex;justify-content:flex-end;padding:16px 20px;border-top:1px solid var(--line);gap:24px}.invoice-totals span{display:flex;flex-direction:column;color:var(--muted);font-size:10px}.invoice-totals b{color:var(--ink);font-size:15px}
@media(max-width:650px){.invoice-parties{grid-template-columns:1fr}.invoice-totals{justify-content:flex-start;flex-wrap:wrap}}
.document-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.document-actions form{margin:0}.compact-summary>div{display:flex;padding:14px 20px;flex-wrap:wrap;gap:25px}.compact-summary>div span{display:flex;flex-direction:column;color:var(--muted);font-size:10px}.compact-summary>div b{color:var(--ink);font-size:13px}.inline-form,.compact-form{display:flex;align-items:center;gap:7px}.inline-form select,.compact-form select,.compact-form input{min-height:34px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:11px}.inline-form button,.compact-form button{min-height:34px;padding:6px 11px;border:0;border-radius:7px;color:#fff;background:var(--teal);font-size:11px}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.workspace-grid>.panel{margin:0}.workspace-grid .compact-form{padding:12px 16px;border-bottom:1px solid var(--line)}.workspace-grid .compact-form input,.workspace-grid .compact-form select{min-width:0;flex:1}.record-list{display:grid}.record-list>div{display:flex;padding:11px 16px;border-top:1px solid #edf1f6;flex-direction:column}.record-list>div:first-child{border-top:0}.record-list span{color:var(--muted);font-size:11px}.workspace-add>summary{padding:12px 16px;cursor:pointer;color:var(--teal-dark);font-weight:800;list-style:none}.workspace-add[open]>summary{border-bottom:1px solid var(--line)}
@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.document-actions{justify-content:flex-start}.compact-form{align-items:stretch;flex-direction:column}}
.quote-items{display:grid;padding:14px;gap:9px}.quote-item{display:grid;align-items:end;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;grid-template-columns:30px minmax(170px,1.5fr) minmax(180px,1.6fr) 90px 75px 80px 95px 78px 72px 105px 31px;gap:7px}.quote-item label{margin:0;color:#526276;font-size:9px;font-weight:800;text-transform:uppercase}.quote-item .form-control,.quote-item .form-select{min-height:36px;margin-top:4px;padding:6px 8px;font-size:11px}.quote-item textarea{height:36px;min-height:36px;resize:vertical}.quote-line-number{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;color:var(--teal-dark);background:var(--teal-soft);font-size:10px;font-weight:850}.quote-item output{padding:8px 2px;font-size:11px;font-weight:850;text-align:right}.quote-remove{width:29px;height:29px;border:1px solid #f1b7be;border-radius:7px;color:var(--danger);background:#fff}.quote-add{margin:0 14px 14px}.quote-totals{display:flex;justify-content:flex-end;padding:14px 18px;border-top:1px solid var(--line);gap:20px}.quote-totals span{display:flex;flex-direction:column;color:var(--muted);font-size:10px}.quote-totals b{color:var(--ink);font-size:14px}.terms-box{min-height:190px!important}.action-menu{position:relative}.action-menu summary{cursor:pointer;color:var(--teal-dark);font-size:12px;list-style:none}.action-menu form{position:absolute;z-index:5;right:0;display:grid;width:220px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);gap:6px}.action-menu input,.action-menu select{width:100%;padding:6px;border:1px solid var(--line);border-radius:6px;font-size:11px}.action-menu form button{padding:6px;border-radius:6px;color:#fff;background:var(--teal)}
@media(max-width:1300px){.quote-item{overflow-x:auto;grid-template-columns:30px 190px 200px 90px 75px 80px 95px 78px 72px 105px 31px}}
.quotation-preview{overflow:auto;padding:28px;border-radius:14px;background:#dfe4ea}.quotation-document{position:relative;width:210mm;min-height:297mm;margin:0 auto;padding:15mm 14mm 17mm 18mm;overflow:hidden;color:#29181b;background:#fffaf6;box-shadow:0 10px 35px rgba(20,25,35,.18);font:9px/1.45 Arial,sans-serif}.quotation-edge{position:absolute;inset:0 auto 0 0;width:4mm;background:linear-gradient(90deg,#2a1117 70%,#c98563 71%)}.quotation-letterhead{display:grid;align-items:center;padding:0 4mm 7mm;border-bottom:1px solid #c98563;grid-template-columns:22mm 1fr 54mm;gap:7mm}.quotation-logo{font-size:23px;color:#c98563}.quotation-letterhead h1{margin:0;font-size:23px;letter-spacing:7px}.quotation-letterhead strong{display:block;color:#c98563;font-size:10px;letter-spacing:3px}.quotation-letterhead small{display:block;margin-top:5px;color:#9b6a58;letter-spacing:2px}.quotation-letterhead aside{display:grid;padding:7mm 4mm;border-radius:3mm;background:#f3e8e1;text-align:center;gap:3px}.quotation-letterhead aside span{color:#c07957;font-weight:800}.quotation-title{margin:6mm 0 4mm;text-align:center;font-size:13px;letter-spacing:3px}.quotation-parties{display:grid;border:1px solid #dfb9a8;border-radius:3mm;grid-template-columns:1fr 1fr}.quotation-parties>div{min-height:34mm;padding:5mm}.quotation-parties>div+div{border-left:1px solid #dfb9a8}.quotation-parties small,.quotation-meta small{display:block;color:#a3533d;font-size:6px;font-weight:900;letter-spacing:.8px}.quotation-parties h3{margin:2px 0;font-size:12px}.quotation-parties p{margin:4px 0;white-space:normal}.quotation-parties .right{text-align:right}.quotation-meta{display:grid;margin-top:3mm;border:1px solid #dfb9a8;border-radius:2mm;grid-template-columns:1.3fr repeat(3,1fr)}.quotation-meta span{padding:3mm}.quotation-meta span+span{border-left:1px solid #dfb9a8}.quotation-meta b{display:block;margin-top:2px;font-size:8px}.quotation-summary{margin-top:5mm}.quotation-summary-title{display:flex;justify-content:space-between;padding:2.5mm 3mm;color:#fff;background:#32141b}.quotation-summary-title span{font-size:7px}.quotation-summary table{width:100%;border-collapse:collapse}.quotation-summary th{padding:2mm;color:#fff;background:#82503f;font-size:6px;text-align:left}.quotation-summary td{padding:2.2mm;border-bottom:1px solid #ead8cf;vertical-align:top}.quotation-summary td small{display:block;max-width:58mm;color:#6e5a55}.quotation-summary th:not(:nth-child(2)),.quotation-summary td:not(:nth-child(2)){text-align:right}.quotation-total-grid{display:grid;grid-template-columns:1fr 58mm}.quotation-total-grid dl{display:grid;margin:2mm 0 0;grid-template-columns:1fr 1fr}.quotation-total-grid dt,.quotation-total-grid dd{margin:0;padding:1.4mm 2mm;border-bottom:1px solid #ead8cf}.quotation-total-grid dd{text-align:right}.quotation-total-grid dt:last-of-type,.quotation-total-grid dd:last-of-type{color:#fff;background:#32141b;font-weight:900}.quotation-terms{margin-top:5mm;padding:3mm;border:1px solid #dfb9a8;border-radius:2mm;font-size:7px}.quotation-terms h3{margin:0}.quotation-terms p{margin:2mm 0;white-space:normal}.quotation-terms>b{display:block;margin-top:1mm}.quotation-signatures{display:grid;margin-top:6mm;grid-template-columns:1fr 1fr;gap:25mm}.quotation-signatures>div{display:grid;gap:2px}.quotation-signatures>div>span:first-child{height:10mm;border-bottom:1px solid #8b6e65}.quotation-signatures small{color:#8b6e65}.quotation-signatures .right{text-align:right}.signature-space{height:14mm}.print-toolbar{position:sticky;top:0;z-index:3;padding:10px;background:#172638;text-align:center}.print-toolbar button{padding:9px 17px;border:0;border-radius:7px;color:#fff;background:#0b8f87}.quotation-print{margin:0;padding:12px;background:#dfe4ea}
@page{size:A4 portrait;margin:0}@media print{.quotation-print{padding:0;background:#fff}.print-toolbar{display:none}.quotation-document{width:210mm;height:297mm;min-height:297mm;margin:0;box-shadow:none;page-break-after:always}}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:var(--paper);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:270px;overflow:hidden;flex-direction:column;color:#d9e7f4;background:linear-gradient(180deg,var(--navy),#06131f)}.sidebar-brand{display:flex;min-height:76px;align-items:center;padding:12px 17px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand>a{display:flex;min-width:0;align-items:center;color:#fff;gap:12px}.sidebar-brand>a>span{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(201,117,85,.55);border-radius:12px;color:#ffb08f;background:rgba(201,117,85,.12);font-weight:850}.sidebar-brand a div{display:flex;min-width:0;flex-direction:column}.sidebar-brand small{color:#81a1bd;font-size:11px}.sidebar-brand button{display:none;margin-left:auto;border:0;color:#fff;background:none;font-size:25px}.sidebar-nav{flex:1;padding:8px 10px;overflow-y:auto}.sidebar-nav section>p{margin:17px 10px 7px;color:#6286a6;font-size:10px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}.sidebar-nav a{display:flex;align-items:center;margin:3px 0;padding:10px 12px;border-radius:10px;color:#bdd2e5;gap:11px}.sidebar-nav a>span{width:20px;color:#50d3c7;text-align:center}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;background:rgba(11,143,135,.2)}.sidebar-nav a.active{box-shadow:inset 3px 0 var(--teal)}.sidebar-health{display:flex;align-items:center;padding:16px 20px;border-top:1px solid rgba(255,255,255,.09);gap:10px}.sidebar-health>i{width:9px;height:9px;border-radius:50%;background:#27ce92}.sidebar-health div{display:flex;flex-direction:column}.sidebar-health small{color:#7596b2;font-size:10px}.main-area{display:flex;width:calc(100% - 270px);min-height:100vh;margin-left:270px;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;min-height:76px;align-items:center;padding:10px 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.menu-button{display:none;border:0;background:none;font-size:23px}.topbar-company{display:flex;align-items:center;gap:11px}.topbar-company>span{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;color:var(--teal-dark);background:var(--teal-soft)}.topbar-company div,.topbar-user>div{display:flex;flex-direction:column}.topbar-company small,.topbar-user small{color:var(--muted);font-size:10px}.topbar-user{display:flex;align-items:center;margin-left:auto;gap:11px;text-align:right}.topbar-user>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;background:var(--teal);font-weight:800}.topbar-user form{margin:0}.topbar-user button{padding:8px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.page-content{width:100%;max-width:1600px;margin:0 auto;padding:30px;flex:1}.app-footer{display:flex;justify-content:space-between;padding:15px 30px;border-top:1px solid var(--line);color:var(--muted);background:#fff;font-size:11px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.page-heading p,.panel header small{margin:0;color:var(--teal-dark);font-size:10px;font-weight:850;letter-spacing:1.2px}.page-heading h1{margin:3px 0 2px;font-size:30px}.page-heading span,.page-heading time{color:var(--muted)}.page-heading time{padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:#fff}.metric-grid{display:grid;margin-bottom:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-grid>article{display:flex;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);gap:13px}.metric-symbol{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;font-weight:900}.metric-symbol.teal{color:var(--teal-dark);background:var(--teal-soft)}.metric-symbol.amber{color:#98650b;background:#fff5d9}.metric-symbol.blue{color:#245b9b;background:#eaf3ff}.metric-symbol.coral{color:#a8452c;background:var(--copper-soft)}.metric-grid article div{display:flex;min-width:0;flex-direction:column}.metric-grid small{color:var(--muted);font-size:10px;font-weight:800}.metric-grid strong{font-size:22px}.metric-grid p{margin:0;color:var(--muted);font-size:11px}.dashboard-panels,.split-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{overflow:hidden;margin-bottom:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.panel>header{display:flex;min-height:67px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);gap:14px}.panel header h2{margin:2px 0 0;font-size:16px}.panel>header>span,.panel>header>a{color:var(--muted);font-size:12px}.flow-track{display:grid;padding:16px}.flow-track>div{display:flex;align-items:center;padding:11px;border-radius:9px;gap:12px}.flow-track>div+div{border-top:1px solid #eef2f7}.flow-track b{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:var(--teal-dark);background:var(--teal-soft);font-size:11px}.flow-track span{display:flex;flex-direction:column}.flow-track small{color:var(--muted)}.access-summary{padding:25px}.access-summary>strong{display:inline-block;padding:6px 10px;border-radius:99px;color:var(--teal-dark);background:var(--teal-soft)}.access-summary p{color:var(--muted)}.form-grid{display:grid;padding:20px;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid label{font-size:12px;font-weight:750}.form-grid .form-control,.form-grid .form-select{margin-top:6px;font-size:13px}.form-grid textarea{min-height:88px;resize:vertical}.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;padding-top:4px;gap:9px}.filter-bar{display:flex;padding:14px 20px;border-bottom:1px solid var(--line);gap:9px}.filter-bar .form-control{max-width:430px}.filter-bar .form-select{max-width:210px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:11px 14px;color:#526276;background:#f7f9fc;font-size:10px;letter-spacing:.4px;text-align:left;text-transform:uppercase}.data-table td{padding:12px 14px;border-top:1px solid #edf1f6;vertical-align:middle}.data-table td>small{display:block;color:var(--muted);font-size:11px}.data-table tr:hover td{background:#fbfcfe}.status{display:inline-block;padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800}.status.success{color:var(--success);background:#e8f8f1}.status.muted{color:#657386;background:#eef2f6}.row-actions{display:flex;align-items:center;gap:8px}.row-actions form{margin:0}.row-actions a,.row-actions button{padding:0;border:0;color:var(--teal-dark);background:none;font-size:12px}.row-actions button{color:var(--danger)}.empty{padding:25px!important;color:var(--muted);text-align:center}.alert{border-radius:10px}.btn{border-radius:8px}.btn-primary{border-color:var(--teal);background:var(--teal)}.btn-primary:hover{border-color:var(--teal-dark);background:var(--teal-dark)}.menu-backdrop{display:none}
.login-page{height:100dvh;overflow:hidden;background:#fff}.login-layout{display:grid;height:100dvh;grid-template-columns:1.08fr .92fr}.login-story{display:flex;padding:clamp(28px,5vw,72px);overflow:hidden;flex-direction:column;color:#fff;background:radial-gradient(circle at 10% 90%,rgba(11,143,135,.32),transparent 34%),radial-gradient(circle at 90% 10%,rgba(201,117,85,.22),transparent 32%),linear-gradient(145deg,var(--navy),var(--navy2))}.login-status{display:flex;align-items:center;justify-content:space-between;color:#aac3d8;font-size:11px}.login-status>span{padding:7px 10px;border:1px solid rgba(201,117,85,.5);border-radius:99px;color:#ffb28e}.login-status b{display:flex;align-items:center;gap:7px}.login-status i{width:9px;height:9px;border-radius:50%;background:#29cc91}.login-brand{display:grid;align-items:center;margin:auto 0 42px;grid-template-columns:auto 1fr;gap:28px}.login-monogram{display:grid;width:112px;height:112px;place-items:center;border-radius:28px;color:#fff;background:linear-gradient(145deg,var(--teal),#075d58);font-size:32px;font-weight:900}.login-brand small{color:#77d8cf;letter-spacing:1.7px}.login-brand h1{max-width:650px;margin:8px 0;font-size:clamp(32px,4vw,56px);line-height:1.08}.login-brand p{max-width:650px;margin:0;color:#b6cadb}.login-flow{display:grid;gap:10px}.login-flow article{display:flex;align-items:center;padding:10px 0;gap:13px}.login-flow article>b{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;color:#7de4d8;background:rgba(11,143,135,.18)}.login-flow article>span{display:flex;flex-direction:column}.login-flow small{color:#9bb5ca}.login-entry{display:grid;padding:clamp(24px,5vw,72px);place-items:center}.login-card{display:grid;width:min(100%,450px);gap:11px}.login-card>.eyebrow{margin:0;color:var(--copper);font-size:10px;font-weight:900;letter-spacing:1.4px}.login-card h2{margin:0;font-size:36px}.login-card>p:not(.eyebrow){margin:0 0 11px;color:var(--muted)}.login-card label,.login-card legend{font-size:12px;font-weight:750}.login-card .form-control{min-height:48px;margin-top:6px}.password-wrap{position:relative}.password-wrap button{position:absolute;top:14px;right:8px;border:0;color:var(--teal-dark);background:none;font-size:11px}.login-card fieldset{padding:0;border:0}.challenge{display:grid;grid-template-columns:1fr 1fr;gap:9px}.challenge output{display:grid;min-height:48px;margin-top:6px;place-items:center;border:1px dashed var(--copper);border-radius:7px;background:var(--copper-soft);font-weight:900}.login-button{min-height:50px;margin-top:5px;color:#fff;background:linear-gradient(135deg,var(--teal),#076b65);font-weight:850}.login-help{color:var(--muted);text-align:center}.mobile-identity{display:none}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panels,.split-layout{grid-template-columns:1fr}.form-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.sidebar-brand button,.menu-button{display:block}.main-area{width:100%;margin-left:0}.menu-backdrop.show{position:fixed;inset:0;z-index:25;display:block;background:rgba(4,16,28,.55)}.topbar{padding:10px 16px}.page-content{padding:20px 15px}.login-story{display:none}.login-layout{display:block}.login-entry{min-height:100dvh}.mobile-identity{display:flex;align-items:center;gap:9px}.mobile-identity span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;color:#fff;background:var(--teal)}}
@media(max-width:620px){.topbar-company small,.topbar-user>div,.topbar-user form{display:none}.page-heading{align-items:flex-start;flex-direction:column}.metric-grid,.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.filter-bar{display:grid}.filter-bar .form-control,.filter-bar .form-select{max-width:none}.app-footer{align-items:flex-start;flex-direction:column}.full{grid-column:1}}
.conditional-block{padding:14px;border:1px solid var(--line);border-radius:10px;background:#f9fbfd}.conditional-block[hidden]{display:none}.conditional-block h3{margin:0 0 5px;font-size:13px}.conditional-block .form-grid{padding:8px 0 0}
.timeline{display:grid;padding:18px;gap:12px}.timeline article{display:grid;grid-template-columns:38px 1fr;gap:11px}.timeline article>b{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--teal-dark);background:var(--teal-soft);font-size:11px}.timeline article>div{padding:12px 14px;border:1px solid var(--line);border-radius:10px}.timeline article>div>strong,.timeline article>div>small{display:block}.timeline article small{color:var(--muted);font-size:10px}.timeline article p{margin:8px 0}.timeline article span{display:inline-block;margin:3px 6px 0 0;padding:4px 7px;border-radius:6px;color:#315b7c;background:#edf5fb;font-size:10px}.timeline.compact article>div{padding:9px 12px}