@layer reset,base,theme,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:light}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-inline-size:100%;block-size:auto;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}}@layer theme{:root{--color-green-primary: oklch(.62 .17 143);--color-green-light: oklch(.97 .015 143);--color-blue-primary: oklch(.6 .16 230);--color-purple-primary: oklch(.55 .18 290);--color-slate-900: oklch(.18 .02 240);--color-slate-600: oklch(.45 .02 240);--color-slate-100: oklch(.96 .01 240);--color-slate-50: oklch(.98 .005 240);--color-white: oklch(1 0 0);--color-bg-dark: oklch(.06 .01 240);--color-bg-dark-card: oklch(.12 .01 240);--color-bg-overlay: oklch(1 0 0 / .75);--color-bg-overlay-hover: oklch(1 0 0 / .04);--color-bg-overlay-hover-strong: oklch(1 0 0 / .08);--color-text-on-dark: oklch(.85 .01 240);--color-text-muted-dark: oklch(.55 .01 240);--color-green-hover: oklch(.55 .16 143);--color-border-default: oklch(0 0 0 / .05);--color-border-subtle: oklch(0 0 0 / .01);--color-border-light: oklch(0 0 0 / .04);--color-border-medium: oklch(0 0 0 / .08);--color-border-input: oklch(0 0 0 / .1);--color-border-on-dark: oklch(1 0 0 / .05);--color-border-on-dark-hover: oklch(1 0 0 / .15);--color-border-on-dark-hover-strong: oklch(1 0 0 / .3);--color-shadow-soft: oklch(0 0 0 / .02);--color-shadow-medium: oklch(0 0 0 / .05);--color-shadow-strong: oklch(0 0 0 / .25);--color-shadow-dialog: oklch(0 0 0 / .15);--color-backdrop: oklch(0 0 0 / .3);--color-shadow-card-hover: oklch(0 0 0 / .08);--color-divider: oklch(0 0 0 / .06);--color-status-pending-bg: oklch(.97 .02 90);--color-status-pending-text: oklch(.65 .18 90);--color-status-danger-bg: oklch(.96 .02 24);--color-status-danger-text: oklch(.6 .18 24);--color-status-danger-hover: oklch(.52 .16 24);--color-input-invalid-bg: oklch(.98 .01 24 / .15);--header-height: 4.25rem;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}}@layer base{body{background-color:var(--color-white);color:var(--color-slate-900);line-height:1.4}h1,h2,h3{font-family:Outfit,sans-serif;font-weight:700;line-height:1.15}}@layer layout{.scroll-container{inline-size:100%}.fullscreen-section{min-block-size:100dvb;position:relative;display:grid;place-items:center;padding-block-start:var(--header-height);inline-size:100%}.main-header{position:fixed;inset-block-start:0;inset-inline:0;block-size:var(--header-height);z-index:100;display:flex;align-items:center;background-color:var(--color-bg-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block-end:1px solid var(--color-border-default);transition:background-color .3s ease}.header-container{inline-size:100%;max-inline-size:1400px;margin-inline:auto;padding-inline:2.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:Outfit,sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:var(--color-slate-900);display:flex;align-items:center;gap:.5rem}.logo-dot{inline-size:.5rem;aspect-ratio:1;background-color:var(--color-green-primary);border-radius:50%}.header-nav-group{display:flex;align-items:center;gap:1rem}.nav-menu ul{list-style:none;display:flex;align-items:center;gap:2.5rem}.nav-link{font-weight:500;font-size:.95rem;color:var(--color-slate-600);transition:color .3s ease;position:relative}.nav-link:hover{color:var(--color-slate-900)}.nav-link-btn{background:none;border:none;cursor:pointer;font-weight:500;font-size:.95rem;color:var(--color-slate-600);transition:color .3s ease}.nav-link-btn:hover{color:var(--color-slate-900)}.nav-link:focus-visible,.nav-link-btn:focus-visible,.logo:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-green-primary);outline-offset:3px;border-radius:4px}.lang-select-wrapper{position:relative;display:inline-flex;align-items:center;margin-inline-start:1rem}.lang-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--color-border-input);border-radius:.5rem;padding:.35rem 1.65rem .35rem .55rem;font-size:.85rem;font-weight:600;color:var(--color-slate-600);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45rem center;background-size:.7rem;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.lang-select:hover{border-color:var(--color-green-primary);background-color:var(--color-slate-50);color:var(--color-slate-900)}}@layer components{.chat-messages,.table-responsive,.panel-form,.profile-sidebar{scrollbar-color:var(--color-slate-600) transparent;scrollbar-width:thin}.hero-container{display:grid;grid-template-columns:1fr 1fr;inline-size:100%;max-inline-size:1400px;margin-inline:auto;padding-inline:2.5rem;gap:4rem;align-items:center}.hero-left{display:flex;justify-content:flex-start}.hero-text-wrapper{max-inline-size:85%;text-align:left;display:flex;flex-direction:column;justify-content:center}.hero-section{background-color:var(--color-bg-dark);color:var(--color-white)}.hero-title{font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.15;letter-spacing:-.02em;color:var(--color-white);margin-block-end:1.25rem;text-wrap:balance}.hero-subtitle{font-size:1.05rem;line-height:1.45;color:var(--color-text-on-dark);margin-block-end:2rem;text-wrap:pretty}.hero-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.hero-list li{display:flex;align-items:center;gap:.85rem;font-weight:400;color:var(--color-white);font-size:.95rem}.list-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1.25rem;aspect-ratio:1;border-radius:50%;background-color:var(--color-green-primary);color:var(--color-white);padding:.2rem;flex-shrink:0}.hero-actions{display:flex;gap:1rem;margin-block-start:2rem;margin-block-end:.5rem}.btn-hero{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 2rem;border-radius:2rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color var(--transition-smooth),border-color var(--transition-smooth),transform .1s ease}.btn-hero-primary{background-color:var(--color-green-primary);color:var(--color-white);border:none}.btn-hero-primary:hover{background-color:var(--color-green-hover)}.btn-hero-primary:active{transform:scale(.98)}.btn-hero-secondary{background-color:var(--color-bg-overlay-hover);border:1px solid var(--color-border-on-dark-hover);color:var(--color-white)}.btn-hero-secondary:hover{background-color:var(--color-bg-overlay-hover-strong);border-color:var(--color-border-on-dark-hover-strong)}.btn-hero-secondary:active{transform:scale(.98)}.hero-subtext{font-size:.75rem;color:var(--color-text-muted-dark);margin-block-start:.5rem}.hero-right{inline-size:100%}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-item{position:relative;border-radius:1.5rem;overflow:hidden;aspect-ratio:1;background-color:var(--color-bg-dark-card);box-shadow:0 4px 25px var(--color-shadow-strong);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.grid-item img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--transition-smooth)}.grid-item.item-1{transform:translateY(-15px)}.grid-item.item-2{transform:translateY(15px)}.grid-item.item-3{transform:translateY(-15px)}.grid-item.item-4{transform:translateY(15px)}.grid-item:hover{box-shadow:0 20px 40px var(--color-shadow-card-hover)}.grid-item.item-1:hover{transform:translateY(-25px) scale(1.02)}.grid-item.item-2:hover{transform:translateY(5px) scale(1.02)}.grid-item.item-3:hover{transform:translateY(-25px) scale(1.02)}.grid-item.item-4:hover{transform:translateY(5px) scale(1.02)}.grid-item:hover img{transform:scale(1.06)}}@layer components{.workflow-section{background-color:var(--color-slate-50);display:flex;flex-direction:column;justify-content:center;padding-block-start:var(--header-height);padding-block-end:7.5rem;position:relative}.workflow-container{inline-size:100%;max-inline-size:1400px;margin-inline:auto;padding-inline:2.5rem;display:flex;flex-direction:column;justify-content:center;gap:2rem}.workflow-header-group{text-align:center;max-inline-size:700px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:.8rem}.category-tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-green-primary)}.workflow-main-title{font-size:clamp(2rem,3.5vw,2.75rem);color:var(--color-slate-900);letter-spacing:-.02em;text-wrap:balance}.workflow-subtitle{font-size:1rem;line-height:1.45;color:var(--color-slate-600);text-wrap:pretty}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;inline-size:100%}.step-card{background-color:var(--color-white);border-radius:2rem;padding:2.5rem 1.75rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px var(--color-shadow-soft),0 1px 3px var(--color-border-subtle);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);position:relative;border:1px solid var(--color-border-subtle)}.card-header{display:flex;flex-direction:column;gap:1.25rem;margin-block-end:1.5rem;inline-size:100%}.step-number{inline-size:2.25rem;aspect-ratio:1;border-radius:50%;background-color:var(--color-green-light);color:var(--color-green-primary);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.icon-wrapper{inline-size:3.5rem;aspect-ratio:1;border-radius:1rem;background-color:var(--color-slate-100);color:var(--color-slate-900);display:flex;align-items:center;justify-content:center;padding:.85rem;transition:background-color .3s ease,color .3s ease}.icon-wrapper svg{inline-size:100%;block-size:100%}.card-title{font-size:1.35rem;font-weight:700;color:var(--color-slate-900);margin-block-end:.75rem;letter-spacing:-.01em}.card-description{font-size:.9rem;line-height:1.4;color:var(--color-slate-600);text-wrap:pretty}.step-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px var(--color-shadow-medium),0 1px 3px var(--color-border-subtle);border-color:var(--color-border-subtle)}.step-card:hover .icon-wrapper{background-color:var(--color-slate-900);color:var(--color-white)}}@layer components{.profile-modal{position:fixed;margin:auto;border:none;border-radius:2rem;background-color:var(--color-white);box-shadow:0 30px 60px var(--color-shadow-dialog);max-inline-size:440px;inline-size:90%;padding:2.5rem;transition:opacity .35s ease,transform .35s ease,display .35s allow-discrete;opacity:0;transform:scale(.95)}.profile-modal[open]{opacity:1;transform:scale(1)}.profile-modal::backdrop{background-color:var(--color-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .35s ease,display .35s allow-discrete;opacity:0}.profile-modal[open]::backdrop{opacity:1}@starting-style{.profile-modal[open]{opacity:0;transform:scale(.95)}.profile-modal[open]::backdrop{opacity:0}}.modal-content{display:flex;flex-direction:column;gap:1.75rem}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.5rem;letter-spacing:-.02em;color:var(--color-slate-900)}.close-btn{background:none;border:none;cursor:pointer;color:var(--color-slate-600);inline-size:1.5rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-btn:hover{color:var(--color-slate-900)}.close-btn svg{inline-size:100%;block-size:100%}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label-group{display:flex;justify-content:space-between;align-items:center;inline-size:100%}.forgot-password-link{font-size:.8rem;color:var(--color-green-primary);font-weight:500}.forgot-password-link:hover{text-decoration:underline}.password-wrapper{position:relative;display:flex;align-items:center;inline-size:100%}.password-wrapper input{inline-size:100%;padding-inline-end:2.75rem}.password-toggle-btn{position:absolute;inset-inline-end:.5rem;background:none;border:none;cursor:pointer;color:var(--color-slate-600);display:flex;align-items:center;justify-content:center;padding:.5rem;transition:color .2s ease}.password-toggle-btn:hover{color:var(--color-slate-900)}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-slate-900)}.form-group input{background-color:var(--color-slate-50);border:1px solid var(--color-border-default);border-radius:.75rem;padding:.875rem 1rem;font-size:.95rem;color:var(--color-slate-900);transition:border-color .2s ease,background-color .2s ease}.form-group input::placeholder{color:var(--color-slate-600);opacity:.5}.form-group input:focus{outline:none;border-color:var(--color-green-primary);background-color:var(--color-white)}.form-group input:user-invalid{border-color:var(--color-status-danger-text);background-color:var(--color-input-invalid-bg)}.submit-btn{background-color:var(--color-green-primary);color:var(--color-white);border:none;border-radius:.75rem;padding:1rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;width:100%}.submit-btn:hover{background-color:var(--color-green-hover)}.submit-btn:active{transform:scale(.98)}.form-help{font-size:.85rem;color:var(--color-slate-600);text-align:center}.modal-link{color:var(--color-green-primary);font-weight:500}.modal-link:hover{text-decoration:underline}.main-footer{background-color:var(--color-bg-dark);color:var(--color-white);padding-block:2rem;inline-size:100%;border-block-start:1px solid var(--color-border-on-dark);position:absolute;inset-block-end:0;inset-inline:0}.footer-container{display:flex;justify-content:space-between;align-items:center;max-inline-size:1400px;margin-inline:auto;padding-inline:2.5rem;width:100%}.footer-left{display:flex;align-items:center;gap:2rem}.footer-info{display:flex;flex-direction:column;gap:.25rem;border-inline-start:1px solid var(--color-border-on-dark-hover);padding-inline-start:2rem;text-align:left}.footer-company-name{font-size:.85rem;font-weight:600;color:var(--color-text-on-dark)}.footer-company-inn,.footer-company-address{font-size:.75rem;color:var(--color-text-muted-dark);line-height:1.4}.footer-logo{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.logo-sub{font-size:.75rem;font-weight:500;text-transform:lowercase;color:var(--color-text-muted-dark);letter-spacing:.05em}.logo-main{font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:var(--color-text-on-dark);letter-spacing:-.02em;margin-block-start:.15rem}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem}.footer-links{display:flex;gap:2rem}.footer-link{font-size:.85rem;font-weight:500;color:var(--color-white);transition:color .2s ease}.footer-link:hover{color:var(--color-green-primary)}.copyright-info{font-size:.78rem;color:var(--color-text-muted-dark);letter-spacing:-.01em}.profile-page-body{background-color:var(--color-slate-50);display:flex;flex-direction:column;block-size:100dvb;overflow:hidden}.profile-page-body .main-footer{position:static}#portal-layout-shell{display:flex;flex-direction:column;height:100vh;height:100dvb;background-color:var(--color-slate-50)}.profile-main-wrapper{flex:1;min-block-size:0;padding-block-start:var(--header-height);padding-block-end:.75rem;display:flex;flex-direction:column;inline-size:100%}.profile-container{flex:1;min-block-size:0;inline-size:100%;max-inline-size:1600px;margin-inline:auto;padding-inline:1.5rem;display:flex;flex-direction:column;margin-block-start:.5rem}.profile-banner-sidebar{display:flex;flex-direction:row;align-items:center;text-align:left;gap:.75rem;padding-block:.25rem;width:100%}.profile-avatar-container{inline-size:3.5rem;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px var(--color-shadow-medium);border:2px solid var(--color-border-medium);background-color:var(--color-slate-100);flex-shrink:0}.profile-avatar{inline-size:100%;block-size:100%;object-fit:cover}.profile-user-details{display:flex;flex-direction:column;gap:.1rem;width:100%;min-width:0}.profile-user-name{font-size:.9rem;font-weight:700;color:var(--color-slate-900);letter-spacing:-.01em;line-height:1.2;margin:0;white-space:normal;word-break:break-word}.profile-user-email{font-size:.75rem;color:var(--color-slate-600);font-weight:400;margin:0;white-space:normal;word-break:break-all}.profile-user-phone{font-size:.7rem;color:var(--color-slate-500);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}.sidebar-divider{border:0;border-block-start:1.5px solid var(--color-divider);margin:0;inline-size:100%}.profile-workspace{flex:1;min-block-size:0;display:grid;grid-template-columns:200px 1fr;gap:1.25rem;align-items:stretch}.profile-sidebar{background-color:var(--color-white);border-radius:1rem;padding:1rem .75rem;box-shadow:0 4px 16px var(--color-shadow-soft),0 1px 3px var(--color-border-subtle);display:flex;flex-direction:column;gap:.75rem;align-items:stretch;overflow-y:auto}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-tab-btn{display:flex;align-items:center;gap:.6rem;inline-size:100%;padding:.6rem .75rem;background:none;border:none;border-radius:.6rem;cursor:pointer;font-weight:500;font-size:.85rem;color:var(--color-slate-600);text-align:left;transition:all .2s ease;text-decoration:none}.sidebar-tab-btn:hover{background-color:var(--color-slate-50);color:var(--color-slate-900)}.sidebar-tab-btn.active{background-color:var(--color-green-light);color:var(--color-green-primary)}.sidebar-icon{inline-size:1rem;aspect-ratio:1;transition:transform .2s ease;flex-shrink:0}.sidebar-tab-btn:hover .sidebar-icon{transform:translate(2px)}.profile-content-area{background-color:var(--color-white);border-radius:1rem;padding:1.5rem 1.75rem;box-shadow:0 4px 16px var(--color-shadow-soft),0 1px 3px var(--color-border-subtle);min-block-size:0;block-size:100%;display:flex;flex-direction:column;overflow:hidden}.tab-panel{display:none}.tab-panel.active{display:flex;flex-direction:column;flex:1;min-block-size:0;overflow-y:auto;padding-inline-end:.5rem;animation:tabFadeIn .35s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-title{font-size:1.35rem;color:var(--color-slate-900);margin-block-end:.2rem;letter-spacing:-.02em}.panel-subtitle{font-size:.85rem;color:var(--color-slate-600);margin-block-end:1rem;text-wrap:pretty}.panel-form{display:flex;flex-direction:column;gap:1.5rem;max-inline-size:600px;flex:1;min-block-size:0;overflow-y:auto;padding-inline-end:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.save-changes-btn{background-color:var(--color-green-primary);color:var(--color-white);border:none;border-radius:.75rem;padding:1rem 2rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;inline-size:fit-content;margin-block-start:.5rem}.save-changes-btn:hover{background-color:var(--color-green-hover)}.save-changes-btn:active{transform:scale(.98)}.table-responsive{overflow-x:auto;width:100%;flex:1;min-block-size:0;overflow-y:auto;padding-inline-end:.5rem}.dashboard-table{width:100%;border-collapse:collapse;text-align:left}.dashboard-table th{padding:.6rem .75rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-slate-600);border-bottom:2px solid var(--color-border-default)}.dashboard-table td{padding:.65rem .75rem;font-size:.875rem;color:var(--color-slate-900);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.col-client{min-width:180px}.dashboard-table tr.clickable-row{cursor:pointer;transition:background-color .15s ease}.dashboard-table tr.clickable-row:hover{background-color:var(--color-slate-50)}.dashboard-table tr.clickable-row:active{background-color:var(--color-slate-100)}.order-id{font-weight:600;color:var(--color-slate-900)}.doc-name{font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.78rem;font-weight:600;flex-shrink:0}.status-completed{background-color:var(--color-green-light);color:var(--color-green-primary)}.status-pending{background-color:var(--color-status-pending-bg);color:var(--color-status-pending-text)}.status-unpaid{background-color:var(--color-status-danger-bg);color:var(--color-status-danger-text)}.action-link{color:var(--color-green-primary);font-weight:600;transition:color .2s ease}.action-link:hover{color:var(--color-green-hover);text-decoration:underline}.action-text{font-weight:500;color:var(--color-slate-600)}.pay-btn-inline{background-color:var(--color-status-danger-text);color:var(--color-white);border:none;border-radius:.5rem;padding:.45rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.pay-btn-inline:hover{background-color:var(--color-status-danger-hover)}.amount-val{font-weight:600;color:var(--color-slate-900)}.payment-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.78rem;font-weight:600}.payment-paid{background-color:var(--color-green-light);color:var(--color-green-primary)}.payment-unpaid{background-color:var(--color-status-danger-bg);color:var(--color-status-danger-text)}.status-badge:before,.payment-badge:before{content:"";display:inline-block;inline-size:.4rem;block-size:.4rem;border-radius:50%;margin-inline-end:.4rem;flex-shrink:0}.status-completed:before,.payment-paid:before{background-color:var(--color-green-primary)}.status-pending:before{background-color:var(--color-status-pending-text)}.status-unpaid:before,.payment-unpaid:before{background-color:var(--color-status-danger-text)}.chat-container{border:1px solid var(--color-border-medium);border-radius:1.25rem;display:flex;flex-direction:column;flex:1;min-block-size:0;background-color:var(--color-slate-50);overflow:hidden}.chat-header{padding:1rem 1.5rem;background-color:var(--color-white);border-bottom:1px solid var(--color-border-medium);display:flex;align-items:center;gap:.75rem}.chat-status-dot{inline-size:.55rem;aspect-ratio:1;border-radius:50%;background-color:var(--color-green-primary)}.chat-agent-name{font-weight:600;font-size:.95rem;color:var(--color-slate-900)}.chat-messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background-color:var(--color-slate-50)}.chat-msg{max-width:75%;display:flex;flex-direction:column;gap:.25rem}.msg-text{padding:.85rem 1.15rem;border-radius:1.15rem;font-size:.9rem;line-height:1.35}.msg-time{font-size:.7rem;color:var(--color-slate-600);opacity:.7;margin-inline:.5rem}.msg-received{align-self:flex-start}.msg-received .msg-text{background-color:var(--color-white);color:var(--color-slate-900);border-bottom-left-radius:.25rem;box-shadow:0 1px 3px var(--color-shadow-soft)}.msg-received .msg-time{align-self:flex-start}.msg-sent{align-self:flex-end}.msg-sent .msg-text{background-color:var(--color-green-primary);color:var(--color-white);border-bottom-right-radius:.25rem}.msg-sent .msg-time{align-self:flex-end;color:var(--color-slate-600)}.chat-input-area{padding:1rem;background-color:var(--color-white);border-top:1px solid var(--color-border-medium);display:flex;gap:.75rem}.chat-input-area input{flex:1;border:1px solid var(--color-border-medium);border-radius:.75rem;padding:.75rem 1rem;font-size:.95rem;background-color:var(--color-slate-50);outline:none;transition:border-color .2s ease,background-color .2s ease}.chat-input-area input:focus{border-color:var(--color-green-primary);background-color:var(--color-white)}.chat-send-btn{background-color:var(--color-green-primary);color:var(--color-white);border:none;border-radius:.75rem;padding:.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.chat-send-btn:hover{background-color:var(--color-green-hover)}.chat-send-btn svg{inline-size:1.25rem;aspect-ratio:1}}@media (max-width: 1024px){.scroll-container{overflow-y:visible;block-size:auto}.fullscreen-section{min-block-size:auto;padding-block:6rem 4rem}.workflow-section{padding-block:6rem 0;display:block}.main-footer{position:static;margin-block-start:3rem}.hero-container{grid-template-columns:1fr;gap:3rem}.hero-text-wrapper{max-inline-size:100%}.image-grid{max-inline-size:600px;margin-inline:auto}.cards-grid{grid-template-columns:repeat(2,1fr)}.workflow-container{gap:3.5rem}body.profile-page-body{block-size:auto;overflow-y:visible}.profile-main-wrapper{block-size:auto;min-block-size:auto}#portal-layout-shell{height:auto;min-height:100vh;min-height:100dvb}.profile-container{margin-block-start:.5rem;block-size:auto;min-block-size:auto;width:100%;max-width:100%;min-inline-size:0}.profile-workspace{grid-template-columns:1fr;gap:.75rem;block-size:auto;min-block-size:auto;width:100%;min-inline-size:0}.profile-content-area{padding:1.25rem 1rem;block-size:auto;min-block-size:520px;display:block;overflow:hidden;width:100%;max-width:100%;min-inline-size:0}.tab-panel.active{display:block;block-size:auto;min-block-size:auto;width:100%}.panel-form{flex:none;overflow-y:visible;padding-inline-end:0}.table-responsive{flex:none;overflow-y:visible;padding-inline-end:0;display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.chat-container{block-size:440px;flex:none}}@media (max-width: 640px){:root{--header-height: 3rem}.main-header{block-size:3rem}.header-container{padding-inline:.75rem}.header-nav-group{display:flex;align-items:center;gap:.25rem}.logo{font-size:1.1rem;gap:.3rem}.logo-dot{inline-size:.35rem}.nav-menu ul{gap:.65rem}.nav-link,.nav-link-btn{font-size:.78rem}.fullscreen-section{padding-block-start:3rem}.hero-container{padding-inline:1.25rem;gap:2rem}.hero-title{font-size:1.65rem;line-height:1.15;margin-block-end:1rem}.hero-subtitle{font-size:.95rem;line-height:1.35;margin-block-end:1.5rem}.hero-list{gap:.65rem}.hero-list li{font-size:.88rem;line-height:1.35}.hero-actions{flex-direction:column;gap:.75rem;width:100%;margin-block-start:1.75rem}.btn-hero{width:100%;padding-block:.95rem;font-size:.95rem;text-align:center}.image-grid{gap:1rem}.grid-item{border-radius:1rem}.workflow-container{padding-inline:1.25rem}.cards-grid{grid-template-columns:1fr;gap:.85rem}.step-card{padding:1.25rem;border-radius:1.25rem}.step-card .card-header{flex-direction:row;justify-content:space-between;align-items:center;margin-block-end:.75rem}.step-card .step-number{inline-size:1.85rem;font-size:.8rem}.step-card .icon-wrapper{inline-size:2.75rem;padding:.6rem}.step-card .card-title{font-size:1.15rem;margin-block-end:.4rem}.step-card .card-description{font-size:.85rem;line-height:1.35}.grid-item.item-1,.grid-item.item-2,.grid-item.item-3,.grid-item.item-4{transform:none!important}.profile-container{padding-inline:1rem}.profile-sidebar{padding:1.25rem 1rem;gap:1rem}.profile-banner-sidebar{flex-direction:row;text-align:left;align-items:center;gap:1.25rem;width:100%;justify-content:flex-start;padding-block:.25rem}.profile-banner-sidebar .profile-user-details{align-items:flex-start}.profile-avatar-container{margin:0;inline-size:4rem}.sidebar-divider{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;width:100%;padding-block:.25rem;gap:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-tab-btn{flex-shrink:0;width:auto;padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.profile-content-area{padding:1.5rem 1rem}.form-row{grid-template-columns:1fr;gap:1.25rem}.dashboard-table{min-inline-size:600px}.dashboard-table th,.dashboard-table td{padding:.85rem .65rem}.amount-val,.order-id,.status-badge,.payment-badge{white-space:nowrap}.main-footer{padding-block:1.25rem;margin-block-start:2rem}.footer-container{flex-direction:column;gap:.85rem;text-align:center;padding-inline:1rem}.footer-logo{align-items:center}.footer-left{flex-direction:column;gap:.75rem;align-items:center}.footer-info{border-inline-start:none;padding-inline-start:0;text-align:center;gap:.15rem}.footer-company-name{font-size:.8rem}.footer-company-inn,.footer-company-address{font-size:.7rem;max-width:280px}.logo-main{font-size:1.25rem}.logo-sub{font-size:.7rem}.footer-right{align-items:center;gap:.5rem}.footer-links{gap:1rem}.footer-link{font-size:.78rem}.copyright-info{font-size:.72rem;line-height:1.4}.lang-select-wrapper{margin-inline-start:.35rem}.lang-select{padding:.25rem 1.25rem .25rem .45rem;font-size:.78rem;background-position:right .35rem center;background-size:.65rem;border-radius:.4rem}}@layer utilities{.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.password-toggle-icon{inline-size:1.25rem;block-size:1.25rem;pointer-events:none}}.login-container{display:flex;align-items:center;justify-content:center;min-block-size:100dvb;padding:1.5rem;background-color:var(--color-slate-50)}.login-card{background:var(--color-white);border:1px solid var(--color-border-medium);box-shadow:0 10px 30px var(--color-shadow-medium);border-radius:12px;inline-size:100%;max-inline-size:420px;padding:2.5rem;animation:fadeIn .4s var(--transition-smooth) forwards}.login-header{text-align:center;margin-block-end:2rem}.login-header h1{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;color:var(--color-slate-900);display:flex;align-items:center;justify-content:center;gap:.35rem;margin-block-end:.5rem}.login-header h1:after{content:"";display:inline-block;inline-size:.5rem;aspect-ratio:1;background-color:var(--color-green-primary);border-radius:50%}.login-header p{color:var(--color-slate-600);font-size:.95rem;font-weight:500}.role-toggle{display:flex;background:var(--color-slate-100);padding:.25rem;border-radius:8px;border:1px solid var(--color-border-light);margin-block-end:1.5rem}.role-option{flex:1;position:relative;text-align:center}.role-option input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.role-label{display:block;padding:.55rem;font-size:.85rem;font-weight:600;color:var(--color-slate-600);cursor:pointer;border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.role-option input:checked+.role-label{background:var(--color-green-primary);color:var(--color-white);box-shadow:0 2px 8px #399f3740}.form-group{margin-block-end:1.25rem;display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:600;color:var(--color-slate-600);letter-spacing:.01em}.form-input{inline-size:100%;padding:.65rem .85rem;background:var(--color-white);border:1px solid var(--color-border-input);border-radius:6px;color:var(--color-slate-900);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--color-green-primary);box-shadow:0 0 0 3px #399f3726}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s var(--transition-smooth);text-decoration:none}.btn-primary{background:var(--color-green-primary);color:var(--color-white);box-shadow:0 3px 12px #399f3733}.btn-primary:hover:not(:disabled){background:var(--color-green-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-slate-900);border:1px solid var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-slate-100)}.btn:disabled{opacity:.6;cursor:not-allowed}.error-banner{background-color:var(--color-status-danger-bg);border:1px solid var(--color-status-danger-text);color:var(--color-status-danger-text);padding:.65rem 1rem;border-radius:6px;font-size:.85rem;margin-block-end:1.25rem;display:flex;align-items:center;gap:.5rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotateSpinner{to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid var(--color-border-medium);border-top-color:var(--color-green-primary);border-radius:50%;animation:rotateSpinner .8s linear infinite;margin:2rem auto}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.spinner-text{font-weight:600;font-size:.9rem;color:var(--color-white)}dialog{margin:auto;border:1px solid var(--color-border-medium);border-radius:12px;background:var(--color-white);box-shadow:0 15px 40px var(--color-shadow-dialog);color:var(--color-slate-900);inline-size:90%;max-inline-size:760px;overflow:hidden;opacity:0;transform:scale(.97)}dialog[open]{animation:scaleUp .3s var(--transition-smooth) forwards}dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{padding:1.25rem 1.75rem;border-block-end:1px solid var(--color-border-default);display:flex;align-items:center;justify-content:space-between}.dialog-header h3{font-size:1.15rem;font-weight:700;color:var(--color-slate-900)}.dialog-close{background:transparent;border:none;color:var(--color-slate-600);cursor:pointer;font-size:1.5rem;display:grid;place-content:center;width:28px;height:28px;border-radius:50%;transition:background .2s ease}.dialog-close:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.dialog-body{padding:1.75rem}.dialog-footer{padding:1rem 1.75rem;border-block-start:1px solid var(--color-border-default);background:var(--color-slate-50);display:flex;justify-content:flex-end;gap:.75rem}.document-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-block-start:.5rem}.document-upload-card{background:var(--color-slate-50);border:1px solid var(--color-border-medium);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;position:relative;transition:all .25s ease}.document-upload-card:hover{border-color:var(--color-slate-600);box-shadow:0 4px 12px var(--color-shadow-soft)}.document-card-header-upload{display:flex;justify-content:space-between;align-items:center}.document-card-title-index{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-green-primary);letter-spacing:.05em}.document-card-remove-btn{background:transparent;border:none;color:var(--color-status-danger-text);cursor:pointer;font-size:1.1rem;line-height:1;display:grid;place-content:center;width:22px;height:22px;border-radius:50%;transition:background .2s ease}.document-card-remove-btn:hover{background:var(--color-status-danger-bg)}.file-dropzone{border:2px dashed var(--color-border-input);border-radius:6px;padding:1.25rem .5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:.4rem}.file-dropzone:hover,.file-dropzone.dragover{border-color:var(--color-green-primary);background:var(--color-green-light)}.selected-file-preview{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--color-white);border:1px solid var(--color-border-input);border-radius:6px;font-size:.8rem}.file-info{display:flex;align-items:center;gap:.25rem;overflow:hidden}.file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;color:var(--color-slate-900)}.file-size{color:var(--color-slate-600);font-size:.7rem}.file-remove{background:transparent;border:none;color:var(--color-status-danger-text);cursor:pointer;font-size:.95rem;font-weight:700}.document-plus-card{border:2px dashed var(--color-border-input);border-radius:8px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-block-size:160px;cursor:pointer;transition:all .25s var(--transition-smooth);color:var(--color-slate-600)}.document-plus-card:hover{border-color:var(--color-green-primary);background:var(--color-green-light);color:var(--color-green-primary);transform:translateY(-2px)}.document-plus-icon{font-size:2.25rem;font-weight:300;line-height:1}.document-plus-text{font-size:.8rem;font-weight:600}.cost-preview-box{background:var(--color-green-light);border:1px dashed oklch(.62 .17 143 / .3);border-radius:8px;padding:.75rem 1rem;margin-block-end:1.25rem;display:flex;justify-content:space-between;align-items:center}.cost-preview-label{font-size:.85rem;font-weight:600;color:var(--color-slate-600)}.cost-preview-value{font-size:1.15rem;font-weight:700;color:var(--color-green-primary)}.progress-container{margin-block-start:1rem}.progress-bar-wrapper{block-size:5px;inline-size:100%;background:var(--color-slate-100);border-radius:4px;overflow:hidden}.progress-bar-fill{block-size:100%;inline-size:0%;background:var(--color-green-primary);transition:width .25s ease}.progress-percentage{font-size:.7rem;color:var(--color-slate-600);text-align:right;margin-block-start:.2rem}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.document-card{background:var(--color-white);border:1px solid var(--color-border-medium);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 4px 12px var(--color-shadow-soft)}.document-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.document-card-title{font-weight:700;font-size:1rem;color:var(--color-slate-900);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1;min-inline-size:0;line-height:1.3}.document-card-title.title-long{font-size:.88rem}.document-card-header .status-badge{white-space:normal;max-inline-size:110px;line-height:1.2;align-items:center}.document-card-info{display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem;font-size:.85rem;color:var(--color-slate-600)}.document-card-label{color:var(--color-slate-600);font-weight:600}.document-card-actions{margin-block-start:auto;display:flex;flex-direction:column;gap:.5rem;border-block-start:1px solid var(--color-border-default);padding-block-start:1rem}.document-download-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border-radius:6px;background:var(--color-slate-100);color:var(--color-slate-900);font-size:.85rem;text-decoration:none;font-weight:600;transition:all .2s ease}.document-download-link:hover{background:var(--color-green-light);color:var(--color-green-primary)}.empty-state{text-align:center;padding:3rem 1.5rem;background:var(--color-slate-50);border:1px dashed var(--color-border-medium);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem}.empty-state-icon{font-size:2.25rem}.empty-state h3{font-size:1.15rem;color:var(--color-slate-900)}.empty-state p{color:var(--color-slate-600);font-size:.9rem;max-inline-size:300px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-block-end:1rem}.stat-card{background:var(--color-white);border:1px solid var(--color-border-medium);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:0 2px 8px var(--color-shadow-soft)}.stat-label{font-size:.68rem;color:var(--color-slate-600);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-slate-900);font-family:Outfit,sans-serif}.manager-action-group{display:flex;gap:.5rem}.stat-card.filter-tab{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s var(--transition-smooth),box-shadow .2s var(--transition-smooth),border-color .2s var(--transition-smooth),background-color .2s var(--transition-smooth)}.stat-card.filter-tab:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--color-shadow-medium)}.stat-card.filter-tab.active{background-color:var(--color-slate-50);border-inline-color:var(--color-slate-400);border-block-end-color:var(--color-slate-400);box-shadow:0 2px 8px var(--color-shadow-medium)}.preview-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--color-slate-400);display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:color .2s ease,background-color .2s ease}.preview-btn:hover{color:var(--color-green-primary);background-color:var(--color-slate-100)}.preview-btn svg{display:block}.preview-dialog[open]{display:flex;flex-direction:column}.preview-dialog:not([open]){display:none!important}