*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f8fb;color:#172033}button,input,select,textarea{font:inherit}button{cursor:pointer}.center,.login{min-height:100vh;display:grid;place-items:center}.login{background:linear-gradient(135deg,#102a43,#1d4ed8)}.login-card{width:min(430px,92vw);background:#fff;padding:38px;border-radius:20px;box-shadow:0 24px 70px #0004}.brand-mark,.logo>span{display:grid;place-items:center;background:#1d4ed8;color:#fff;font-weight:800;border-radius:12px}.brand-mark{width:54px;height:54px;font-size:25px}.login h1{margin:18px 0 6px}.login p,.muted{color:#718096}.login label,.form label{display:grid;gap:7px;margin:15px 0;font-size:13px;font-weight:700}.login input,.form input,.form select,.form textarea,.search input{border:1px solid #dbe2ea;border-radius:10px;padding:12px;background:#fff;outline:none}.login input:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#2563eb}.primary,.secondary{border:0;border-radius:10px;padding:12px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:#1d4ed8;color:#fff}.secondary{background:#eaf0ff;color:#1d4ed8}.login .primary{width:100%;margin-top:12px}.error{padding:10px;background:#fee2e2;color:#991b1b;border-radius:8px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#102a43;color:#d8e3ef;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;gap:11px;align-items:center;padding:4px 8px 25px}.logo>span{width:39px;height:39px}.logo b{display:block;color:#fff;font-size:19px}.logo small{font-size:10px}.nav,.logout{width:100%;border:0;background:transparent;color:#c7d5e4;padding:12px;border-radius:10px;display:flex;gap:11px;align-items:center;margin:3px 0;text-align:left}.nav svg,.logout svg,.primary svg,.secondary svg,.back svg{width:18px}.nav.active,.nav:hover{background:#1d4ed8;color:#fff}.logout{margin-top:auto}main{min-width:0}header{height:82px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;justify-content:space-between;align-items:center;padding:0 28px}header h2{margin:0;font-size:23px}header p{margin:4px 0;color:#7b8794;font-size:12px}.user{font-size:12px;background:#eef3f8;padding:9px 12px;border-radius:20px}.content{padding:26px;max-width:1500px;margin:auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid #e4e9ef;border-radius:15px;padding:18px;text-align:left;position:relative;box-shadow:0 2px 8px #102a4308}.stat span{display:block;color:#6b7785;font-size:12px}.stat strong{font-size:29px;display:block;margin-top:8px}.stat svg{position:absolute;right:14px;top:50%;width:17px;color:#9aa7b5}.panel{background:#fff;border:1px solid #e3e8ef;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 2px 9px #102a4308}.panel h3{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h3{margin:0}.panel-head p{margin:5px 0 0;color:#7c8795;font-size:12px}.small{padding:9px 12px;font-size:13px}.search{display:flex;align-items:center;gap:8px;margin:18px 0}.search svg{width:18px;color:#8794a2}.search input{width:min(430px,100%)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f4;font-size:13px}th{font-size:11px;text-transform:uppercase;color:#7d8996}td small{display:block;color:#8995a3;margin-top:3px}.badge{display:inline-block;background:#eaf1ff;color:#2455b7;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.iconbtn{border:0;background:#f1f4f8;border-radius:8px;padding:6px}.iconbtn svg{width:16px}.empty{text-align:center!important;color:#8b96a3;padding:30px!important}.form{max-width:950px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form textarea{min-height:90px;resize:vertical}.form>.primary{margin-top:12px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.company-card{border:1px solid #e4e9ef;background:#fff;border-radius:13px;padding:17px;display:flex;gap:12px;align-items:center;text-align:left}.company-card>svg:first-child{color:#1d4ed8}.company-card>svg:last-child{margin-left:auto;width:17px}.company-card h4{margin:0 0 5px}.company-card p{margin:0;color:#7c8794;font-size:11px}.company-card span{display:block;margin-top:8px;font-size:11px;color:#1d4ed8}.back{border:0;background:transparent;display:flex;align-items:center;gap:7px;margin-bottom:15px;color:#536273}.profile{background:#102a43;color:#fff;border-radius:16px;padding:23px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.profile>div:first-child{display:flex;gap:13px;align-items:center}.profile h2{margin:0}.profile p{color:#b9c8d7}.avatar{width:48px;height:48px;border-radius:13px;background:#1d4ed8;display:grid;place-items:center;font-weight:800;font-size:21px}.avatar.company svg{width:23px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:11px 0;gap:15px}.info span{color:#778492;font-size:12px}.info b{text-align:right;font-size:13px}.docs>div{display:grid;grid-template-columns:24px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf0f4;padding:9px 0}.docs svg{width:17px;color:#1d4ed8}.docs button{border:1px solid #dce3eb;background:#f6f8fa;border-radius:7px;padding:5px 8px}.kanban{display:flex;gap:13px;overflow:auto;padding-bottom:8px}.lane{min-width:225px;background:#f6f8fb;border-radius:12px;padding:12px}.lane h4{font-size:12px;margin:0 0 12px;display:flex;justify-content:space-between}.lane h4 span{background:#dde6f2;border-radius:12px;padding:2px 7px}.mini{background:#fff;border:1px solid #e1e7ee;border-radius:10px;padding:11px;margin-bottom:9px}.mini b,.mini small{display:block}.mini small,.mini p{color:#7d8996;font-size:10px}.mini p{margin:7px 0 0}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}.company-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{grid-template-columns:1fr}aside{position:static;height:auto;padding:12px}.logo{padding-bottom:8px}nav{display:flex;overflow:auto}.nav{width:auto}.nav span{display:none}.logout{position:absolute;right:12px;top:12px;width:auto}.logout span{display:none}header{padding:0 15px}.user{display:none}.content{padding:14px}.cards,.grid,.two,.company-grid{grid-template-columns:1fr}.profile{align-items:flex-start;gap:15px}.profile>div:first-child{align-items:flex-start}.panel{padding:15px}}.user{display:flex!important;flex-direction:column;align-items:flex-end}.user small{text-transform:capitalize;color:#64748b;font-size:11px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:16px 0}.filters .search{margin:0}.filters select{border:1px solid #d8e1ec;border-radius:10px;padding:0 12px;background:#fff}.job-add{display:flex;gap:10px;max-width:700px}.job-add input{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.chips>span{display:inline-flex;align-items:center;gap:6px;background:#eef4ff;border:1px solid #d7e4ff;padding:7px 10px;border-radius:999px;font-size:13px}.chips button{border:0;background:none;padding:0;display:flex}.chips svg{width:14px}.docrow{display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center}.docrow span{display:flex;flex-direction:column}.docrow small{color:#64748b;margin-top:3px}.docactions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.uploadbtn{display:inline-flex!important;align-items:center;gap:5px;background:#edf3ff;color:#1d4ed8;padding:7px 10px!important;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}.uploadbtn input{display:none}.uploadbtn svg,.docactions svg{width:16px;height:16px}.danger{color:#dc2626}.success{background:#ecfdf5;color:#047857;padding:10px;border-radius:8px}.loadingbar{position:fixed;right:20px;bottom:20px;background:#0f172a;color:#fff;padding:10px 14px;border-radius:9px;z-index:20}.mini{width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff}.mini:hover{border-color:#93b4ff}.two>.panel .info{margin-top:12px}@media(max-width:850px){.filters{grid-template-columns:1fr}.shell aside{width:200px}.content{padding:16px}.cards{grid-template-columns:1fr 1fr}.two,.grid{grid-template-columns:1fr}}@media(max-width:620px){.shell{display:block}.shell aside{position:relative;width:100%;height:auto}.shell aside nav{display:flex;overflow:auto}.nav{min-width:max-content}.logout{position:relative}.shell main{margin-left:0!important}.cards{grid-template-columns:1fr}.docrow{grid-template-columns:20px 1fr!important}.docactions{grid-column:2}}.doc-upload-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin:16px 0}.doc-upload-form label{display:grid;gap:6px;margin:0;font-size:12px;font-weight:700}.doc-upload-form input,.doc-upload-form select{border:1px solid #d8e1ec;border-radius:9px;padding:10px;background:#fff;min-width:0}.doc-upload-form .doc-remarks{grid-column:span 2}.doc-upload-form .primary{height:40px}.user b{font-size:12px;font-weight:700}.user small{text-align:right}@media(max-width:1000px){.doc-upload-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.doc-upload-form{grid-template-columns:1fr}.doc-upload-form .doc-remarks{grid-column:auto}}.phone-field{display:grid;grid-template-columns:minmax(165px,44%) 1fr;gap:8px}.phone-field select,.phone-field input{width:100%;min-width:0}.phone-field select{font-size:13px}@media(max-width:640px){.phone-field{grid-template-columns:1fr}.phone-field select{font-size:14px}}.step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.step-head>span{background:#1d4ed8;color:#fff;font-weight:800;font-size:11px;padding:7px 10px;border-radius:999px;white-space:nowrap}.step-head h3{margin:2px 0 4px}.step-head p{margin:0;color:#64748b;font-size:12px}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.workflow>div{border:1px solid #dfe6ee;border-radius:12px;padding:12px;background:#fff;display:grid;grid-template-columns:30px 1fr;column-gap:8px;align-items:center}.workflow b{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#475569}.workflow span{font-weight:700;font-size:12px}.workflow small{color:#64748b}.workflow .done{border-color:#bbf7d0;background:#f0fdf4}.workflow .done b{background:#16a34a;color:#fff}.workflow .current{border-color:#bfdbfe;background:#eff6ff}.workflow .current b{background:#2563eb;color:#fff}.workflow .locked{opacity:.58}.form-actions{display:flex;gap:10px;align-items:center;margin-top:12px}.form-actions .primary{margin-top:0}@media(max-width:720px){.workflow{grid-template-columns:1fr 1fr}}@media(max-width:460px){.workflow{grid-template-columns:1fr}}.account-banner{background:linear-gradient(120deg,#102a43,#133e69);color:#fff;border-radius:16px;padding:24px;margin-bottom:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}.account-banner span{font-size:11px;letter-spacing:2px;color:#c6d5e5}.account-banner h3{margin:8px 0;font-size:24px}.account-banner p{font-size:13px;margin:0;color:#d5e2ef}.account-banner .primary{background:#a82d57}.account-banner .secondary{background:#fff;color:#102a43}.account-toolbar{margin-bottom:16px}.account-filters{flex-wrap:wrap;gap:12px;margin:18px 0}.account-filters input,.account-filters select{border:1px solid #dce4ed;border-radius:9px;padding:10px;min-width:0}.account-filters>input{flex:1;min-width:190px}.account-filters label{font-size:12px;display:grid;gap:4px}.account-totals{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;font-size:13px;color:#143c5a}.account-totals span{background:#f0f5fb;padding:12px;border-radius:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a4380;z-index:50;display:grid;place-items:center;padding:20px}.modal-card{width:min(850px,100%);max-height:90vh;overflow:auto}.modal-card .panel{margin:0}.money-document{max-width:790px;margin:20px auto;padding:28px;background:#fff;color:#0c2b51;border:1px solid #d8dee6;box-shadow:0 10px 35px #14294012;font-family:Arial,sans-serif;font-size:12px;overflow-wrap:anywhere}.receipt-top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 4px 18px;border-bottom:3px solid #a0183e}.receipt-top img{width:310px;max-width:47%;height:auto;object-fit:contain}.receipt-company{border-left:1px solid #7689a0;padding-left:20px;font-size:12px;line-height:1.45}.receipt-company p{margin:4px 0}.receipt-heading{text-align:center;font-size:32px;letter-spacing:.6px;margin:23px 0 20px;color:#0c2b51}.receipt-meta{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.receipt-meta>div{display:flex;gap:9px;align-items:baseline}.receipt-meta span{font-weight:700}.receipt-meta b{font-weight:400}.receipt-box{border:1px solid #c7d0dc;border-radius:6px;padding:7px 15px;margin-bottom:14px}.receipt-field{display:grid;grid-template-columns:205px 1fr;gap:12px;padding:10px 0;line-height:1.4;min-width:0;break-inside:avoid}.receipt-field>span{font-weight:700}.receipt-field>b{font-weight:400;border-bottom:1px solid #8695a8;padding:0 2px 5px;white-space:pre-wrap;min-width:0}.receipt-party-fields .receipt-field{padding:9px 0}.receipt-stage{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c7d0dc;border-radius:6px;margin:0 0 9px}.receipt-stage .receipt-field{grid-template-columns:auto minmax(45px,1fr);padding:12px;gap:10px}.receipt-stage .receipt-field+div{border-left:1px solid #c7d0dc}.receipt-amount{border:1.5px solid #a0183e;border-radius:6px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;margin:10px 0 12px;gap:16px}.receipt-amount span{font-size:14px;font-weight:700}.receipt-amount strong{font-size:24px;white-space:nowrap}.receipt-words{border:1px solid #c7d0dc;border-radius:6px;padding:0 15px;margin-bottom:15px}.receipt-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a5b0be;border-radius:6px;overflow:hidden;margin-bottom:15px}.receipt-summary>div{text-align:center}.receipt-summary>div+div{border-left:1px solid #a5b0be}.receipt-summary span{display:block;font-weight:700;background:#f2f4f7;padding:10px 6px;border-bottom:1px solid #a5b0be}.receipt-summary b{display:block;font-size:17px;padding:15px 6px;font-weight:500}.receipt-method-fields .receipt-field{padding:8px 0}.receipt-signatures{display:grid;grid-template-columns:1fr 110px 1fr;gap:27px;align-items:end;text-align:center;margin-top:26px;break-inside:avoid}.receipt-signatures b{display:block;min-height:32px;font-size:11px;font-weight:400}.receipt-signatures span{display:block;border-top:1px solid #405e80;padding-top:8px;font-size:12px;font-weight:700}.receipt-signatures small{display:block;font-size:10px;margin-top:5px}.receipt-signatures .receipt-seal{border:1px dashed #a5afbd;border-radius:6px;color:#7b8492;min-height:84px;display:grid;place-items:center;font-size:11px;align-self:stretch}.receipt-recipient-signature{font-size:11px;margin-top:22px;text-align:right}.receipt-cancel{padding:10px;border:2px solid #b91c1c;color:#b91c1c;font-weight:700;margin-bottom:12px}.account-form .grid label{min-width:0}.account-form input{width:100%}@media(max-width:800px){.account-banner{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.money-document{padding:15px}.receipt-top{gap:12px}.receipt-company{font-size:9px;padding-left:10px}.receipt-heading{font-size:25px}.receipt-meta{flex-direction:column;gap:8px;font-size:11px}.receipt-field{grid-template-columns:125px 1fr;gap:8px;font-size:11px}.receipt-box{padding:7px 10px}.receipt-stage{grid-template-columns:1fr}.receipt-stage .receipt-field+div{border-left:0;border-top:1px solid #c7d0dc}.receipt-amount span{font-size:11px}.receipt-amount strong{font-size:20px}.receipt-summary{font-size:10px}.receipt-summary b{font-size:15px}.receipt-signatures{grid-template-columns:1fr 65px 1fr;gap:10px}.receipt-signatures span{font-size:10px}.receipt-signatures small{font-size:8px}}@page{size:A4 portrait;margin:12mm}@media print{body{background:#fff!important}body:has(#money-document) .shell{display:block}body:has(#money-document) aside,body:has(#money-document) main>header,body:has(#money-document) .content>*:not(#money-document){display:none!important}body:has(#money-document) main,body:has(#money-document) .content{display:block!important;margin:0!important;padding:0!important;max-width:none!important}.money-document{width:100%;max-width:none;box-shadow:none;border:0;margin:0;padding:0;color:#0c2b51;font-size:12px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.receipt-top{padding-bottom:16px}.receipt-top img{width:300px;max-width:47%}.receipt-company{font-size:12px;padding-left:18px}.receipt-heading{font-size:30px;margin:20px 0}.receipt-meta{flex-direction:row;font-size:12px;margin-bottom:16px}.receipt-field{grid-template-columns:200px 1fr;font-size:12px}.receipt-stage{grid-template-columns:1fr 1fr}.receipt-stage .receipt-field+div{border-top:0;border-left:1px solid #c7d0dc}.receipt-amount span{font-size:14px}.receipt-amount strong{font-size:24px}.receipt-summary{font-size:12px}.receipt-summary b{font-size:17px}.receipt-signatures{grid-template-columns:1fr 110px 1fr;gap:27px;margin-top:26px}.receipt-signatures span{font-size:12px}.receipt-signatures small{font-size:10px}.receipt-top,.receipt-meta,.receipt-amount,.receipt-words,.receipt-summary{break-inside:avoid}.no-print{display:none!important}}.account-register .table-wrap{overflow-x:auto}.account-register table{min-width:830px}@media print{.receipt-top{padding-bottom:12px}.receipt-top img{width:265px}.receipt-heading{margin:14px 0;font-size:28px}.receipt-meta{margin-bottom:12px}.receipt-box{padding:5px 13px;margin-bottom:10px}.receipt-party-fields .receipt-field{padding:6px 0}.receipt-field{padding:7px 0}.receipt-field>b{padding-bottom:3px}.receipt-stage{margin-bottom:7px}.receipt-stage .receipt-field{padding:9px 12px}.receipt-amount{padding:10px 14px;margin:8px 0 10px}.receipt-words,.receipt-summary{margin-bottom:10px}.receipt-summary span{padding:8px 6px}.receipt-summary b{padding:11px 6px}.receipt-method-fields .receipt-field{padding:5px 0}.receipt-signatures{margin-top:18px}.receipt-signatures .receipt-seal{min-height:70px}.receipt-recipient-signature{margin-top:16px}}.receipt-signatures-general>div:first-child>b,.receipt-signatures-general>div:last-child>b{min-height:92px;font-size:0}@media print{.receipt-signatures-general{margin-top:22px;break-inside:avoid;page-break-inside:avoid}.receipt-signatures-general>div:first-child>b,.receipt-signatures-general>div:last-child>b{min-height:92px}.receipt-signatures-general .receipt-seal{min-height:105px}}