@font-face{font-family:CardName;src:url('/document-centre/Poppins-ExtraBold.ttf')}@font-face{font-family:CardRole;src:url('/document-centre/Poppins-SemiBold.ttf')}@font-face{font-family:CardPhone;src:url('/document-centre/Roboto-Regular.ttf')}
*{box-sizing:border-box}body{margin:0;background:#f3f7f8;color:#103749;font:15px/1.6 Arial,sans-serif}a{color:#075873}.dc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;gap:24px;background:#ffffffd9;border-bottom:1px solid #dbe7eb}.dc-brand img{display:block;width:150px}.dc-header nav{display:flex;gap:22px;flex-wrap:wrap}.dc-header nav a{text-decoration:none;font-weight:700;font-size:13px}main{max-width:1250px;margin:auto;padding:40px 24px 65px}.intro{margin-bottom:32px}.intro h1{font-size:clamp(32px,4vw,51px);line-height:1.1;letter-spacing:-1.5px;margin:12px 0 20px}.intro p,.section-top p{color:#607884}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#547c89}.panel,.editor-section{background:white;border:1px solid #d7e5ea;border-radius:20px;padding:30px;box-shadow:0 12px 35px #173f4c08}.narrow{max-width:520px}.panel h2,.section-top h2{font-size:28px;letter-spacing:-.5px;margin:8px 0 10px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:30px}.choice{text-align:left;text-decoration:none;background:#fff;border:1px solid #d5e3e8;border-radius:18px;padding:23px;cursor:pointer;color:#103749;font:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.choice:hover,.choice[aria-pressed=true]{transform:translateY(-3px);border-color:#61a3b5;box-shadow:0 12px 25px #173f4c10}.choice span{display:block;font-size:11px;font-weight:bold;letter-spacing:2px;color:#83a2ac}.choice h2{font-size:23px;line-height:1.2;margin:22px 0 14px;letter-spacing:-.5px}.choice p{font-size:13px;color:#647f8b;min-height:42px}.choice b{display:block;font-size:12px;color:#075873;margin-top:20px}.brochure{background:#103749;color:#fff}.brochure p,.brochure span{color:#b9d3dc}.brochure b{color:#ffc480}.editor-section{margin-bottom:30px;scroll-margin-top:18px}[hidden]{display:none!important}.section-top{border-bottom:1px solid #dce8ed;margin-bottom:28px;padding-bottom:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-grid.compact{gap:0 12px}label{display:block;font-size:13px;font-weight:700;margin:14px 0;color:#294f5e}input:not([type=checkbox]):not([type=range]),textarea,select{display:block;width:100%;padding:12px 13px;border-radius:9px;border:1px solid #cbdde4;background:#fff;color:#103749;font:inherit;font-weight:400;margin-top:7px;min-height:46px}textarea{resize:vertical;line-height:1.6}input[type=range]{width:100%;accent-color:#075873;margin-top:18px}.check{display:flex;align-items:center;gap:10px}.check input{accent-color:#075873}button{font:inherit;cursor:pointer}.primary,.secondary,.link-button{display:inline-block;text-decoration:none;border-radius:9px;padding:12px 18px;font-size:14px;font-weight:bold;min-height:46px}.primary{background:#075873;border:1px solid #075873;color:white}.primary:hover{background:#103749}.secondary{background:#f8fbfc;border:1px solid #cbdde4;color:#075873}.secondary:hover{background:#eaf3f6}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #50a3b9;outline-offset:3px}.signature-box{border:1px solid #d4e3e9;border-radius:12px;padding:18px;margin:24px 0}.signature-box legend{font-weight:700;padding:0 8px}.signature-pad{display:block;width:100%;max-width:650px;aspect-ratio:10/3;border:1px dashed #b9d0d9;border-radius:8px;background:#fff;touch-action:none;margin:12px 0}.saved-signature{max-width:200px;max-height:80px}.help{font-size:12px;color:#617c88}.form-error,.error{color:#a83a26}.alert{padding:16px 20px;background:#e9f7f0;border:1px solid #b6d9ca;border-radius:10px}.alert.error{background:#fff0ed;border-color:#edc2b9}.save-result{margin-top:18px;font-size:14px}.save-result a{display:inline-block;padding:10px 16px;border-radius:8px;background:#e8f3ee;color:#12624b}.invoice-item{border:1px solid #d3e3e9;border-radius:12px;padding:18px;margin:15px 0}.item-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.item-head button{font-size:12px;min-height:36px;padding:7px 12px}.line-total{align-self:center;background:#f1f7f9;border-radius:8px;padding:16px}.line-total span{display:block;font-size:12px;color:#617c88}.invoice-summary{display:flex;gap:22px;flex-wrap:wrap;margin:22px 0;padding:18px;background:#eef6f8;border-radius:10px}.invoice-summary span{display:block;font-size:12px;color:#5e7e8b}.invoice-summary strong{font-size:19px}.seller-details{border:1px solid #d3e3e9;padding:16px;border-radius:10px;margin:20px 0}.seller-details summary{cursor:pointer;font-weight:700}.id-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:30px}.id-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;margin-top:20px}.id-front{position:relative;container-type:inline-size}.id-background,.id-back{display:block;width:100%;height:auto;box-shadow:0 10px 25px #10374918}.portrait{position:absolute;left:29.95%;top:22.76%;width:41.73%;height:33.25%;border-radius:12%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.id-name,.id-role,.id-phone{position:absolute;left:7%;width:86%;text-align:center;white-space:nowrap;line-height:1.4;overflow:hidden}.id-name{top:58.05%;font-family:CardName;color:#103749;font-size:6.994cqw}.id-role{top:63.93%;font-family:CardRole;color:#103749;font-size:5.023cqw}.id-phone{top:69.05%;font-family:CardPhone;color:#103749;font-size:4.582cqw}.id-front.sanvaad .id-name{color:red}.id-front.sanvaad .id-role{color:black}.id-front.sanvaad .id-phone{color:#24252f}.lock-form{margin:25px 0}.history-toolbar{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:25px}.history-toolbar form{display:flex;align-items:end;gap:10px}.history-toolbar label{margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:15px 10px;border-bottom:1px solid #dce8ed;text-align:left;vertical-align:top}th{color:#617c88;font-size:11px;text-transform:uppercase;letter-spacing:1px}td small{display:block;color:#6b8590;margin-top:5px}.edit-info{padding:20px;background:#eaf4f7;border:1px solid #c9dfe7;border-radius:12px;margin-bottom:25px}.edit-info details{margin-top:20px}.edit-info summary{cursor:pointer}.pagination{display:flex;justify-content:space-between;gap:20px;margin-top:20px}footer{padding:22px 5vw;border-top:1px solid #dce8ed;font-size:12px;display:flex;justify-content:space-between;gap:18px}
@media(max-width:1050px){.choice-grid{grid-template-columns:1fr 1fr}.id-layout{grid-template-columns:1fr}.id-preview{max-width:430px}}@media(max-width:600px){.dc-header{padding:14px 20px;flex-wrap:wrap;gap:14px}.dc-brand img{width:125px}.dc-header nav{gap:15px}main{padding:28px 16px}.panel,.editor-section{padding:22px 18px}.choice-grid{gap:12px}.choice{padding:18px}.choice h2{font-size:20px;margin-top:15px}.choice p{min-height:65px;font-size:12px}.form-grid{grid-template-columns:1fr}.form-grid.compact{grid-template-columns:1fr 1fr}.invoice-item{padding:13px}.history-toolbar{flex-direction:column}.history-toolbar form{width:100%;align-items:end}.history-toolbar label{flex:1}.signature-box{padding:12px}.invoice-summary strong{font-size:16px}footer{flex-wrap:wrap}}
