.link-button { border: 0; padding: 0; background: transparent; color: var(--primary); font: inherit; font-weight: 600; }
.page-main { min-height: calc(100vh - 76px); }.breadcrumbs { display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#8b989e;font-size:10px}.breadcrumbs button{border:0;background:none;padding:0;color:var(--primary);font-weight:600}.breadcrumbs b{font-weight:500;color:#66757d}.page-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-title-row h2{margin:0 0 4px;font-size:24px}.page-title-row p{margin:0;color:var(--muted);font-size:12px}.secondary-button{min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#4f5e65;font-weight:600;font-size:11px}.secondary-button:hover{border-color:var(--primary);color:var(--primary)}.secondary-button.small{min-height:31px;padding:0 10px;font-size:9px}.primary-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.profile-wrap{position:relative}.profile{width:245px;min-width:0;border:0;background:none;text-align:left}.profile b{margin-left:auto}.profile-menu{display:none;position:absolute;right:0;top:49px;width:175px;padding:7px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);z-index:30}.profile-menu.open{display:block}.profile-menu button{width:100%;height:36px;padding:0 10px;border:0;border-radius:5px;background:none;text-align:left;color:#4e5c63;font-size:11px}.profile-menu button:hover{background:var(--primary-light);color:var(--primary)}
.stepper{display:flex;align-items:flex-start;margin:0 0 22px;padding:20px 22px;background:#fff;border:1px solid var(--border);border-radius:10px}.step{position:relative;flex:1;text-align:center;color:#95a1a6;font-size:9px}.step:not(:last-child)::after{content:"";position:absolute;z-index:0;top:14px;left:60%;width:80%;height:2px;background:#e5ebed}.step.done:not(:last-child)::after{background:var(--primary)}.step i{position:relative;z-index:1;width:29px;height:29px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;background:#edf1f2;color:#809096;font-style:normal;font-weight:700}.step.done i{background:var(--primary);color:#fff}.step.current i{box-shadow:0 0 0 5px var(--primary-light)}.step span{display:block}.step.current span{color:var(--primary-dark);font-weight:700}.workflow-card{padding:24px;background:#fff;border:1px solid var(--border);border-radius:10px}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.section-heading>span{width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:var(--primary);color:#fff;font-weight:700}.section-heading h3{margin:0;font-size:14px}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}.certificate-types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.certificate-type{position:relative;min-height:175px;padding:19px;border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;align-items:flex-start}.certificate-type.selected{border:2px solid var(--primary);background:#fbfefe}.certificate-type.disabled{background:#fafbfb;color:#7d8b91}.doc-symbol,.file-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:var(--primary-light);color:var(--primary);font-size:18px}.certificate-type h3{margin:14px 0 4px;font-size:12px}.certificate-type p{min-height:32px;margin:0 0 14px;color:var(--muted);font-size:10px}.certificate-type .compact{margin-top:auto;height:34px}.coming-soon{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:10px;background:#eef1f2;color:#7a888e;font-size:8px;font-weight:700}.basic-form{margin-top:28px;padding-top:24px;border-top:1px solid #e8edef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{display:block;color:#46545b;font-size:10px;font-weight:600}.form-grid label.full{grid-column:1/-1}.form-grid label>b{color:var(--error)}.form-grid label>small{color:#98a4a9;font-weight:400}.form-grid input,.form-grid textarea,.extracted-field input{width:100%;margin-top:7px;padding:11px 12px;border:1px solid var(--border);border-radius:7px;outline:0;color:var(--text);background:#fff;font-size:11px}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.extracted-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,107,105,.08)}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.form-actions .primary-button{width:auto}.upload-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.upload-summary h3{margin:0;font-size:13px}.upload-summary p{margin:3px 0 0;color:var(--muted);font-size:9px}.upload-summary>strong{color:var(--primary);font-size:18px}.upload-list{display:grid;gap:9px}.upload-card{min-height:76px;padding:13px 15px;display:flex;align-items:center;gap:13px;border:1px dashed #cfdadd;border-radius:8px;transition:.2s}.upload-card:hover,.upload-card.dragging{border-color:var(--primary);background:#f7fbfb}.upload-card.uploaded{border-style:solid;border-color:#b9dfcc;background:#fbfefc}.upload-card.uploaded .file-symbol{background:#e8f6ed;color:var(--success)}.upload-info{flex:1}.upload-info h3{margin:0 0 4px;font-size:11px}.upload-info p,.upload-info small{margin:0;color:var(--muted);font-size:9px}.upload-info small{color:var(--success);font-weight:600}.requirement{margin-left:6px;padding:3px 6px;border-radius:9px;background:#f1f3f4;color:#78868c;font-size:7px}.requirement.required{background:#fff0f0;color:var(--error)}.requirement.recommended{background:#fff5e5;color:var(--warning)}.upload-actions{display:flex;align-items:center;gap:8px}.danger-link{border:0;background:none;color:var(--error);font-size:9px}.validation-note{margin:16px 0;padding:10px;border-radius:7px;background:#fff6e8;color:var(--warning);font-size:10px;text-align:center}.validation-note.ready{background:#edf9f1;color:var(--success)}
.processing-card{text-align:center}.request-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid var(--border);border-radius:18px;font-size:9px}.request-chip span{color:var(--primary);font-weight:700}.processing-orb{width:76px;height:76px;margin:24px auto 15px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary),#79bbb8,var(--primary));animation:spin 2s linear infinite}.processing-orb span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--primary);font-weight:700}.processing-card h3{margin:0}.processing-card>div>p{color:var(--muted);font-size:10px}.progress-track{max-width:600px;height:6px;margin:18px auto;background:#e7eeee;border-radius:5px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:var(--primary);transition:.7s}.processing-steps{max-width:650px;margin:0 auto;text-align:left}.processing-steps>div{height:40px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef1f2;color:#87949a}.processing-steps i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#edf1f2;font-size:9px;font-style:normal}.processing-steps span{flex:1;font-size:10px}.processing-steps b{font-size:8px;font-weight:500}.processing-steps .active{color:var(--primary)}.processing-steps .active i{background:var(--primary-light);color:var(--primary)}.processing-steps .done{color:var(--success)}.processing-steps .done i{background:#e8f6ed}.complete-mark,.verify-success{width:65px;height:65px;margin:20px auto 12px;display:grid;place-items:center;border-radius:50%;background:#e8f6ed;color:var(--success);font-size:30px}.processing-card h2{margin:0}.result-stats{max-width:650px;margin:25px auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:8px}.result-stats div{padding:15px;border-right:1px solid var(--border)}.result-stats div:last-child{border:0}.result-stats span,.result-stats strong{display:block}.result-stats span{color:var(--muted);font-size:8px}.result-stats strong{margin-top:5px;font-size:19px}.center-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.center-actions .primary-button{width:auto}@keyframes spin{to{transform:rotate(360deg)}}
.data-panel{overflow:hidden}.toolbar{height:64px;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.search-box{width:310px;height:36px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;color:#7a888f}.search-box input{width:100%;border:0;outline:0;font-size:10px}.data-table{overflow-x:auto}.data-row{min-width:850px;min-height:60px;padding:0 18px;display:grid;align-items:center;gap:12px;border-bottom:1px solid #edf1f2;font-size:10px}.data-row:last-child{border-bottom:0}.data-head{min-height:40px;background:#fafbfb;color:#7c8a90;font-size:9px;font-weight:600}.requests-data .data-row{grid-template-columns:1.1fr 1.5fr 1.1fr .9fr 1.15fr .8fr}.certificates-data .data-row{grid-template-columns:1fr 1.5fr 1.1fr .9fr .7fr 1.5fr}.payment-data .data-row{grid-template-columns:1fr 1fr 1fr .9fr .8fr .8fr}.request-link{border:0;background:none;padding:0;color:var(--primary);font-weight:700;text-align:left}.action-group{display:flex;gap:6px}.action-group button{border:0;background:none;color:var(--primary);font-size:9px;font-weight:600}.row-button{width:100%;border-left:0;border-right:0;border-top:0;background:#fff;text-align:left}.row-button:hover{background:#fbfdfd}.row-button>b{font-size:18px;color:#89969b}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.detail-card,.timeline-card{padding:20px}.detail-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--border)}.detail-header span,.detail-fields span{display:block;color:var(--muted);font-size:8px}.detail-header h3{margin:3px 0 0;color:var(--primary);font-size:16px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding-top:18px}.detail-fields strong{display:block;margin-top:4px;font-size:10px}.timeline-card>h3{margin:0 0 17px;font-size:12px}.timeline>div{position:relative;min-height:39px;display:flex;align-items:flex-start;gap:10px;color:#8c999e;font-size:9px}.timeline>div:not(:last-child)::after{content:"";position:absolute;top:22px;left:10px;width:1px;height:22px;background:#dfe6e8}.timeline i{position:relative;z-index:1;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#edf1f2;font-style:normal;font-size:8px}.timeline .done{color:var(--primary-dark);font-weight:600}.timeline .done i{background:var(--primary);color:#fff}.timeline .done:not(:last-child)::after{background:var(--primary)}.timeline .current i{box-shadow:0 0 0 4px var(--primary-light)}.documents-section{margin-top:18px}.document-row{min-height:61px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f2}.document-row:last-child{border:0}.document-row .file-symbol{width:32px;height:32px;font-size:14px}.document-row>div{flex:1}.document-row strong,.document-row small{display:block}.document-row strong{font-size:10px}.document-row small{margin-top:3px;color:var(--muted);font-size:8px}
.review-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px}.review-document{display:grid;place-items:center;padding:25px;background:#eef2f3}.fake-doc{position:relative;width:min(410px,100%);aspect-ratio:.707;padding:28px;background:#fff;box-shadow:0 7px 25px rgba(35,51,54,.12);text-align:center}.fake-doc img{width:120px}.fake-doc h3{margin:30px 0;font-size:15px}.fake-lines{height:110px;background:repeating-linear-gradient(#e4e9ea 0 2px,transparent 2px 18px)}.fake-table{height:130px;margin-top:15px;border:1px solid #dfe5e6;background:repeating-linear-gradient(90deg,transparent 0 90px,#e2e7e8 90px 91px),repeating-linear-gradient(#fff 0 27px,#e2e7e8 27px 28px)}.fake-doc>span{position:absolute;bottom:15px;left:0;right:0;color:#9aa5aa;font-size:8px}.extracted-panel{padding-bottom:18px}.extracted-panel>.panel-header{margin-bottom:5px}.extracted-field{display:block;margin:0 18px;padding:10px 0;border-bottom:1px solid #edf1f2;color:#68767d;font-size:9px}.extracted-field>span{display:flex;justify-content:space-between}.extracted-field>span b{color:var(--success)}.extracted-field.warning>span b{color:var(--warning)}.extracted-field input{margin-top:5px;padding:8px 10px}.extracted-panel .form-actions{padding:13px 18px 0}.fake-doc.modal-doc{width:300px;box-shadow:none}.certificate-preview{min-height:420px;padding:30px;border:5px double var(--primary);text-align:center}.certificate-preview img{width:170px}.certificate-preview>span{display:block;margin:55px 0 10px;font-size:14px;letter-spacing:2px}.certificate-preview h2{font-size:24px}.certificate-preview p{color:var(--muted)}.signature-line{width:170px;margin:80px auto 0;border-top:1px solid #333;padding-top:6px;font-size:9px}
.payment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.payment-stats article{padding:19px;background:#fff;border:1px solid var(--border);border-radius:9px}.payment-stats span,.payment-stats strong,.payment-stats small{display:block}.payment-stats span{color:var(--muted);font-size:9px}.payment-stats strong{margin:7px 0 2px;font-size:20px}.payment-stats small{color:var(--primary);font-size:8px}.notification-list{overflow:hidden}.notification-item{min-height:82px;padding:15px 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1f2}.notification-item:last-child{border:0}.notification-item.read{background:#fafbfb;opacity:.7}.notification-dot{width:9px;height:9px;border-radius:50%;background:var(--primary)}.notification-item.read .notification-dot{background:#bdc5c8}.notification-item>div:nth-child(2){flex:1}.notification-item h3{margin:0 0 3px;font-size:11px}.notification-item>div button{border:0;background:none;padding:0;color:var(--primary);font-size:9px;font-weight:700}.notification-item small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.notification-item>span{color:var(--muted);font-size:9px}.company-card{overflow:hidden}.company-banner{min-height:110px;padding:20px;display:flex;align-items:center;gap:15px;background:linear-gradient(90deg,#f0f9f8,#fff)}.company-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff;font-size:16px;font-weight:700}.company-banner>div:nth-child(2){flex:1}.company-banner h3{margin:0;font-size:15px}.company-banner p{margin:4px 0 0;color:var(--muted);font-size:9px}.company-form{padding:22px}.company-form input:disabled{background:#f7f9f9;color:#69777d}.hidden{display:none!important}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-card{padding:20px}.settings-card>h3{margin:0 0 16px;font-size:12px}.settings-row{min-height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f2}.settings-row strong,.settings-row small{display:block}.settings-row strong{font-size:10px}.settings-row small{margin-top:3px;color:var(--muted);font-size:8px}.language-options{display:flex;gap:10px}.language-options label{flex:1;padding:12px;border:1px solid var(--border);border-radius:7px;font-size:10px}.language-options input{accent-color:var(--primary)}.language-options small{color:var(--muted)}.toggle-row{min-height:47px;display:flex;align-items:center;border-top:1px solid #edf1f2;font-size:10px}.toggle-row span{flex:1}.toggle-row input{display:none}.toggle-row i{position:relative;width:34px;height:19px;border-radius:12px;background:#cbd4d7;transition:.2s}.toggle-row i::after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.toggle-row input:checked+i{background:var(--primary)}.toggle-row input:checked+i::after{transform:translateX(15px)}.empty-state{padding:90px 20px;text-align:center}.empty-state>div{color:var(--primary-light);font-size:80px;font-weight:700}.empty-state h2{margin:0}.empty-state p{color:var(--muted)}.empty-state .primary-button{width:auto;margin:20px auto}.toast{position:fixed;z-index:100;right:25px;bottom:25px;padding:13px 18px;border-radius:8px;background:#173d3c;color:#fff;box-shadow:var(--shadow);font-size:10px;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}.toast.info{background:#38565e}.modal-backdrop{position:fixed;z-index:90;inset:0;padding:25px;display:grid;place-items:center;background:rgba(13,31,35,.48)}.demo-modal{position:relative;width:min(500px,100%);max-height:90vh;overflow:auto;padding:24px;background:#fff;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.demo-modal>h3{margin:0 0 15px}.demo-modal>p{color:var(--muted);line-height:1.7}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:22px;color:#6e7d84}
@media(max-width:1050px){.certificate-types{grid-template-columns:1fr 1fr}.detail-grid,.review-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.review-document{min-height:600px}}
@media(max-width:760px){.page-title-row{align-items:flex-start;gap:13px}.page-title-row>button{white-space:nowrap}.profile{width:auto}.profile>b{display:none}.stepper{overflow-x:auto;padding:16px 5px}.step{min-width:100px}.certificate-types{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.upload-card{align-items:flex-start;flex-wrap:wrap}.upload-info{min-width:calc(100% - 55px)}.upload-actions{margin-left:51px}.result-stats{grid-template-columns:1fr 1fr}.result-stats div:nth-child(2){border-right:0}.payment-stats{grid-template-columns:1fr}.detail-fields{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.notification-item{align-items:flex-start}.notification-item>.secondary-button{max-width:90px}.review-document{min-height:auto}.fake-doc{width:300px}.action-group{flex-direction:column}.page-main{padding:20px 14px}.toast{right:14px;bottom:14px;left:14px;text-align:center}}