.sidebar{position:sticky;top:0;align-self:start;height:100dvh;overflow:auto;z-index:20;display:grid;grid-template-rows:auto 1fr auto;background:#140826;border-right:1px solid rgba(255,255,255,.05);padding:14px 12px;gap:8px;transition:padding .2s ease}.sidebar.collapsed .nav-title,.sidebar.collapsed .brand-wordmark,.sidebar.collapsed .nav-text{opacity:0;pointer-events:none;transition:opacity .16s ease}.sidebar-brand{display:flex;align-items:center;gap:10px;height:56px;border-bottom:1px solid rgba(255,255,255,.05);margin:0 -12px 8px;padding:4px 10px 4px 22px}.brand-logo{height:56px;width:auto;flex-shrink:0;transition:height .22s ease}.sidebar.collapsed .brand-logo{height:40px}.brand-wordmark{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:20px;line-height:1;color:#fff;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap;transition:opacity .16s ease}.nav-group{display:flex;flex-direction:column;gap:2px;overflow-y:auto;padding-right:2px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6f6699;font-weight:700;padding:14px 12px 6px}.nav-title:first-child{padding-top:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#d4ccff;text-decoration:none;border:1px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease;font-weight:500;font-size:14px;position:relative;background:transparent}.nav-item:hover{background:#7c5cff1f;color:#fff}.nav-item.active{background:#2a1567;border-color:#3a1f80;color:#fff;box-shadow:0 2px 8px #00000040}.nav-icon{width:20px;height:20px;display:grid;place-items:center;color:#7c5cff;flex-shrink:0}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{color:#fff}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar::-webkit-scrollbar,.nav-group::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track,.nav-group::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.nav-group::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover,.nav-group::-webkit-scrollbar-thumb:hover{background:#ffffff29}.sidebar.collapsed{padding:14px 8px}.sidebar.collapsed .sidebar-brand{justify-content:center;padding-left:10px;margin:0 -8px 8px}.sidebar.collapsed .nav-item{justify-content:center;padding:10px 8px}.sidebar.collapsed .nav-title{height:0;padding:0;margin:0;overflow:hidden}.sidebar-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#b8afe0;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .18s ease,color .18s ease;font-weight:500;font-size:14px;font-family:inherit}.logout-btn:hover{background:#ef44441a;color:#ff6b6b}.logout-btn svg{color:#9d93cf}.logout-btn:hover svg{color:#ff6b6b}.sidebar.collapsed .logout-btn{justify-content:center;padding:10px 8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 16px;background:#140826;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:20;color:#e8e4ff;box-sizing:border-box}.topbar *{box-sizing:border-box}.topbar-left{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}.topbar-right{position:relative;display:flex;align-items:center;gap:8px;flex:0 0 auto}.nav-icon-btn{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cfc7ff;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;flex-shrink:0;line-height:0}.nav-icon-btn:hover{background:#7c5cff2e;border-color:#7c5cff66;color:#fff}.nav-icon-btn.ghost{background:transparent;border-color:transparent}.nav-icon-btn.ghost:hover{background:#ffffff0f;border-color:#ffffff14}.topbar-search-wrap{position:relative;flex:0 1 320px;min-width:0;width:320px;max-width:320px}.topbar-search{display:flex;align-items:center;gap:6px;width:100%;height:32px;padding:0 10px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);transition:border-color .18s ease,background .18s ease}.topbar-search:focus-within,.topbar-search.active{border-color:#7c5cff8c;background:#7c5cff14}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:380px;overflow-y:auto;background:#1b1133;border:1px solid rgba(124,92,255,.25);border-radius:10px;box-shadow:0 12px 30px #00000059;padding:6px;z-index:200;animation:drop .14s ease-out}.search-empty{padding:14px 12px;color:#9a8fd6;font-size:12px;text-align:center}.search-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#efecff;cursor:pointer;text-align:left;font-family:inherit}.search-item:hover,.search-item.active{background:#7c5cff2e}.search-item-icon{color:#9a8fd6;flex-shrink:0}.search-item-text{display:flex;flex-direction:column;flex:1;min-width:0}.search-item-label{font-size:13px;font-weight:600;color:#fff;line-height:1.2}.search-item-path{font-size:11px;color:#8a80bf;line-height:1.2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item-group{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#7c5cff2e;color:#c8bcff;flex-shrink:0}.search-item-enter{color:#c8bcff;flex-shrink:0}.topbar-search .search-icon{color:#9a8fd6;flex-shrink:0}.topbar-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:#efecff;font-size:13px;font-family:inherit}.topbar-search input::placeholder{color:#8a80bf}.search-hint{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#b8afe6;font-size:10px;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0}.setup-progress-card{display:flex;flex-direction:column;justify-content:center;gap:3px;height:38px;min-width:168px;padding:4px 12px;border-radius:10px;background:#fff;color:#1b0f3a;box-shadow:0 1px 3px #00000014;flex-shrink:0}.sp-text{display:flex;align-items:center;justify-content:space-between;gap:10px;line-height:1}.sp-label{font-size:9.5px;font-weight:700;letter-spacing:.8px;color:#4a3f7a}.sp-pct{font-size:12px;font-weight:700;color:#1b0f3a}.sp-bar{width:100%;height:3px;border-radius:999px;background:#ece8ff;overflow:hidden}.sp-fill{height:100%;background:linear-gradient(90deg,#7c5cff,#a685ff);transition:width .3s ease}.topbar .profile-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;color:#fff;cursor:pointer;transition:all .18s ease;flex-shrink:0;line-height:1}.topbar .profile-btn:hover{background:#7c5cff29;border-color:#7c5cff66}.topbar .profile-btn.open{background:#7c5cff33;border-color:#7c5cff80}.topbar .avatar{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#7c5cff,#a685ff);color:#fff;font-weight:700;font-size:12px;letter-spacing:.3px;flex-shrink:0}.topbar .profile-info{display:inline-flex;align-items:center}.topbar .profile-name{font-size:13px;font-weight:600;color:#fff;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.topbar .chev{color:#fff;opacity:.85}.chev{opacity:.7;transition:transform .18s ease;color:#cfc7ff}.profile-btn.open .chev{transform:rotate(180deg)}.profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:260px;background:#fff;color:#1b0f3a;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0003;padding:8px;animation:drop .15s ease-out;z-index:100}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:14px;border-radius:8px;background:#f5f3ff;margin-bottom:4px}.user-details{display:flex;flex-direction:column;gap:6px}.user-name{font-weight:700;color:#1b0f3a;font-size:15px}.user-email{color:#555170;font-size:12px}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.5px;align-self:flex-start}.role-super-admin,.role-admin{background:#7c5cff;color:#fff}.role-user{background:#6b7280;color:#fff}.menu-divider{height:1px;background:#eceaf7;margin:6px 0}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;border-radius:8px;background:transparent;font-size:14px;font-weight:500;cursor:pointer;color:#1b0f3a;transition:background .15s ease,color .15s ease}.menu-item:hover{background:#f3f0ff}.menu-item svg{color:#6b5fa6}.menu-item:hover svg{color:#1b0f3a}@media (max-width: 960px){.setup-progress-card{min-width:120px;padding:6px 10px}.sp-label,.profile-name{display:none}.profile-btn{padding:4px}}@media (max-width: 720px){.topbar{padding:0 12px;gap:8px}.topbar-search-wrap,.setup-progress-card,.nav-icon-btn.ghost{display:none}}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;color:#374151;font-size:12px}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100dvh;background:#f7f8fb;color:#0f172a;transition:grid-template-columns .26s ease}.app-shell.is-closed{grid-template-columns:0px 1fr}.app-main{display:grid;grid-template-rows:auto 1fr auto;min-width:0;height:100dvh}.app-content{padding:20px 24px;overflow:auto;transition:padding .2s ease}.app-shell.is-closed .sidebar{transform:translate(-100%);opacity:0;pointer-events:none}.sidebar{transition:transform .26s ease,opacity .2s ease}@media (max-width: 900px){.app-shell{grid-template-columns:0px 1fr}.app-shell.is-open{grid-template-columns:260px 1fr}}:root{--blue: #2563eb;--blue-600: #1d4ed8;--text: #0f172a;--muted: #64748b;--border: #e5e7eb;--card: #ffffff;--page: #f8fafc;--success: #10b981;--danger: #ef4444}.signup-page{min-height:100vh;display:grid;place-items:center;background:var(--page);padding:24px;color:var(--text)}.signup-card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #0f172a0f;padding:28px}.brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue-600))}.signup-form{display:grid;gap:12px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:16px;outline:none;background:#fff;transition:border .2s,box-shadow .2s;box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #2563eb26}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.company-section{margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.company-toggle{display:flex;align-items:center;gap:8px;margin-bottom:12px}.company-toggle input[type=checkbox]{width:auto;margin:0}.company-toggle label{color:var(--text);font-weight:500;cursor:pointer;margin:0}.company-fields{display:grid;gap:12px;margin-top:12px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid var(--border)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.signup-card{padding:20px;margin:12px}}.password-field .toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;color:var(--blue);cursor:pointer;border-radius:8px}.btn-primary{margin-top:6px;width:100%;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;transition:background .2s,transform .02s}.btn-primary:hover{background:var(--blue-600)}.link-btn{color:var(--blue);font-weight:600;cursor:pointer;padding:0 2px}:root{--brand: #0f172a;--brand-600: #020617;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--card: #ffffff;--page: #1E0033;--success: #10b981;--danger: #ef4444}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--page);padding:24px;color:var(--text)}.login-card{width:100%;max-width:520px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 30px #0f172a0f;padding:28px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:6px}.brand .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-600))}.brand h1{margin:0;font-size:18px;font-weight:800;color:var(--text)}.title{margin:10px 0 16px;font-size:24px;font-weight:800}.login-form{display:grid;gap:12px}label{font-size:14px;color:var(--muted)}input{width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:16px;outline:none;background:#fff;transition:border .2s,box-shadow .2s}input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #0f172a14}.password-field{position:relative}.password-field .toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:transparent;color:var(--brand);cursor:pointer;border-radius:8px}.password-field .toggle:hover{background:#f1f5f9}.btn-primary{margin-top:6px;width:100%;background:var(--brand);color:#fff;border:none;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer;transition:background .2s,transform .02s}.btn-primary:hover{background:var(--brand-600)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.alert{border-radius:10px;padding:10px 12px;font-size:14px;border:1px solid transparent;margin-bottom:8px}.alert.success{background:#ecfdf5;color:var(--success);border-color:#bbf7d0}.alert.error{background:#fdecec;color:var(--danger);border-color:#fecaca}.foot{margin-top:14px;text-align:center;color:var(--muted);font-size:12px}.divider{border:none;border-top:1px solid var(--border);margin:30px 0}.switch{text-align:center;color:var(--muted);font-size:14px}.link-btn{color:var(--brand);font-weight:600;cursor:pointer;padding:0 2px}.link-btn:hover{text-decoration:underline}:root{--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors: active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;opacity:.25;line-height:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer ::-moz-selection{background:#00f;background:AccentColor}.textLayer ::selection{background:#00f;background:AccentColor}.textLayer br::-moz-selection{background:transparent}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textLayer .endOfContent.active{top:0}:root{--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText;--hcm-highligh-filter: invert(100%)}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:var(--hcm-highligh-filter);backdrop-filter:var(--hcm-highligh-filter)}.annotationLayer .linkAnnotation>a:hover{opacity:0!important;background:none!important;box-shadow:none}.annotationLayer .popupAnnotation .popup{outline:calc(1.5px * var(--scale-factor)) solid CanvasText!important;background-color:ButtonFace!important;color:ButtonText!important}.annotationLayer .highlightArea:hover:after{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:var(--hcm-highligh-filter);backdrop-filter:var(--hcm-highligh-filter);content:"";pointer-events:none}.annotationLayer .popupAnnotation.focused .popup{outline:calc(3px * var(--scale-factor)) solid Highlight!important}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%;pointer-events:none}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton):not(.hasBorder)>a:hover{opacity:.2;background-color:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .linkAnnotation.hasBorder:hover{background-color:#ff03}.annotationLayer .hasBorder{background-size:100% 100%}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{height:100%;width:100%}.annotationLayer .popupAnnotation{position:absolute;font-size:calc(9px * var(--scale-factor));pointer-events:none;width:-moz-max-content;width:max-content;max-width:45%;height:auto}.annotationLayer .popup{background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));outline:1.5px solid rgb(255,255,74);padding:calc(6px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popupAnnotation.focused .popup{outline-width:3px}.annotationLayer .popup *{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup>.header{display:inline-block}.annotationLayer .popup>.header h1{display:inline}.annotationLayer .popup>.header .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor));width:-moz-fit-content;width:fit-content}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}.annotationLayer svg.quadrilateralsContainer{contain:strict;width:0;height:0;position:absolute;top:0;left:0;z-index:-1}:root{--xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--xfa-focus-outline: auto}@media screen and (forced-colors: active){:root{--xfa-focus-outline: 2px solid CanvasText}.xfaLayer *:required{outline:1.5px solid selectedItem}}.xfaLayer{background-color:transparent}.xfaLayer .highlight{margin:-1px;padding:1px;background-color:#efcbed;border-radius:4px}.xfaLayer .highlight.appended{position:initial}.xfaLayer .highlight.begin{border-radius:4px 0 0 4px}.xfaLayer .highlight.end{border-radius:0 4px 4px 0}.xfaLayer .highlight.middle{border-radius:0}.xfaLayer .highlight.selected{background-color:#cbdfcb}.xfaPage{overflow:hidden;position:relative}.xfaContentarea{position:absolute}.xfaPrintOnly{display:none}.xfaLayer{position:absolute;text-align:initial;top:0;left:0;transform-origin:0 0;line-height:1.2}.xfaLayer *{color:inherit;font:inherit;font-style:inherit;font-weight:inherit;font-kerning:inherit;letter-spacing:-.01px;text-align:inherit;text-decoration:inherit;box-sizing:border-box;background-color:transparent;padding:0;margin:0;pointer-events:auto;line-height:inherit}.xfaLayer *:required{outline:1.5px solid red}.xfaLayer div,.xfaLayer svg,.xfaLayer svg *{pointer-events:none}.xfaLayer a{color:#00f}.xfaRich li{margin-left:3em}.xfaFont{color:#000;font-weight:400;font-kerning:none;font-size:10px;font-style:normal;letter-spacing:0;text-decoration:none;vertical-align:0}.xfaCaption{overflow:hidden;flex:0 0 auto}.xfaCaptionForCheckButton{overflow:hidden;flex:1 1 auto}.xfaLabel{height:100%;width:100%}.xfaLeft{display:flex;flex-direction:row;align-items:center}.xfaRight{display:flex;flex-direction:row-reverse;align-items:center}:is(.xfaLeft,.xfaRight)>:is(.xfaCaption,.xfaCaptionForCheckButton){max-height:100%}.xfaTop{display:flex;flex-direction:column;align-items:flex-start}.xfaBottom{display:flex;flex-direction:column-reverse;align-items:flex-start}:is(.xfaTop,.xfaBottom)>:is(.xfaCaption,.xfaCaptionForCheckButton){width:100%}.xfaBorder{background-color:transparent;position:absolute;pointer-events:none}.xfaWrapped{width:100%;height:100%}:is(.xfaTextfield,.xfaSelect):focus{background-image:none;background-color:transparent;outline:var(--xfa-focus-outline);outline-offset:-1px}:is(.xfaCheckbox,.xfaRadio):focus{outline:var(--xfa-focus-outline)}.xfaTextfield,.xfaSelect{height:100%;width:100%;flex:1 1 auto;border:none;resize:none;background-image:var(--xfa-unfocused-field-background)}.xfaSelect{padding-inline:2px}:is(.xfaTop,.xfaBottom)>:is(.xfaTextfield,.xfaSelect){flex:0 1 auto}.xfaButton{cursor:pointer;width:100%;height:100%;border:none;text-align:center}.xfaLink{width:100%;height:100%;position:absolute;top:0;left:0}.xfaCheckbox,.xfaRadio{width:100%;height:100%;flex:0 0 auto;border:none}.xfaRich{white-space:pre-wrap;width:100%;height:100%}.xfaImage{-o-object-position:left top;object-position:left top;-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.xfaLrTb,.xfaRlTb,.xfaTb{display:flex;flex-direction:column;align-items:stretch}.xfaLr{display:flex;flex-direction:row;align-items:stretch}.xfaRl{display:flex;flex-direction:row-reverse;align-items:stretch}.xfaTb>div{justify-content:left}.xfaPosition,.xfaArea{position:relative}.xfaValignMiddle{display:flex;align-items:center}.xfaTable{display:flex;flex-direction:column;align-items:stretch}.xfaTable .xfaRow{display:flex;flex-direction:row;align-items:stretch}.xfaTable .xfaRlRow{display:flex;flex-direction:row-reverse;align-items:stretch;flex:1}.xfaTable .xfaRlRow>div{flex:1}:is(.xfaNonInteractive,.xfaDisabled,.xfaReadOnly) :is(input,textarea){background:initial}@media print{.xfaTextfield,.xfaSelect{background:transparent}.xfaSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:1px;text-overflow:""}}:root{--outline-width: 2px;--outline-color: blue;--focus-outline: solid var(--outline-width) var(--outline-color);--hover-outline: dashed var(--outline-width) var(--outline-color);--freetext-line-height: 1.35;--freetext-padding: 2px;--resizer-size: 8px;--resizer-shift: calc( 0px - var(--outline-width) - var(--resizer-size) / 2 - var(--outline-width) / 2 );--resizer-color: white;--editorFreeText-editing-cursor: text;--editorInk-editing-cursor: pointer}@media screen and (forced-colors: active){:root{--outline-width: 3px;--outline-color: ButtonText;--resizer-size: 12px;--resizer-color: ButtonFace}}[data-editor-rotation="90"]{transform:rotate(90deg)}[data-editor-rotation="180"]{transform:rotate(180deg)}[data-editor-rotation="270"]{transform:rotate(270deg)}.annotationEditorLayer{background:transparent;position:absolute;inset:0;font-size:calc(100px * var(--scale-factor));transform-origin:0 0;cursor:auto;z-index:4}.annotationEditorLayer.waiting{content:"";cursor:wait;position:absolute;inset:0;width:100%;height:100%}.annotationEditorLayer.freeTextEditing{cursor:var(--editorFreeText-editing-cursor)}.annotationEditorLayer.inkEditing{cursor:var(--editorInk-editing-cursor)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor).draggable.selectedEditor{cursor:move}.annotationEditorLayer .selectedEditor{outline:var(--focus-outline)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor){position:absolute;background:transparent;border-radius:3px;z-index:1;transform-origin:0 0;cursor:auto;max-width:100%;max-height:100%}.annotationEditorLayer .freeTextEditor{padding:calc(var(--freetext-padding) * var(--scale-factor));width:auto;height:auto;touch-action:none}.annotationEditorLayer .freeTextEditor .internal{background:transparent;border:none;inset:0;overflow:visible;white-space:nowrap;font:10px sans-serif;line-height:var(--freetext-line-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}.annotationEditorLayer .freeTextEditor .overlay{position:absolute;display:none;background:transparent;inset:0;width:100%;height:100%}.annotationEditorLayer .freeTextEditor .overlay.enabled{display:block}.annotationEditorLayer .freeTextEditor .internal:empty:before{content:attr(default-content);color:gray}.annotationEditorLayer .freeTextEditor .internal:focus{outline:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor):hover:not(.selectedEditor){outline:var(--hover-outline)}.annotationEditorLayer .inkEditor{width:100%;height:100%}.annotationEditorLayer .inkEditor.editing{cursor:inherit}.annotationEditorLayer .inkEditor .inkEditorCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.annotationEditorLayer .stampEditor{width:auto;height:auto}.annotationEditorLayer .stampEditor canvas{width:100%;height:100%}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers{width:100%;height:100%;position:absolute;inset:0}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers.hidden{display:none}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer{width:var(--resizer-size);height:var(--resizer-size);border-radius:50%;background:var(--resizer-color);border:var(--focus-outline);position:absolute}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.topLeft{top:var(--resizer-shift);left:var(--resizer-shift)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.topMiddle{top:var(--resizer-shift);left:calc(50% + var(--resizer-shift))}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.topRight{top:var(--resizer-shift);right:var(--resizer-shift)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.middleRight{top:calc(50% + var(--resizer-shift));right:var(--resizer-shift)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.bottomRight{bottom:var(--resizer-shift);right:var(--resizer-shift)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.bottomMiddle{bottom:var(--resizer-shift);left:calc(50% + var(--resizer-shift))}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.bottomLeft{bottom:var(--resizer-shift);left:var(--resizer-shift)}.annotationEditorLayer :is(.freeTextEditor,.inkEditor,.stampEditor)>.resizers>.resizer.middleLeft{top:calc(50% + var(--resizer-shift));left:var(--resizer-shift)}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.bottomRight,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.bottomRight,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.bottomRight,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.bottomRight{cursor:nwse-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.bottomMiddle,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.bottomMiddle,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.bottomMiddle,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.bottomMiddle{cursor:ns-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.bottomLeft,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.bottomLeft,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.bottomLeft,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.bottomLeft{cursor:nesw-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.middleLeft,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.middleLeft,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.middleLeft,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.middleLeft{cursor:ew-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.topLeft,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.bottomRight,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.bottomRight,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.bottomRight,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.bottomRight{cursor:nesw-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.topMiddle,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.bottomMiddle,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.bottomMiddle,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.bottomMiddle,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.bottomMiddle{cursor:ew-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.topRight,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.bottomLeft,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.bottomLeft,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.bottomLeft,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.bottomLeft{cursor:nwse-resize}.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.middleRight,.annotationEditorLayer[data-main-rotation="0"] :is([data-editor-rotation="90"],[data-editor-rotation="270"])>.resizers>.resizer.middleLeft,.annotationEditorLayer[data-main-rotation="90"] :is([data-editor-rotation="0"],[data-editor-rotation="180"])>.resizers>.resizer.middleLeft,.annotationEditorLayer[data-main-rotation="180"] :is([data-editor-rotation="270"],[data-editor-rotation="90"])>.resizers>.resizer.middleLeft,.annotationEditorLayer[data-main-rotation="270"] :is([data-editor-rotation="180"],[data-editor-rotation="0"])>.resizers>.resizer.middleLeft{cursor:ns-resize}:root{--viewer-container-height: 0;--pdfViewer-padding-bottom: 0;--page-margin: 1px auto -8px;--page-border: 9px solid transparent;--spreadHorizontalWrapped-margin-LR: -3.5px;--loading-icon-delay: .4s}@media screen and (forced-colors: active){:root{--pdfViewer-padding-bottom: 9px;--page-margin: 8px auto -1px;--page-border: 1px solid CanvasText;--spreadHorizontalWrapped-margin-LR: 3.5px}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}#hiddenCopyElement{position:absolute;top:0;left:0;width:0;height:0;display:none}.pdfViewer{--scale-factor: 1;padding-bottom:var(--pdfViewer-padding-bottom)}.pdfViewer .canvasWrapper{overflow:hidden;width:100%;height:100%;z-index:1}.pdfViewer .page{direction:ltr;width:816px;height:1056px;margin:var(--page-margin);position:relative;overflow:visible;border:var(--page-border);background-clip:content-box;background-color:#fff}.pdfViewer .dummyPage{position:relative;width:0;height:var(--viewer-container-height)}.pdfViewer.noUserSelect{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pdfViewer.removePageBorders .page{margin:0 auto 10px;border:none}.pdfViewer.singlePageView{display:inline-block}.pdfViewer.singlePageView .page{margin:0;border:none}.pdfViewer:is(.scrollHorizontal,.scrollWrapped),.spread{margin-inline:3.5px;text-align:center}.pdfViewer.scrollHorizontal,.spread{white-space:nowrap}.pdfViewer.removePageBorders,.pdfViewer:is(.scrollHorizontal,.scrollWrapped) .spread{margin-inline:0}.spread :is(.page,.dummyPage),.pdfViewer:is(.scrollHorizontal,.scrollWrapped) :is(.page,.spread){display:inline-block;vertical-align:middle}.spread .page,.pdfViewer:is(.scrollHorizontal,.scrollWrapped) .page{margin-inline:var(--spreadHorizontalWrapped-margin-LR)}.pdfViewer.removePageBorders .spread .page,.pdfViewer.removePageBorders:is(.scrollHorizontal,.scrollWrapped) .page{margin-inline:5px}.pdfViewer .page canvas{margin:0;display:block}.pdfViewer .page canvas .structTree{contain:strict}.pdfViewer .page canvas[hidden]{display:none}.pdfViewer .page canvas[zooming]{width:100%;height:100%}.pdfViewer .page.loadingIcon:after{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==) center no-repeat;display:none;transition-property:display;transition-delay:var(--loading-icon-delay);z-index:5;contain:strict}.pdfViewer .page.loading:after{display:block}.pdfViewer .page:not(.loading):after{transition-property:none;display:none}.pdfPresentationMode .pdfViewer{padding-bottom:0}.pdfPresentationMode .spread{margin:0}.pdfPresentationMode .pdfViewer .page{margin:0 auto;border:2px solid transparent}.pdf-wrap{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;gap:8px}.pdf-toolbar{display:flex;align-items:center;gap:8px;width:100%}.pdf-meta{font-size:12px;color:#374151}.pdf-stage{width:100%;height:100%;display:grid;place-items:center;overflow:auto}.pdf-canvas{max-width:100%;height:auto;border:1px solid #f3f4f6;border-radius:8px}.imgv-wrap{width:100%;height:100%;display:grid;grid-template-rows:auto 1fr;gap:8px;-webkit-user-select:none;user-select:none}.imgv-toolbar{display:flex;align-items:center;gap:8px}.btn-mini{height:30px;padding:0 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.btn-mini:disabled{opacity:.5;cursor:not-allowed}.imgv-meta{font-size:12px;color:#374151}.spacer{flex:1}.imgv-stage{position:relative;overflow:hidden;border:1px solid #f3f4f6;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:grab}.imgv-wrap.dragging .imgv-stage{cursor:grabbing}.imgv-stage img{max-width:none;max-height:none;will-change:transform;transition:transform 80ms linear;pointer-events:none}.page-wrap{max-width:1200px;margin:0 auto}.elevate{box-shadow:0 8px 28px #1118270f,0 2px 8px #1118270a;border-radius:14px}.imp2-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;min-height:560px}.upload-card,.block,.pane-right{background:#fff;border:1px solid #e5e7eb;border-radius:14px}.upload-card{padding:18px;display:grid;gap:14px}.upload-title{font-weight:700;color:#0f172a;letter-spacing:.2px}.block{padding:14px;display:grid;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-size:14px!important;line-height:1.15;white-space:nowrap;transition:transform .06s ease,background .15s ease,opacity .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.upload-actions{display:flex;gap:10px}.field .hint{color:#6b7280;font-size:12px}.single-file{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.file-chip{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.file-chip .icon{width:22px;display:grid;place-items:center}.file-chip .meta .name{font-weight:600;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip .meta .size{font-size:12px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid #fee2e2;background:#fff;color:#dc2626;border-radius:10px;cursor:pointer}.icon-btn:hover{background:#fff5f5}.pane-right{min-height:560px;padding:12px;display:grid;grid-template-rows:1fr}.spinner{width:22px;height:22px;border-radius:999px;border:2px solid #c7d2fe;border-top-color:transparent;animation:spin .7s linear infinite}.alert{display:flex;align-items:center;gap:8px;border-radius:10px;padding:10px 12px;font-size:13px}.alert.warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412}.imp2 .btn.btn-black,.btn.btn-black{background:#000!important;color:#fff!important;border-color:#000!important}.imp2 .btn.btn-black:hover:not(:disabled),.btn.btn-black:hover:not(:disabled){background:#000!important;filter:brightness(.92);transform:translateY(-1px)}.imp2 .btn.btn-black:disabled,.btn.btn-black:disabled{background:#000!important;color:#fff!important;border-color:#000!important;opacity:.55;cursor:not-allowed}.imp2 .btn.btn-black svg,.btn.btn-black svg{color:currentColor!important}.imp2-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #111827;background:#111827;color:#fff;cursor:pointer;font-size:14px!important;line-height:1.15;text-indent:0!important;white-space:nowrap;transition:transform .12s ease,background .12s ease,opacity .12s ease}.btn svg{color:inherit}.btn-add-files{padding:10px 16px;border-radius:12px}.input,.imp2 select.input,.imp2 input.input{display:inline-flex;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:14px;width:100%}.input:disabled{background:#f9fafb;color:#6b7280}.pane-left{display:grid;align-content:start;gap:16px}.pane-right{min-height:540px;padding:12px;display:grid;grid-template-rows:1fr}.imp2 select[disabled],.imp2 input[disabled]{opacity:1}.imp2 .progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;display:grid;gap:8px;box-shadow:0 8px 20px #1118270a}.imp2 .progress-outer{width:100%;height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}.imp2 .progress-inner{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#06b6d4);transition:width .3s ease}.upload-title.with-count{display:inline-flex;align-items:center;gap:8px}.count-pill.sales{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.file-item{display:flex;align-items:center;gap:6px;min-width:0}.file-list-scroll{--file-row-height: 56px;max-height:calc(var(--file-row-height) * 5);overflow:auto;border:1px solid #e5e7eb;border-radius:10px;padding:2px}.file-list .file-item{min-height:var(--file-row-height)}.file-list-scroll::-webkit-scrollbar{width:10px}.file-list-scroll::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:8px}.file-list-scroll::-webkit-scrollbar-track{background:#eef2ff}.kind-select{flex:0 0 130px;padding:6px 8px;font-size:12px!important;line-height:1.1;margin-right:6px}.file-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:0;width:auto;text-align:left;cursor:pointer}.progress-card{background:#e5edf7;border:1px solid #d6e0ef;border-radius:12px;padding:10px 12px;display:grid;gap:8px}.progress-outer{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.imp2 button[disabled],.imp2 select[disabled]{opacity:.6;cursor:not-allowed}.kind-pill{margin-left:auto;font-size:11px;padding:2px 6px;border-radius:999px;text-transform:capitalize;border:1px solid #e5e7eb;background:#f9fafb;color:#374151}.kind-pill.sales{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.kind-pill.purchase{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.imp2 .file-list .file-item{display:flex!important;grid-template-columns:unset!important;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0}.imp2 .file-list .file-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px}.imp2 .file-list .kind-select{flex:0 0 130px;margin-right:6px;padding:6px 8px;font-size:12px!important;line-height:1.1}.imp2 .file-list .icon-btn{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center}.upload-card-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.static-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.page{display:grid;gap:16px}.page-header h2{margin:0;color:#0f172a}.page-header .muted{color:#6b7280}.upload-box{padding:18px;background:#fff;border:1px dashed #d1d5db;border-radius:12px}.placeholder{display:grid;place-items:center;height:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-style:italic;box-shadow:0 6px 18px #1118270a}.imp2{display:grid;gap:16px}.imp2-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.imp2-header h2{margin:0;color:#0f172a}.imp2-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:540px}@media (max-width: 1000px){.imp2-grid{grid-template-columns:1fr}}.imp2 .btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;font-size:14px!important;line-height:1.15;text-indent:0!important;white-space:nowrap}.imp2 .btn:hover{background:#f9fafb}.imp2 .btn.primary{background:#1d4ed8;border-color:#1e40af;color:#fff}.imp2 .btn.soft{background:#f9fafb}.imp2 .btn svg{color:inherit}.pane-left{display:grid;align-content:start;gap:14px}.upload-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;display:grid;gap:12px;box-shadow:0 8px 20px #1118270a}.upload-title{font-weight:700;color:#0f172a}.upload-sub{margin:0;color:#6b7280}.upload-actions{display:flex;gap:8px}.block{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:grid;gap:10px}.block-title{font-weight:600;color:#0f172a}.file-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.file-main{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:0;width:100%;text-align:left;cursor:pointer}.name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.icon-btn{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.pane-right{min-height:540px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:grid;grid-template-rows:1fr}.img-wrap{width:100%;height:100%;display:grid;place-items:center}.img-wrap img{max-width:100%;max-height:100%;object-fit:contain}.imp-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.imp-results h3{margin:0 0 10px}.import-card{width:280px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 16px;display:grid;gap:12px;justify-items:center;box-shadow:0 12px 40px #0206171f}.import-text{font-size:14px;color:#374151}.ring{position:relative;width:72px;height:72px}.ring svg{width:72px;height:72px;transform:rotate(-90deg)}.ring .track{fill:none;stroke:#e5e7eb;stroke-width:4}.ring .fill{fill:none;stroke:#3b82f6;stroke-width:4;transition:stroke-dashoffset .2s linear}.ring-label{position:absolute;inset:0;display:grid;place-items:center;font-weight:600;color:#111827}.result-page{display:grid;gap:24px;padding:16px;background:#f9fafb}.result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.result-title{margin:0 0 8px;font-size:24px;font-weight:600;color:#111827}.project-info{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:14px}.project-label{color:#6b7280;font-weight:500}.project-name{color:#111827;font-weight:600;background:#f3f4f6;padding:4px 8px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .08s ease,background .15s ease,opacity .15s ease;text-decoration:none;font-size:14px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:8px 12px;font-size:13px}.btn-black{background:#111;color:#fff;border-color:#111}.btn-black:hover:not(:disabled){background:#000;transform:translateY(-1px)}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.tbl-scroller{max-height:70vh;overflow:auto}.tbl.nice{width:100%;border-collapse:collapse;font-size:14px}.tbl.nice th,.tbl.nice td{padding:10px 14px;text-align:left;border-bottom:1px solid #e5e7eb;white-space:nowrap}.tbl.nice th{background:#f9fafb;font-weight:700;color:#111827;position:sticky;top:0;z-index:10}.tbl.nice tr:nth-child(2n) td{background:#fcfcfd}.tbl.nice tr:hover td{background:#f3f4f6}.tbl.nice td{color:#1f2937;vertical-align:top}.sticky-col{position:sticky;left:0;background:inherit;z-index:5}.num{text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 768px){.result-head{flex-direction:column;align-items:stretch}.result-title{font-size:20px}.tbl.nice th,.tbl.nice td{padding:8px 10px;font-size:13px}}.tbl-scroller::-webkit-scrollbar{height:8px;width:8px}.tbl-scroller::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.tbl-scroller::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.tbl-scroller::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tbl.nice thead th{top:0;z-index:3;background:#f1f5ff;color:#334155;font-weight:700;text-align:left;border-bottom:1px solid #dbeafe;padding:12px 14px;font-size:13px;white-space:normal;line-height:1.2}.seg{display:inline-flex;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}.seg-btn{padding:8px 12px;font-size:13px;border:0;background:transparent;cursor:pointer}.seg-btn.active{background:#eef2ff;color:#1e40af;font-weight:600}.result-page{display:grid;gap:14px}.result-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.result-title{margin:0;color:#0f172a;font-size:16px;font-weight:700}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;white-space:nowrap}.btn:hover{background:#f9fafb}.btn.primary{background:#1d4ed8;border-color:#1e40af;color:#fff}.btn-sm{padding:6px 10px;font-size:12px;border-radius:8px;gap:6px}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.tbl-scroller{max-height:70vh;overflow:auto;border-radius:10px;border:1px solid #e5e7eb}.tbl.nice thead th{position:sticky;top:0;z-index:3;background:#f1f5ff;color:#334155;font-weight:700;text-align:left;border-bottom:1px solid #dbeafe;padding:12px 14px;font-size:13px}.tbl.nice tbody td{padding:14px 16px;border-bottom:1px solid #eef2f7;white-space:normal;word-wrap:break-word;word-break:break-word;vertical-align:top;font-size:13px;line-height:1.35}.tbl.nice tbody tr:hover td{background:#f7faff}.tbl td.rtl{direction:rtl;text-align:right}.tbl-scroller::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:8px}.tbl-scroller::-webkit-scrollbar-track{background:#eef2ff}.result-page{display:grid;gap:16px}.result-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.tbl.nice thead th{position:sticky;top:0;z-index:3;background:#f7f7fb;color:#1f2937;font-weight:700;text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px;white-space:normal;line-height:1.25}.tbl.nice thead th{overflow-wrap:anywhere;word-break:break-word;white-space:normal;min-width:160px}.th-with-info{display:inline-flex;align-items:center;gap:5px}.pos-info-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;padding:2px;cursor:pointer;color:#9ca3af;border-radius:50%;flex-shrink:0;transition:color .15s ease,background .15s ease;line-height:1}.pos-info-btn:hover{color:#374151;background:#e5e7eb}.pos-tooltip-popup{position:fixed;z-index:9999;background:#1f2937;color:#e5e7eb;border-radius:10px;padding:13px 16px;max-width:310px;font-size:12px;line-height:1.6;box-shadow:0 8px 28px #00000040;pointer-events:none}.pos-tooltip-popup p{margin:0 0 9px}.pos-tooltip-popup p:last-child{margin-bottom:0}.pos-tooltip-popup strong{color:#f9fafb;font-weight:700}.src-link{border:none;background:none;padding:0;margin:0;color:#2563eb;text-decoration:underline;cursor:pointer;font:inherit}.invoice-preview-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:999}.invoice-preview-dialog{background:#fff;border-radius:12px;width:min(90vw,1100px);height:min(90vh,700px);display:flex;flex-direction:column;box-shadow:0 18px 40px #0f172a40}.invoice-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e5e7eb}.preview-title{font-size:14px;font-weight:600;color:#111827}.preview-close-btn{border:none;background:none;cursor:pointer;padding:4px;border-radius:999px}.preview-close-btn:hover{background:#f3f4f6}.invoice-preview-body{flex:1;min-height:0;overflow:hidden;padding:8px}.roles-permissions-page{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#fafbfc,#f7f9fc);min-height:100vh}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px}.password-toggle:hover{background:#f0f0f0}.role-form-container{background:#00000080;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.role-form{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.role-form h3{margin:0 0 24px;font-size:24px;font-weight:700;color:#333;text-align:center}.permissions-grid{display:grid;grid-template-columns:1fr;gap:20px}.permission-category{background:#f8f8f8;border:2px solid #000000;border-radius:8px;padding:16px}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ddd}.category-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.select-all-btn{background:#000;color:#fff;border:2px solid #000000;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.select-all-btn:hover{background:#fff;color:#000}.permission-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;padding:6px;border-radius:4px;transition:background-color .2s}.permission-checkbox:hover{background-color:#e9e9e9}.roles-section{background:#fff;border:1px solid #ece8f7;border-radius:12px;padding:20px;box-shadow:0 1px 2px #100b2b0a}.role-count{background:#f3eeff;color:#7c5cff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid #e3d7ff}.roles-table-container{overflow-x:auto;border-radius:10px;border:1px solid #ece8f7}.roles-table{width:100%;border-collapse:collapse;font-size:14px}.roles-table thead{background:#faf8ff}.roles-table th{text-align:left;padding:12px 14px;font-weight:700;color:#7c5cff;border-bottom:1px solid #ece8f7;white-space:nowrap;font-size:13px;letter-spacing:.2px}.roles-table td{padding:14px;border-bottom:1px solid #f3f0fa;vertical-align:middle;color:#2e2749}.roles-table tbody tr:last-child td{border-bottom:none}.roles-table tbody tr{transition:background .15s ease}.roles-table tbody tr:hover{background:#faf8ff}.role-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.role-department,.role-description{color:#666;display:block}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.role-form{margin:16px;padding:24px 16px}.form-grid,.permissions-grid{grid-template-columns:1fr;gap:16px}.permission-list{grid-template-columns:1fr}.roles-table th,.roles-table td{padding:12px 8px}.action-buttons,.form-actions{flex-direction:column}.category-header{flex-direction:column;align-items:flex-start;gap:8px}}.add-role-page{padding:28px 32px;max-width:1280px;margin:0 auto;color:#1a1a1a}.ar-back-link{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;color:#7c5cff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:color .2s ease}.ar-back-link:hover{color:#5a3fd6}.ar-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#9ca3af;margin-bottom:12px}.ar-breadcrumb-link{color:#9ca3af;cursor:pointer;transition:color .2s ease}.ar-breadcrumb-link:hover{color:#6b7280}.ar-breadcrumb-sep{color:#d1d5db;font-size:16px}.ar-breadcrumb-current{color:#6b7280}.ar-page-title{margin:0 0 28px;font-size:32px;font-weight:700;color:#111827;letter-spacing:-.5px}.ar-alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.ar-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ar-form{background:#fff;border-radius:14px;border:1px solid #ececf2;box-shadow:0 1px 2px #100b2b0a;overflow:hidden}.ar-section{padding:28px 32px}.ar-section+.ar-section{border-top:1px solid #ececf2}.ar-section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#111827}.ar-section-header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.ar-section-header svg{color:#111827}.ar-section-divider{height:1px;background:#ececf2;margin:0 -32px 28px}.ar-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:24px}.ar-field{display:flex;flex-direction:column}.ar-field-full{grid-column:1 / -1}.ar-field label{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:10px}.ar-required{color:#ef4444;margin-left:4px;font-weight:700}.ar-field input,.ar-field textarea,.ar-field select{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:15px;color:#111827;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.ar-field textarea{resize:vertical;min-height:100px}.ar-field select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.ar-field input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.ar-field input::placeholder,.ar-field textarea::placeholder{color:#9ca3af}.ar-field input:focus,.ar-field textarea:focus,.ar-field select:focus{outline:none;border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff26}.ar-help{margin:8px 0 0;font-size:12px;color:#6b7280}.ar-permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.ar-permission-card{background:#faf8ff;border:1px solid #ece8f7;border-radius:12px;padding:16px 18px}.ar-permission-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #ece8f7}.ar-permission-card-header h4{margin:0;font-size:14px;font-weight:700;color:#1b0f3a}.ar-select-all{background:transparent;border:none;color:#7c5cff;font-size:12px;font-weight:600;cursor:pointer;padding:0}.ar-select-all:hover{color:#5a3fd6;text-decoration:underline}.ar-permission-list{display:flex;flex-direction:column;gap:8px}.ar-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#2e2749;cursor:pointer;padding:4px 0}.ar-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#7c5cff;cursor:pointer}.ar-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #ececf2;background:#fafafa}.ar-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.ar-btn:disabled{opacity:.65;cursor:not-allowed}.ar-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.ar-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ar-btn-primary{background:#7c5cff;color:#fff;border-color:#7c5cff;box-shadow:0 1px 2px #7c5cff4d}.ar-btn-primary:hover:not(:disabled){background:#6a47ff;border-color:#6a47ff;box-shadow:0 4px 10px #7c5cff59;transform:translateY(-1px)}.ar-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#666}.ar-access-denied h2{margin:16px 0 8px;color:#333}@media (max-width: 768px){.add-role-page{padding:20px}.ar-page-title{font-size:26px}.ar-section{padding:22px 20px}.ar-section-divider{margin:0 -20px 22px}.ar-grid{grid-template-columns:1fr;column-gap:0;row-gap:18px}.ar-permissions-grid{grid-template-columns:1fr}.ar-actions{padding:16px 20px;flex-direction:column-reverse}.ar-btn{width:100%;justify-content:center}}.employee-management-page{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#fafbfc,#f7f9fc);min-height:100vh}.employee-form-container{background:#00000080;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.employee-form{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.employee-form h3{margin:0 0 24px;font-size:24px;font-weight:700;color:#333;text-align:center}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:2px solid #000000;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box;position:relative;z-index:1}.password-input-container input{flex:1;padding-right:40px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#666;z-index:2}.password-toggle:hover{background:#f0f0f0;color:#000}.phone-input-group{display:flex;gap:8px}.phone-input-group select{width:30%}.phone-input-group input{width:70%}.employees-section{background:#fff;border:1px solid #ece8f7;border-radius:12px;padding:20px;box-shadow:0 1px 2px #100b2b0a}.employee-count{background:#f3eeff;color:#7c5cff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid #e3d7ff}.employees-table-container{overflow-x:auto;border-radius:10px;border:1px solid #ece8f7}.employees-table{width:100%;border-collapse:collapse;font-size:14px}.employees-table thead{background-color:#faf8ff}.employees-table th{text-align:left;padding:12px 14px;font-weight:700;color:#7c5cff;border-bottom:1px solid #ece8f7;white-space:nowrap;font-size:13px;letter-spacing:.2px}.employees-table td{padding:14px;border-bottom:1px solid #f3f0fa;vertical-align:middle;color:#2e2749}.employees-table tbody tr:last-child td{border-bottom:none}.employees-table tbody tr{transition:background .15s ease}.employees-table tbody tr:hover{background:#faf8ff}.btn-edit,.btn-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #ece8f7;border-radius:8px;background:#fff;color:#6b6483;cursor:pointer;transition:all .15s ease;box-shadow:none}.btn-edit:hover{background:#f3eeff;border-color:#c5b3ff;color:#7c5cff}.btn-edit:hover svg{color:#7c5cff!important}.btn-delete:hover{background:#ffe9ee;border-color:#f9c0cc;color:#f43f5e}.btn-delete:hover svg{color:#f43f5e!important}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#666;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.employee-form{margin:16px;padding:24px 16px}.form-grid,.edit-fields{grid-template-columns:1fr;gap:16px}.employees-table th,.employees-table td{padding:12px 8px}.action-buttons,.form-actions,.edit-actions{flex-direction:column}}.add-user-page{padding:28px 32px;max-width:1280px;margin:0 auto;color:#1a1a1a}.au-back-link{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;color:#7c5cff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:color .2s ease}.au-back-link:hover{color:#5a3fd6}.au-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#9ca3af;margin-bottom:12px}.au-breadcrumb-link{color:#9ca3af;cursor:pointer;transition:color .2s ease}.au-breadcrumb-link:hover{color:#6b7280}.au-breadcrumb-sep{color:#d1d5db;font-size:16px}.au-breadcrumb-current{color:#6b7280}.au-page-title{margin:0 0 28px;font-size:32px;font-weight:700;color:#111827;letter-spacing:-.5px}.au-alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.au-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.au-form{background:#fff;border-radius:14px;border:1px solid #ececf2;box-shadow:0 1px 2px #100b2b0a;overflow:hidden}.au-section{padding:28px 32px}.au-section+.au-section{border-top:1px solid #ececf2}.au-section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#111827}.au-section-header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.au-section-header svg{color:#111827}.au-section-divider{height:1px;background:#ececf2;margin:0 -32px 28px}.au-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:24px}.au-field{display:flex;flex-direction:column}.au-field-full{grid-column:1 / -1}.au-field label{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:10px}.au-required{color:#ef4444;margin-left:4px;font-weight:700}.au-field input,.au-field textarea,.au-field select{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:15px;color:#111827;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.au-field select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.au-field input:disabled,.au-field select:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.au-field input::placeholder,.au-field textarea::placeholder{color:#9ca3af}.au-field input:focus,.au-field textarea:focus,.au-field select:focus{outline:none;border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff26}.au-help{margin:8px 0 0;font-size:12px;color:#6b7280}.au-password-wrap{position:relative;display:flex;align-items:center}.au-password-wrap input{padding-right:44px}.au-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .2s ease,background .2s ease}.au-password-toggle:hover{color:#7c5cff;background:#7c5cff14}.au-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #ececf2;background:#fafafa}.au-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.au-btn:disabled{opacity:.65;cursor:not-allowed}.au-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.au-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.au-btn-primary{background:#7c5cff;color:#fff;border-color:#7c5cff;box-shadow:0 1px 2px #7c5cff4d}.au-btn-primary:hover:not(:disabled){background:#6a47ff;border-color:#6a47ff;box-shadow:0 4px 10px #7c5cff59;transform:translateY(-1px)}.au-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#666}.au-access-denied h2{margin:16px 0 8px;color:#333}@media (max-width: 768px){.add-user-page{padding:20px}.au-page-title{font-size:26px}.au-section{padding:22px 20px}.au-section-divider{margin:0 -20px 22px}.au-grid{grid-template-columns:1fr;column-gap:0;row-gap:18px}.au-actions{padding:16px 20px;flex-direction:column-reverse}.au-btn{width:100%;justify-content:center}}.department-management-page{padding:24px;max-width:1400px;margin:0 auto}.department-form-container{background:#00000080;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.department-form{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.department-form h3{margin:0 0 24px;font-size:24px;font-weight:700;color:#333;text-align:center}.form-grid{display:grid;gap:24px;margin-bottom:32px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:2px solid #000000;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.departments-section{background:#fff;border:1px solid #ece8f7;border-radius:12px;padding:20px;box-shadow:0 1px 2px #100b2b0a}.department-count{background:#f3eeff;color:#7c5cff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid #e3d7ff}.departments-table-container{overflow-x:auto;border-radius:10px;border:1px solid #ece8f7}.departments-table{width:100%;border-collapse:collapse;font-size:14px}.departments-table thead{background:#faf8ff}.departments-table th{text-align:left;padding:12px 14px;font-weight:700;color:#7c5cff;border-bottom:1px solid #ece8f7;white-space:nowrap;font-size:13px;letter-spacing:.2px}.departments-table td{padding:14px;border-bottom:1px solid #f3f0fa;vertical-align:middle;color:#2e2749}.departments-table tbody tr:last-child td{border-bottom:none}.departments-table tbody tr{transition:background .15s ease}.departments-table tbody tr:hover{background:#faf8ff}.department-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.department-description{color:#666;display:block}.created-date{color:#666;font-size:14px}.department-edit-form{padding:24px 0}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#666}.access-denied h2{margin:16px 0 8px;color:#333}.loading{text-align:center;padding:32px;color:#666}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.department-form{margin:16px;padding:24px 16px}.form-grid{gap:16px}.edit-fields{grid-template-columns:1fr;gap:16px}.departments-table th,.departments-table td{padding:12px 8px}.action-buttons,.form-actions,.edit-actions{flex-direction:column}}.add-department-page{padding:28px 32px;max-width:1280px;margin:0 auto;color:#1a1a1a}.ad-back-link{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;color:#7c5cff;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:color .2s ease}.ad-back-link:hover{color:#5a3fd6}.ad-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#9ca3af;margin-bottom:12px}.ad-breadcrumb-link{color:#9ca3af;cursor:pointer;transition:color .2s ease}.ad-breadcrumb-link:hover{color:#6b7280}.ad-breadcrumb-sep{color:#d1d5db;font-size:16px}.ad-breadcrumb-current{color:#6b7280}.ad-page-title{margin:0 0 28px;font-size:32px;font-weight:700;color:#111827;letter-spacing:-.5px}.ad-alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.ad-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ad-form{background:#fff;border-radius:14px;border:1px solid #ececf2;box-shadow:0 1px 2px #100b2b0a;overflow:hidden}.ad-section{padding:28px 32px}.ad-section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#111827}.ad-section-header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.ad-section-header svg{color:#111827}.ad-section-divider{height:1px;background:#ececf2;margin:0 -32px 28px}.ad-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:24px}.ad-field{display:flex;flex-direction:column}.ad-field-full{grid-column:1 / -1}.ad-field label{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:10px}.ad-required{color:#ef4444;margin-left:4px;font-weight:700}.ad-field input,.ad-field textarea,.ad-field select{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:15px;color:#111827;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.ad-field textarea{resize:vertical;min-height:110px}.ad-field select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3e%3cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.ad-field input::placeholder,.ad-field textarea::placeholder{color:#9ca3af}.ad-field input:focus,.ad-field textarea:focus,.ad-field select:focus{outline:none;border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff26}.ad-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #ececf2;background:#fafafa}.ad-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.ad-btn:disabled{opacity:.65;cursor:not-allowed}.ad-btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.ad-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ad-btn-primary{background:#7c5cff;color:#fff;border-color:#7c5cff;box-shadow:0 1px 2px #7c5cff4d}.ad-btn-primary:hover:not(:disabled){background:#6a47ff;border-color:#6a47ff;box-shadow:0 4px 10px #7c5cff59;transform:translateY(-1px)}.ad-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:#666}.ad-access-denied h2{margin:16px 0 8px;color:#333}@media (max-width: 768px){.add-department-page{padding:20px}.ad-page-title{font-size:26px}.ad-section{padding:22px 20px}.ad-section-divider{margin:0 -20px 22px}.ad-grid{grid-template-columns:1fr;column-gap:0;row-gap:18px}.ad-actions{padding:16px 20px;flex-direction:column-reverse}.ad-btn{width:100%;justify-content:center}}:root{--page: #f5f6f8;--card: #ffffff;--ink: #0a0a0a;--muted: #6b7280;--line: #e6e8ec;--shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 8px 30px rgba(0, 0, 0, .06)}.admin-dashboard{max-width:1400px;margin:0 auto;padding:22px;color:var(--ink);background:var(--page);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-title{margin:0 0 4px;font-size:36px;font-weight:800;letter-spacing:-.01em}.page-subtitle{margin:0;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.month-picker{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow);overflow:hidden}.month-nav{display:grid;place-items:center;width:30px;height:34px;border:none;background:transparent;cursor:pointer;color:var(--ink);transition:background .15s ease}.month-label{display:flex;align-items:center;gap:6px;padding:0 10px;font-weight:700;font-size:12px;white-space:nowrap;color:var(--ink);border-left:1px solid var(--line);border-right:1px solid var(--line);height:34px}.btn-refresh{height:34px;padding:0 12px;border-radius:8px;background:#000;color:#fff;border:1.5px solid #000;font-weight:600;font-size:13px;transition:all .15s ease}.btn-refresh:hover{background:#fff;color:#000;border-color:#000;transform:translateY(-1px)}.btn-refresh:active{transform:translateY(0)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-refresh:focus-visible{outline:2px solid #111;outline-offset:2px}.btn-refresh svg{flex:none}.alert.error{border:1px solid #fecaca;background:#fff;color:#b91c1c;padding:12px 14px;border-radius:12px;margin-bottom:12px}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:14px}.kpi-card{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);min-height:96px}.kpi-card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.kpi-card.clickable:hover{transform:translateY(-1px)}.kpi-card.clickable:focus-visible{outline:2px solid #111;outline-offset:2px}.kpi-card.active{border-color:#111}.kpi-icon{width:46px;height:46px;border-radius:12px;border:1px solid transparent;background:#f2f3f5;color:#334155;display:grid;place-items:center;flex-shrink:0;transition:transform .15s ease}.kpi-card.clickable:hover .kpi-icon{transform:scale(1.06)}.kpi-tone-indigo .kpi-icon{background:#eef1ff;color:#4f46e5}.kpi-tone-emerald .kpi-icon{background:#e7f8ee;color:#10b981}.kpi-tone-amber .kpi-icon{background:#fff4e0;color:#f59e0b}.kpi-tone-violet .kpi-icon{background:#f3edff;color:#7c5cff}.kpi-tone-sky .kpi-icon{background:#e4f3ff;color:#0ea5e9}.kpi-tone-rose .kpi-icon{background:#ffe9ee;color:#f43f5e}.kpi-card .kpi-value{color:#1b0f3a}.kpi-card .kpi-title{color:#000}.kpi-tone-indigo .kpi-value{color:#1b0f3a}.kpi-tone-violet .kpi-title,.kpi-tone-rose .kpi-title{color:#000}.kpi-meta{flex:1;min-width:0;display:grid;align-content:center;gap:2px}.kpi-value-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.kpi-value{font-size:26px;font-weight:800;line-height:1.05;word-break:break-word}.kpi-title{color:var(--ink);font-size:13px;font-weight:700;line-height:1.2;white-space:normal}.kpi-hint{color:var(--muted);font-size:11px;margin-top:2px;line-height:1.2;white-space:normal;word-break:break-word}.kpi-card--pending .kpi-value{font-size:34px;letter-spacing:-.02em}.kpi-card--pending .kpi-title{font-size:14px}.kpi-card--pending .kpi-hint{font-size:11px;display:block;padding:0;border:0;background:transparent;margin-top:2px}.kpi-card--pending .kpi-meta{gap:3px}.kpi-card--pending .kpi-value-row{align-items:center}.kpi-card--pending .kpi-icon{background:#f2f3f5}.kpi-card--pending.active{border-color:#111}.kpi-change{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;padding:2px 6px;border-radius:6px}.kpi-change.up{color:#16a34a;background:#f0fdf4}.kpi-change.down{color:#dc2626;background:#fef2f2}.charts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel.full-width{margin-bottom:16px}.panel-head{padding:14px 16px;border-bottom:1px solid var(--line);background:#fafafa;border-radius:14px 14px 0 0}.pending-filings-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;justify-content:space-between}.pending-filings-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:0}.pending-search{min-width:240px;max-width:380px;width:100%;flex:1 1 280px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13px}.pending-customer-select{min-width:170px;max-width:220px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:13px}.pending-customer-select:focus-visible{outline:2px solid #111;outline-offset:2px}.pending-sort-button{margin-left:auto;flex:0 0 auto}.panel-head h2{margin:0;font-size:20px;font-weight:800}.chart-wrap{height:280px;padding:10px 14px 16px}.chart-wrap--roomy{height:300px;padding:12px 16px 18px}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0 16px 16px}.compact-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.compact-title{font-weight:700;color:#111}.compact-stats{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line)}.badge.black{background:#111;color:#fff;border-color:#111}.badge.gray{background:#eef0f3;color:#111}.badge.cost{background:#fef3c7;color:#92400e;border-color:#fde68a}.table.scrolling{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table.scrolling thead th{position:sticky;top:0;z-index:2;background:#fafafa;text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table.scrolling thead th.right{text-align:right}.table.scrolling td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table.scrolling tfoot td{position:sticky;bottom:0;z-index:2;background:#fafafa;border-top:2px solid var(--ink);font-weight:800}.table.scrolling tbody tr:hover td{background:#fbfbfb}.strong{font-weight:700}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-action-btn{height:34px;padding:0 12px;border-radius:10px;border:1px solid #111;background:#111;color:#fff;font-weight:700;cursor:pointer}.table-action-btn.secondary{background:#fff;color:#111}.table-action-btn:disabled{opacity:.5;cursor:not-allowed}.empty-cell{text-align:center;color:var(--muted);padding:20px 14px}.pagination-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-inline{display:inline-flex;align-items:center;gap:8px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff}.avatar.sm{width:26px;height:26px}.block.center{display:grid;place-items:center;gap:8px;padding:40px;text-align:center}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.charts{grid-template-columns:1fr}}@media (max-width: 640px){.admin-dashboard{padding:16px}.page-title{font-size:28px}.chart-wrap{height:260px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{flex-direction:column;align-items:flex-start}.pending-search{min-width:0}.pending-filings-filters{width:100%}.pending-customer-select{min-width:0;max-width:none;width:100%;flex:1 1 180px}.pending-pagination{align-items:flex-start}}:where(.admin-dashboard) .btn-refresh.bw{--btn-bg: #7c5cff;--btn-fg: #fff;--btn-br: #7c5cff;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:8px;border:1.5px solid var(--btn-br);background:var(--btn-bg);color:var(--btn-fg);font-weight:700;font-size:13px;letter-spacing:.2px;box-shadow:0 1px #0000000f,0 4px 12px #7c5cff47;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}:where(.admin-dashboard) .btn-refresh.bw:hover{--btn-bg: #6a48f0;--btn-fg: #fff;--btn-br: #6a48f0;transform:translateY(-1px)}:where(.admin-dashboard) .btn-refresh.bw:focus-visible{outline:0;box-shadow:0 0 0 3px #fff,0 0 0 5px #000}:where(.admin-dashboard) .btn-refresh.bw:active{transform:translateY(0)}:where(.admin-dashboard) .btn-refresh.bw:disabled{opacity:.6;cursor:not-allowed;transform:none}:where(.admin-dashboard) .btn-refresh.bw svg{color:currentColor;stroke:currentColor}:root{--fg: #0a0a0a;--muted: #6b6b6b;--line: #e8e8e8;--line-2: #dcdcdc;--elev: #f7f7f7;--elev-2: #fafafa;--ink: #111;--shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 8px 30px rgba(0, 0, 0, .06)}.dept.page{min-height:100vh;padding:28px;color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--elev);box-shadow:var(--shadow);margin-bottom:24px;flex-wrap:wrap}.header-left .title{margin:0 0 6px;font-size:28px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.subtitle{margin:0;color:var(--muted);font-size:14px}.profile-card{display:flex;align-items:center;gap:12px}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--ink)}.avatar.ring{box-shadow:inset 0 0 0 4px #fff,0 0 0 1px var(--line)}.profile-top{display:flex;align-items:center;gap:8px}.profile-name{font-weight:700;color:var(--ink)}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px}.pill .pill-text{font-size:12px;color:var(--fg)}.muted{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px}.kpi{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;box-shadow:var(--shadow)}.kpi.pending-clickable{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.kpi.pending-clickable:hover{transform:translateY(-1px)}.kpi.pending-clickable:focus-visible{outline:2px solid #111;outline-offset:2px}.kpi.pending-clickable.active{border-color:#111}.kpi-icon{width:46px;height:46px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;background:var(--elev-2);flex-shrink:0}.kpi-meta{display:grid;gap:2px}.kpi-value{font-size:26px;font-weight:800;color:var(--ink)}.kpi-label{font-size:13px;color:#000}.kpi-hint{font-size:11px;color:var(--muted);margin-top:1px}.mini-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:22px}.mini-kpi{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;box-shadow:var(--shadow)}.mini-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:#fff;flex-shrink:0}.mini-value{font-size:20px;font-weight:800;color:var(--ink)}.mini-label{font-size:12px;color:var(--muted)}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--elev-2)}.panel-head h2{margin:0;font-size:18px;color:var(--ink)}.panel-head.with-meta{gap:8px}.pending-filings-toolbar{align-items:center}.pending-search{min-width:280px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--fg)}.pending-search:focus-visible{outline:2px solid #111;outline-offset:2px}.pending-sort-btn{width:auto;padding:0 12px}.badge{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;padding:14px}.chart-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:12px 12px 6px}.chart-title{font-weight:700;color:var(--ink);margin:6px 6px 10px;font-size:14px}.chart-wrap{height:260px;padding:0 4px 8px;background:#fff}.chart-narrow{max-width:700px;margin:0 auto}.table thead th{position:sticky;top:0;z-index:2;background:var(--elev-2);text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.table tbody td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tfoot td{position:sticky;bottom:0;z-index:2;background:var(--elev-2);border-top:2px solid var(--ink);padding:12px 14px;font-weight:800}.strong{font-weight:700;color:var(--ink)}.pending-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pending-action-btn{height:34px;padding:0 12px;border-radius:10px;border:1px solid #111;background:#111;color:#fff;font-weight:700;cursor:pointer}.pending-action-btn.secondary{background:#fff;color:#111}.pending-action-btn:disabled{opacity:.5;cursor:not-allowed}.pending-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 16px;border-top:1px solid var(--line);flex-wrap:wrap}.user-inline{display:flex;align-items:center;gap:10px}.user-avatar-sm{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#000;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}.role-pill{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:#fff;text-transform:capitalize}.share-bar-wrap{display:flex;align-items:center;gap:8px;justify-content:flex-end}.share-bar{height:6px;background:#111;border-radius:3px;min-width:2px;max-width:80px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:14px}.tool-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:18px;text-align:center;display:grid;gap:10px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:0 1px #0000000f,0 12px 34px #00000014}.tool-card h3{margin:0;font-size:16px;color:var(--ink)}.tool-card p{margin:0;color:var(--muted);font-size:13px}.tool-card.static{cursor:default}.notice{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.notice.error{border:1px solid #000;color:#000}.empty{padding:18px;text-align:center;color:var(--muted)}.empty.small{padding:10px}.center-stack{min-height:40vh;display:grid;place-items:center;color:var(--muted)}@media (max-width:860px){.header{flex-direction:column}.header-right{width:100%;flex-direction:column;align-items:flex-start}.pending-search{min-width:0;width:100%}}@media (max-width:560px){.dept.page{padding:16px}.header-left .title{font-size:24px}.chart-narrow{max-width:100%}}.department-users{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#fafbfc,#f7f9fc);min-height:100vh}.department-users.error{text-align:center;padding:40px;color:#dc2626;font-size:18px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px}.page-header h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#333}.page-header p{margin:0;color:#666;font-size:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #000000}.section-header h3{margin:0;font-size:24px;font-weight:600;color:#333}.section-actions{display:flex;align-items:center;gap:15px}.user-count{background:#000;color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#000;color:#fff;border:2px solid #000000;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.user-form{background:#00000080;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.user-form>div{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.user-form h4{margin:0 0 24px;font-size:24px;font-weight:700;color:#333;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.form-group{display:flex;flex-direction:column}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:2px solid #000000;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px}.password-toggle{position:absolute;right:16px;background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px}.password-toggle:hover{color:#000}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.help-text{font-size:12px;color:#666;margin-top:4px;font-style:italic}.form-actions{display:flex;gap:16px;justify-content:center;padding-top:16px}.btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#000;color:#fff;border:2px solid #000000;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-save:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-save:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#000;border:2px solid #000000;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-cancel:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-cancel:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.users-table-container{background:#fff;border:2px solid #000000;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:16px;font-weight:600;color:#000;border-bottom:2px solid #000000;white-space:nowrap;background-color:#f8f8f8}.users-table td{padding:16px;border-bottom:1px solid #e5e7eb;vertical-align:top}.employee-name{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.employee-email,.employee-department,.employee-role{color:#666;display:block}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:capitalize;border:2px solid #000000}.status-badge.active{background:#fff;color:#000}.status-badge.inactive{background:#000;color:#fff}.action-buttons{display:flex;gap:12px}.btn-edit,.btn-delete{display:flex;align-items:center;justify-content:center;padding:10px;border:2px solid #000000;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.btn-edit:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-edit:hover svg{color:#fff!important}.btn-delete:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-delete:hover svg{color:#fff!important}.btn-edit:active,.btn-delete:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-edit svg,.btn-delete svg{color:#000}.employee-edit-form{padding:24px 0}.edit-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:center}.edit-header h4{margin:0;font-size:20px;font-weight:600;color:#333}.edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.field-group{display:flex;flex-direction:column}.field-group label{margin-bottom:8px;font-weight:600;color:#333}.field-group .help-text{font-size:12px;color:#666;margin-top:4px;font-style:italic}.field-group input,.field-group select{padding:12px 16px;border:2px solid #000000;border-radius:8px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box}.field-group input:focus,.field-group select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.edit-actions{display:flex;gap:16px;justify-content:center;padding-top:16px}.no-data{text-align:center;padding:64px 24px;color:#666}.no-data svg{margin-bottom:16px;color:#d1d5db}.no-data p{margin:8px 0}@media (max-width: 768px){.page-header{flex-direction:column;gap:16px;align-items:stretch}.user-form>div{margin:16px;padding:24px 16px}.form-grid,.edit-fields{grid-template-columns:1fr;gap:16px}.users-table th,.users-table td{padding:12px 8px}.action-buttons,.form-actions,.edit-actions{flex-direction:column}.users-table{display:block;overflow-x:auto;white-space:nowrap}}:root{--fg: #0a0a0a;--muted: #6b6b6b;--line: #e6e6e6;--line-strong: #d4d4d4;--elev: #f7f7f7;--elev-2: #fafafa;--ink-weak: #1a1a1a;--shadow: 0 1px 0 rgba(0, 0, 0, .06), 0 4px 24px rgba(0, 0, 0, .04)}.udb.page{min-height:100vh;padding:28px;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);margin-bottom:24px;flex-wrap:wrap}.header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.title{font-size:28px;font-weight:800;margin:0 0 4px;color:var(--ink-weak)}.subtitle{color:var(--muted);font-size:14px;margin:0}.month-picker{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.month-nav{display:grid;place-items:center;width:36px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--fg);transition:background .15s ease}.month-nav:hover:not(:disabled){background:#f0f0f0}.month-nav:disabled{opacity:.3;cursor:not-allowed}.month-label{display:flex;align-items:center;gap:8px;padding:0 12px;font-weight:700;font-size:13px;white-space:nowrap;color:var(--fg);border-left:1px solid var(--line);border-right:1px solid var(--line);height:40px}.profile-card{display:flex;align-items:center;gap:14px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;letter-spacing:.4px;color:var(--ink-weak);background:#fff;border:1px solid var(--line-strong)}.profile-text{display:flex;flex-direction:column;min-width:0}.profile-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name{font-weight:800;color:var(--ink-weak);line-height:1.2}.profile-email{color:#6f6f6f;text-decoration:none;font-size:14px;line-height:1.3}.profile-email:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line);background:#fff;color:var(--fg);border-radius:999px;box-shadow:0 1px #0000000a}.pill .pill-text{font-size:12px;text-transform:capitalize}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.kpi{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;box-shadow:var(--shadow)}.kpi-icon{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;background:var(--elev-2);flex-shrink:0}.kpi-value{font-size:28px;font-weight:800;color:var(--ink-weak)}.kpi-label{font-size:13px;color:var(--muted)}.kpi-hint{font-size:11px;color:var(--muted);margin-top:2px}.panel{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);margin-bottom:24px}.panel-head{padding:14px 18px;border-bottom:1px solid var(--line);background:var(--elev-2)}.panel-head h2{margin:0;font-size:18px;color:var(--ink-weak)}.panel-head.with-meta{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-meta{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;color:var(--fg)}.mini-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:14px}.mini-kpi{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;box-shadow:var(--shadow)}.mini-icon{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;flex-shrink:0}.mini-meta{display:grid;gap:2px}.mini-value{font-size:22px;font-weight:800;color:var(--ink-weak)}.mini-label{font-size:13px;color:var(--muted)}.chart-wrap{height:260px;padding:8px 12px 16px;background:#fff}.chart-narrow{max-width:820px;margin:0 auto}.table-wrap{max-height:60vh;overflow-y:auto;overflow-x:auto;border-top:1px solid var(--line);position:relative}.table-wrap.compact{max-height:300px}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.table thead th{position:sticky;top:0;z-index:2;background:var(--elev-2);text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.table tbody td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:hover td{background:#fcfcfc}.table tfoot td{position:sticky;bottom:0;z-index:2;background:var(--elev-2);border-top:1px solid var(--line);padding:14px 16px;box-shadow:0 -2px 6px #00000008}.right{text-align:right}.strong{font-weight:700;color:var(--ink-weak)}.nowrap{white-space:nowrap}.truncate{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:28px;display:grid;gap:6px;color:var(--muted);text-align:center}.notice.error{border:1px solid #000;background:#fff;color:#000;padding:16px;border-radius:10px}.center-stack{min-height:40vh;display:grid;place-items:center;gap:10px;color:var(--muted)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:860px){.header{flex-direction:column}.header-right{width:100%;flex-direction:column;align-items:flex-start}.profile-card{width:100%}}@media (max-width:560px){.udb.page{padding:16px}.title,.kpi-value{font-size:24px}.truncate{max-width:240px}.chart-narrow{max-width:100%}}.nf{height:calc(100dvh - 140px);display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.nf h1{font-size:64px;margin:0;color:#0f172a}.btn{display:inline-block;background:#1d4ed8;color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;border:1px solid #1e40af}.btn:hover{filter:brightness(1.06)}.kb-page{max-width:1360px;margin:0 auto;padding:24px;color:#0f172a}.kb-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:20px;align-items:stretch;margin-bottom:22px}.kb-hero-copy,.kb-hero-card,.kb-panel,.kb-role-card,.kb-workflow-card,.kb-note,.kb-ref-item{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 1px #0000000a,0 14px 40px #0f172a0a}.kb-hero-copy{padding:28px;background:radial-gradient(circle at top right,rgba(17,17,17,.08),transparent 32%),linear-gradient(180deg,#fff,#fafafa)}.kb-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f3f4f6;color:#111827;font-size:12px;font-weight:700;margin-bottom:16px}.kb-hero h1{margin:0 0 12px;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.03em}.kb-hero p{margin:0;max-width:72ch;color:#4b5563;font-size:16px;line-height:1.7}.kb-hero-card{display:grid;grid-template-columns:1fr;gap:12px;padding:18px}.kb-stat{display:flex;flex-direction:column;gap:4px;padding:18px 16px;border-radius:14px;background:#f9fafb;border:1px solid #e5e7eb}.kb-stat-value{font-size:32px;font-weight:800;line-height:1}.kb-stat-label{color:#6b7280;font-size:13px}.kb-grid,.kb-card-grid,.kb-ref-grid{display:grid;gap:16px}.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.kb-panel{padding:20px}.kb-panel-head,.kb-section-head,.kb-role-top{display:flex;align-items:center;gap:10px}.kb-panel-head{margin-bottom:12px}.kb-panel h2,.kb-section-head h2,.kb-role-top h3{margin:0}.kb-section{margin-top:18px}.kb-section-head{justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px}.kb-section-head p{margin:0;color:#6b7280;max-width:70ch}.kb-card-grid,.kb-card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-role-card,.kb-workflow-card{padding:18px}.kb-role-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#111827;color:#fff}.kb-list{margin:0;padding-left:18px;color:#374151;line-height:1.7}.kb-list.compact{line-height:1.55}.kb-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.kb-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#f9fafb;border:1px solid #e5e7eb;font-size:13px;font-weight:600}.kb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kb-step{position:relative;padding:16px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;min-height:132px}.kb-step-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#111827;color:#fff;font-weight:800;letter-spacing:.04em}.kb-step-text{font-size:14px;color:#374151;line-height:1.55;padding-right:24px}.kb-step-arrow{position:absolute;right:14px;top:14px;color:#9ca3af}.kb-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kb-note{padding:16px;color:#374151;line-height:1.6}.kb-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-ref-item{padding:16px 18px;font-weight:600}@media (max-width: 1180px){.kb-hero,.kb-grid,.kb-card-grid,.kb-card-grid.three,.kb-steps,.kb-notes,.kb-ref-grid{grid-template-columns:1fr}}@media (max-width: 640px){.kb-page{padding:16px}.kb-hero-copy,.kb-hero-card,.kb-panel,.kb-role-card,.kb-workflow-card,.kb-note,.kb-ref-item{border-radius:14px}.kb-hero-copy{padding:22px}}.financial-overview-container{padding:20px}.financial-overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.financial-overview-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.financial-summary-card{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px}.book-keeping-page{padding:20px;max-width:1200px;margin:0 auto}.vat-filing-page .customers-table td:last-child,.vat-filing-page .customers-table th:last-child{text-align:center;width:70px}.customers-table th:last-child,.customers-table td:last-child{padding-left:0;padding-right:0}.vat-filing-page .customers-table th:last-child,.vat-filing-page .customers-table td:last-child{text-align:center!important;vertical-align:middle;width:70px;padding-left:0;padding-right:0}.vat-filing-page .customers-table td:last-child .prj-icon-btn{margin:0 auto;display:inline-flex}.customers-table td:last-child{padding-left:0;padding-right:0}.prj-icon-btn{height:32px;width:32px;border:1px solid #00000026;border-radius:999px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.vat-filing-page{color:#000;background:transparent;padding:12px 16px;max-width:1320px;margin:0 auto}.vat-filing-page .customers-table td:last-child,.vat-filing-page .customers-table th:last-child{text-align:center;width:140px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header p{color:#666;font-size:16px;margin:0}.page-header>div:first-child{flex:1}.content-grid{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 768px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:1px solid var(--prj-bd);border-radius:16px;background:var(--prj-white);box-shadow:var(--prj-shadow);overflow:hidden}.prj-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;cursor:text;flex-grow:1;display:flex;align-items:center}.prj-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--prj-bd)}.vf-search-wrap{display:grid;gap:4px;margin-bottom:8px}.vf-search-input{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff}.vf-search-input input{border:none;outline:none;flex:1;font-size:13px}.vf-small-muted{font-size:11px;color:#6b7280}.vf-customers-only{display:flex;flex-direction:column;gap:12px}.vat-periods-page .btn.btn-black.vf-btn{padding:4px 10px;font-size:12px;line-height:1.2;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.vf-period-table th:last-child,.vf-period-table td:last-child{width:70px;text-align:center;padding:0}.vf-period-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.vf-customer-summary{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-shadow:0 10px 24px #0f172a0d}.prj-modal-card{width:100%;max-width:480px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0000000f;overflow:hidden}.vf-cust-name-inline{margin:4px 0 0;font-size:14px;font-weight:600;color:#111827}.vf-period-head h3{margin:0;padding:0}.vf-cust-trn-inline{margin:2px 0 0;font-size:12px;color:#6b7280}.vf-actions-cell{display:inline-flex;align-items:center;justify-content:center;gap:6px}.vf-actions-cell .prj-icon-btn{height:32px;width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.prj-icon-btn-danger{color:#ef4444;border-color:#ef444433!important}.prj-icon-btn-danger:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.prj-icon-btn svg{display:block;width:16px;height:16px}.prj-icon-btn-danger svg{width:20px;height:20px}.vf-period-table th:last-child,.vf-period-table td:last-child{width:140px;text-align:center;padding:0}.vat-periods-page{padding:12px 16px;max-width:1320px;margin:0 auto;background:transparent;color:#000}.vf-period-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:14px;box-shadow:0 10px 26px #1118270d;display:grid;gap:10px}.vf-runs-card{margin-top:12px}.vf-back-btn{font-size:12px;display:inline-flex;align-items:center}.vf-runs-customer{font-size:13px;color:#4b5563}.page-header p+.vf-runs-customer{margin-top:8px}.vf-runs-label{font-weight:500;color:#374151}.vf-runs-name{font-weight:600;color:#111827}.vf-runs-trn{margin-left:8px;font-size:12px;color:#6b7280}.vf-period-table th,.vf-period-table td{font-size:13px}.vf-runs-table{width:100%;table-layout:fixed;border-collapse:collapse}.vf-runs-table th,.vf-runs-table td{padding:10px 14px;font-size:13px;text-align:left}.vf-runs-table .col-no{text-align:center;white-space:nowrap}.vf-runs-table th:nth-child(5),.vf-runs-table td:nth-child(5),.vf-runs-table th:nth-child(6),.vf-runs-table td:nth-child(6){white-space:nowrap}.vf-runs-table tbody tr:hover{background-color:#f3f4f6}.vf-runs-table tbody tr{border-bottom:1px solid #f3f4f6}.vf-runs-table tbody tr:last-child{border-bottom:none}.vf-runs-table th:nth-child(1),.vf-runs-table td:nth-child(1){width:6%;text-align:center}.vf-runs-table th:nth-child(2),.vf-runs-table td:nth-child(2){width:16%}.vf-runs-table th:nth-child(3),.vf-runs-table td:nth-child(3){width:10%}.vf-runs-table th:nth-child(4),.vf-runs-table td:nth-child(4){width:30%}.vf-runs-table th:nth-child(5),.vf-runs-table td:nth-child(5),.vf-runs-table th:nth-child(6),.vf-runs-table td:nth-child(6){width:16%}.vf-runs-table th:nth-child(7),.vf-runs-table td:nth-child(7){width:6%;text-align:center;padding:0 4px}.vf-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:500}.vf-status-draft{background:#eff6ff;color:#1d4ed8}.vf-status-final,.vf-status-submitted{background:#ecfdf3;color:#15803d}.vf-empty{padding:20px;border-radius:12px;border:1px dashed #d1d5db;background:#f9fafb;text-align:center;font-size:13px;color:#6b7280}.vf-error{padding:18px;font-size:.9rem;color:#b91c1c;background:#fee2e2;border-radius:10px}.vf-run-actions{display:inline-flex;align-items:center;justify-content:center;gap:6px}.vf-run-actions .prj-icon-btn{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin:0!important;border-radius:999px}.vf-run-actions .prj-icon-btn svg{display:block}.registration-container{padding:20px}.registration-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.registration-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.registration-summary-card{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px}.registration-page{padding:20px;max-width:1200px;margin:0 auto}:root{--prj-bd: #0000001a;--prj-shadow: 0 10px 30px rgba(0, 0, 0, .06);--prj-black: #000;--prj-white: #fff}.prj-page{color:#000;background:transparent;padding:12px 16px}.prj-headerbar{max-width:1320px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.prj-h2{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.prj-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 768px){.prj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1200px){.prj-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.prj-card{border:1px solid var(--prj-bd);border-radius:16px;background:var(--prj-white);box-shadow:var(--prj-shadow);overflow:hidden}.prj-card-hd{display:flex;flex-direction:column;padding:12px 14px;gap:8px}.prj-title-container{display:flex;justify-content:space-between;align-items:center;width:100%}.prj-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;cursor:text;flex-grow:1}.prj-card-actions{display:flex;gap:8px}.prj-edit-container{display:flex;align-items:center;gap:8px;width:100%}.prj-edit-actions{display:flex;gap:4px}.prj-rename{padding:8px 10px;border:1px solid #00000033;border-radius:8px;outline:none;min-width:220px;flex-grow:1}.prj-rename:focus{box-shadow:0 0 0 2px #00000040}.prj-icon-btn{height:32px;width:32px;border:1px solid #00000026;border-radius:999px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.prj-icon-btn:hover{background:#000;color:#fff}.prj-pad{padding:0 14px 14px}.prj-department-info{display:flex;align-items:center;gap:6px;font-size:12px}.prj-department-label{font-weight:600;color:#666}.prj-department-name{color:#333}.prj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:.2s ease}.prj-btn-solid{background:var(--prj-black);color:var(--prj-white);border:1px solid var(--prj-black);padding:8px 12px}.prj-btn-solid:hover{opacity:.9}.prj-btn-outline{background:var(--prj-white);color:var(--prj-black);border:1px solid var(--prj-black);padding:6px 10px}.prj-btn-outline:hover{background:var(--prj-black);color:var(--prj-white)}.prj-rows{border:1px solid var(--prj-bd);border-radius:12px;overflow:hidden;background:#fff}.prj-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--prj-bd)}.prj-row:last-child{border-bottom:0}.prj-row-left{display:flex;align-items:center;gap:10px}.prj-row-label{font-weight:600;font-size:14px}.prj-wfull{width:100%}.prj-empty{margin-top:28px;text-align:center;color:#666}.prj-loading{text-align:center;padding:20px;color:#666}.prj-error{color:#e53e3e;font-size:14px;padding:8px 0}.prj-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.prj-modal-card{width:100%;max-width:480px;background:#fff;border:1px solid var(--prj-bd);border-radius:14px;box-shadow:var(--prj-shadow);overflow:hidden}.prj-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--prj-bd)}.prj-modal-hd h3{margin:0;font-size:16px;font-weight:700}.prj-modal-body{padding:12px 14px;display:grid;gap:12px}.prj-field-label{font-size:12px;color:#333;font-weight:600}.prj-modal-ft{padding:12px 14px;border-top:1px solid var(--prj-bd);display:flex;gap:8px;justify-content:flex-end}.prj-dropdown{position:relative;width:100%}.prj-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #00000033;border-radius:8px;background:#fff;cursor:pointer;min-height:36px}.prj-dropdown-header.prj-dropdown-open{border-color:#000}.prj-dropdown-text{font-size:14px;color:#333;flex-grow:1;text-align:left}.prj-dropdown-icon{transition:transform .2s ease}.prj-dropdown-header.prj-dropdown-open .prj-dropdown-icon{transform:rotate(180deg)}.prj-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #00000033;border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:4px;z-index:100;max-height:200px;overflow-y:auto}.prj-dropdown-options{padding:4px 0}.prj-dropdown-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;gap:8px}.prj-dropdown-item:hover{background-color:#f5f5f5}.prj-dropdown-item.prj-dropdown-selected{background-color:#f0f0f0}.prj-dropdown-item.prj-select-all{border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:8px}.prj-dropdown-checkbox{flex-shrink:0}.prj-dropdown-label{font-size:14px;color:#333;flex-grow:1}.prj-dropdown-divider{height:1px;background-color:#eee;margin:4px 0}.prj-checkbox-group{border:1px solid #00000033;border-radius:8px;padding:8px;background:#fff;max-height:200px;overflow-y:auto}.prj-checkbox-item{display:flex;align-items:center;padding:6px 8px;cursor:pointer;gap:8px;border-radius:4px}.prj-checkbox-item:hover{background-color:#f5f5f5}.prj-checkbox-item.prj-select-all{border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:8px}.audit-report-container{padding:20px}.audit-report-page{padding:20px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h2{font-size:24px;font-weight:700;margin-bottom:10px}.page-header p{color:#666;font-size:16px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.card h3{font-size:18px;font-weight:600;margin-bottom:10px}.card p{color:#666;line-height:1.5}.audit-report-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.audit-summary-card{background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:15px}.prj-rename[rows]{resize:vertical;min-height:80px}.ct-types-page{padding:16px 20px;max-width:1320px;margin:0 auto;display:grid;gap:18px;color:#0f172a;background:transparent}.ct-types-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ct-types-header-left{display:flex;align-items:center;gap:14px}.ct-types-title-wrap{display:grid;gap:4px}.ct-types-title{margin:0;font-size:18px;font-weight:700;color:#0f172a}.ct-types-sub{margin:0;font-size:13px;color:#6b7280}.ct-types-error{margin-top:4px;font-size:12px;color:#dc2626}.ct-types-loading{margin-top:40px;text-align:center;color:#6b7280;font-size:14px}.ct-types-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 900px){.ct-types-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ct-type-card{display:flex;align-items:stretch;gap:14px;padding:16px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 26px #1118270d;color:#0f172a;cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease}.ct-type-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a14;border-color:#d1d5db;background:#f9fafb}.ct-type-card:active{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a0f}.ct-type-icon{flex:0 0 46px;height:46px;border-radius:999px;display:grid;place-items:center;background:#f3f4f6;border:1px solid #e5e7eb;color:#111827}.ct-type-body{flex:1 1 auto;display:grid;gap:4px;min-width:0}.ct-type-label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#6b7280}.ct-type-title{font-size:15px;font-weight:600;color:#111827}.ct-type-desc{margin:0;font-size:13px;color:#6b7280}.ct-type-arrow{flex:0 0 auto;display:grid;place-items:center;color:#9ca3af}@media (max-width: 500px){.ct-type-card{padding:14px;gap:10px}.ct-type-title{font-size:14px}.ct-type-desc{font-size:12px}}.file-list-scroll{--file-row-height: 56px;max-height:calc(var(--file-row-height) * 6);overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:2px}.filing-layout{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.filing-layout{grid-template-columns:1fr}}.imp2-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.imp2-header-actions{display:flex;align-items:center;gap:8px}.result-page{display:grid;gap:16px;padding:16px;background:#f9fafb;zoom:.7}.result-doc-pane-head .filing-period-meta{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:4px;margin:0 0 12px;padding:10px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;line-height:1.45;color:#334155}.filing-period-meta__item{display:inline-flex;align-items:baseline;gap:6px;position:relative}.filing-period-meta__item+.filing-period-meta__item:before{content:"";position:absolute;left:-10px;top:4px;bottom:4px;width:1px;background:#e2e8f0}.filing-period-meta__label{color:#6b7280;font-weight:600}.filing-period-meta__value{color:#0f172a;font-weight:600}.download-menu{position:relative;display:inline-flex;align-items:stretch}.download-menu-trigger{gap:8px;width:100%}.download-menu-list{position:absolute;top:calc(100% + 6px);right:0;z-index:30;min-width:240px;padding:6px;background:#111827;border:1px solid #111827;border-radius:12px;box-shadow:0 12px 28px #00000040;display:flex;flex-direction:column;gap:2px}.download-menu-item{text-align:left;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:#fff;font-size:14px;line-height:1.2;cursor:pointer;transition:background .12s ease;white-space:nowrap}.download-menu-item:hover,.download-menu-item:focus-visible{background:#1f2937;outline:none}.download-menu-item:active{background:#0a0a0a}.tbl-scroller{max-height:60vh;overflow-x:auto;overflow-y:auto;border-radius:12px;border:1px solid #e5e7eb}.tbl{table-layout:auto;border-collapse:separate;border-spacing:0;background:#fff;width:max-content;min-width:100%}.tbl.nice:not(.vat-return-table) thead th{position:sticky;top:0;z-index:3;background:#f7f7fb;color:#1f2937;font-weight:700;text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px;line-height:1.25;width:155px;white-space:nowrap!important;word-break:normal!important;overflow:visible!important;text-overflow:unset!important;min-width:180px}.no-wrap-header{white-space:nowrap!important;overflow:visible!important;text-overflow:unset!important}.tbl.nice tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;white-space:normal;word-wrap:break-word;word-break:break-word;vertical-align:top;font-size:13px;line-height:1.35;background:#fff;text-align:left}.tbl td.num,.tbl.nice thead th.num{text-align:left;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl th,.tbl td{min-width:160px}.tbl th.sticky-col,.tbl td.sticky-col{min-width:190px}.tbl-scroller-bank .tbl,.tbl-scroller-bankRecon .tbl,.tbl-scroller-sales .tbl,.tbl-scroller-purchase .tbl,.tbl-scroller-salesTotal .tbl,.tbl-scroller-purchaseTotal .tbl,.tbl-scroller-vatSummary .tbl{min-width:980px}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 10px 26px #1118270d;display:flex;flex-direction:column;gap:12px}.result-card-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.result-card-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,3fr);gap:14px;align-items:start;min-width:0;overflow:hidden}.result-main-pane{min-width:0;max-width:none;overflow:hidden}.result-doc-pane{width:100%;min-width:320px;max-width:420px;justify-self:end;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.result-doc-pane-head{padding:12px 14px;border-bottom:1px solid #e5e7eb;background:#fff}.result-doc-title{font-size:13px;font-weight:700;color:#111827}.result-doc-subtitle{margin-top:4px;font-size:12px;color:#6b7280;word-break:break-word}.result-doc-tabs{display:flex;gap:8px;padding:10px 12px 0;background:#f8fafc}.result-doc-tab{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer}.result-doc-tab.active{background:#111827;border-color:#111827;color:#fff}.result-doc-pane-body{display:flex;flex-direction:column;gap:10px;padding:12px;min-height:0;flex:1 1 auto}.result-doc-actions{display:flex;gap:8px;flex-wrap:wrap}.result-doc-viewer{flex:1 1 auto;min-height:520px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}.result-doc-viewer .pdf-wrap,.result-doc-viewer .imgv-wrap{height:100%}.result-doc-empty{min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b7280;border:1px dashed #d1d5db;border-radius:12px;background:#fff;padding:20px}.row-selected td{background:#eef6ff!important}.btn-outline{background:#fff;color:#111827;border-color:#111827}.btn-outline:hover{background:#f3f4f6}.vf-back-btn{font-size:12px}.inline-edit-input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:2px 4px;font-size:12px;background:#fff}.actions-col{min-width:120px;width:120px;text-align:center;white-space:nowrap}.tbl-wrap{display:flex;flex-direction:column;gap:8px}.tbl-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}.column-filter{position:relative}.column-filter-btn{min-width:88px}.column-filter-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:10;min-width:220px;max-height:280px;overflow:auto;padding:10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;box-shadow:0 12px 24px #1118271f}.column-filter-option{display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;column-gap:10px;padding:6px 2px;font-size:12px;color:#111827;cursor:pointer}.column-filter-option input{margin:0;width:16px;height:16px;align-self:start}.column-filter-option span{line-height:1.3;text-align:left;word-break:break-word}@media (max-width: 1024px){.result-card-body{flex-direction:column;display:flex}.result-doc-pane{width:100%;min-width:0;max-width:none;justify-self:stretch}}.row-add-btn{padding:6px 10px;border-radius:8px;border:1px solid #111827;background:#fff;color:#111827;font-size:12px;cursor:pointer}.row-add-btn:hover{background:#f3f4f6}.row-add-btn:disabled,.row-add-btn[disabled]{opacity:.5;cursor:not-allowed;background:#f9fafb}.bulk-selected-count{color:#111827;font-weight:600}.bulk-move-menu{position:relative;display:inline-flex;align-items:stretch}.bulk-move-trigger{display:inline-flex;align-items:center;gap:4px}.bulk-move-menu-list{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:180px;padding:4px;background:#111827;border:1px solid #111827;border-radius:10px;box-shadow:0 10px 24px #00000038;display:flex;flex-direction:column;gap:2px}.bulk-move-menu-item{text-align:left;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:#fff;font-size:13px;line-height:1.2;cursor:pointer;white-space:nowrap}.bulk-move-menu-item:hover,.bulk-move-menu-item:focus-visible{background:#1f2937;outline:none}.bulk-move-menu-item.bulk-delete-item{color:#fca5a5;border-top:1px solid #374151;margin-top:4px;padding-top:8px}.bulk-move-menu-item.bulk-delete-item:hover{background:#7f1d1d;color:#fff}.tbl th.select-col,.tbl td.select-col{width:36px;min-width:36px;text-align:center;padding:6px 4px}.tbl td.select-col input[type=checkbox],.tbl th.select-col input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#111827}.tbl td.select-col input[type=checkbox]:disabled,.tbl th.select-col input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.row-delete-btn{padding:6px 10px;border-radius:8px;border:1px solid #ef4444;background:#fee2e2;color:#b91c1c;font-size:12px;cursor:pointer}.row-delete-btn:hover{background:#fecaca}.action-select{min-width:112px;font-size:12px;padding-right:24px}.edit-badge{display:inline-block;margin-left:8px;padding:2px 6px;font-size:11px;border-radius:999px;background:#ffe3bf;color:#b35b00;vertical-align:middle}.vat-return-wrapper{display:flex;flex-direction:column;gap:24px}.tbl-scroller-vatReturn .vat-return-wrapper{min-width:1680px}.vat-return-section{background:transparent;border:none;border-radius:0;padding:0;margin:0}.vat-return-title{font-weight:700;text-transform:uppercase;margin-bottom:8px;text-align:center}.vat-return-table{width:100%;border-collapse:collapse;table-layout:fixed}.vat-return-table th,.vat-return-table td{border:1px solid #e5e5e5;padding:8px 10px;font-size:13px}.vat-return-table th{background:#f0f0f0;font-weight:600;text-align:center}.vat-return-table:not(.vat-return-net) th:nth-child(1),.vat-return-table:not(.vat-return-net) td:nth-child(1){width:40%;text-align:left}.vat-return-table:not(.vat-return-net) th:nth-child(2),.vat-return-table:not(.vat-return-net) td:nth-child(2),.vat-return-table:not(.vat-return-net) th:nth-child(3),.vat-return-table:not(.vat-return-net) td:nth-child(3),.vat-return-table:not(.vat-return-net) th:nth-child(4),.vat-return-table:not(.vat-return-net) td:nth-child(4),.vat-return-table:not(.vat-return-net) th:nth-child(5),.vat-return-table:not(.vat-return-net) td:nth-child(5){width:12%;text-align:right}.vat-return-table:not(.vat-return-net) th:nth-child(6),.vat-return-table:not(.vat-return-net) td:nth-child(6){width:12%}.vat-return-net th:nth-child(1),.vat-return-net td:nth-child(1){width:55%;text-align:left}.vat-return-net th:nth-child(2),.vat-return-net td:nth-child(2),.vat-return-net th:nth-child(3),.vat-return-net td:nth-child(3){width:15%;text-align:right}.vat-return-net th:nth-child(4),.vat-return-net td:nth-child(4){width:15%}.vat-return-total-row td{font-weight:600}.vat-return-net th:first-child,.vat-return-net td:first-child{text-align:left}.vat-return-fta-input{width:100%;text-align:right}.vat-return-table .vat-return-col-label{text-align:left;font-weight:600}.vat-return-table td:nth-child(n+2):not(.actions-col),.vat-return-table th:nth-child(n+2):not(.actions-col){text-align:right}.vat-return-table .actions-col{text-align:center}.vat-return-no-action-cell{background:#fff}.vat-return-total-label{font-weight:700}.vat-return-table tfoot td{background:#f5f5f5;font-weight:600}.vat-return-net .fta-input{width:120px;padding:4px 6px;border-radius:4px;border:1px solid #ccc;text-align:right}.vat-return-choice-group{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start}.vat-return-choice{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.2;color:#111827;white-space:nowrap}.vat-return-choice input{margin:0;flex:0 0 auto}.vat-return-choice input[type=radio]{width:14px;height:14px;accent-color:#111827}.vat-return-main-header{background:#f0f0f0;font-weight:700;text-align:left;padding:8px 10px}.vat-return-net th:nth-child(1),.vat-return-net td:nth-child(1){width:85%;max-width:85%;white-space:normal}.vat-return-net th:nth-child(2),.vat-return-net td:nth-child(2){width:30%;max-width:30%;text-align:left}.vat-return-net th:nth-child(3),.vat-return-net td:nth-child(3){width:15%;max-width:15%}.vat-return-net th:nth-child(1),.vat-return-net td:nth-child(1){width:54%;max-width:54%}.vat-return-net th:nth-child(2),.vat-return-net td:nth-child(2){width:15%;max-width:15%;text-align:right}.vat-return-net th:nth-child(3),.vat-return-net td:nth-child(3){width:15%;max-width:15%;text-align:right}.vat-return-net th:nth-child(4),.vat-return-net td:nth-child(4){width:16%;max-width:16%}.src-link{background:none;border:none;padding:0;color:#111;text-decoration:underline;cursor:pointer;font-weight:600}.invoice-preview-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.invoice-preview-dialog{width:min(1100px,100%);height:min(82vh,900px);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 18px 60px #00000040;display:flex;flex-direction:column}.add-files-dialog{width:min(1280px,100%);height:min(92vh,960px)}.invoice-preview-header{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between}.preview-title{font-weight:700;font-size:14px}.preview-close-btn{border:none;background:#f3f3f3;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer}.invoice-preview-body{flex:1;min-height:0;padding:8px}.add-files-body{overflow:auto;padding:16px}.ct-bank-only .imp2-header h2{margin:0;color:#0f172a}.ct-bank-header{align-items:center}.ct-bank-header-left{display:flex;align-items:flex-start;gap:12px}.btn-back:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.btn-back:active{transform:translateY(0)}.imp2{display:grid;gap:18px}.btn-back{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;font-size:16px;line-height:1;transition:all .12s ease;box-shadow:0 1px 2px #0000000d}.btn-back:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.btn-back:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-back:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.vat-page .title-wrap h2{margin:0;color:#0f172a}.page-kicker{margin:4px 0 0;color:#6b7280;font-size:13px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #111827;background:#111827;color:#fff;cursor:pointer;font-size:14px!important;line-height:1.15;white-space:nowrap;transition:transform .12s ease,background .12s ease,opacity .12s ease}.input{display:inline-flex;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:14px;width:100%}.block,.upload-card,.pane-right{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 26px #1118270d}.block{padding:14px;display:grid;gap:10px}.block-identity .static-row{margin-top:0}.static-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.static-col{display:grid;gap:6px}.small{font-size:12px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1000px){.two-panels{grid-template-columns:1fr}}.upload-card{padding:16px;display:grid;gap:12px}.upload-card-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.upload-title{font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px}.drop-hint{color:#6b7280}.count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;border:1px solid #e5e7eb;background:#f9fafb;color:#111827}.count-pill.purchase{background:#ecfeff;border-color:#a5f3fc;color:#155e75}.queue-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.queue-item{display:grid;gap:6px}.qi-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#374151}.progress{height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden;border:1px solid #e5e7eb}.bar{height:100%;background:linear-gradient(90deg,#60a5fa,#6366f1)}.file-list-scroll{--file-row-height: 56px;max-height:calc(var(--file-row-height)*6);overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:2px}.file-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.file-item{display:flex!important;align-items:center;gap:8px;min-width:0;border:1px solid transparent;border-radius:10px}.file-item.active{border-color:#c7d2fe;box-shadow:0 0 0 2px #eef2ff}.file-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:0;text-align:left;cursor:pointer}.icon{width:20px;display:grid;place-items:center}.name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;border-radius:8px}.icon-btn:hover{background:#f3f4f6}.icon-btn.danger{color:#dc2626}.pane-right{min-height:420px;padding:12px;display:grid;grid-template-rows:1fr}.preview-empty{display:grid;place-items:center;color:#6b7280;font-style:italic}.field{display:grid;gap:6px}.label-inline{display:inline-flex;align-items:center;gap:6px;color:#111827;font-weight:500}.pw-wrap{position:relative;display:grid}.pw-input{border:1px solid #e5e7eb;border-radius:10px;padding:10px 36px 10px 12px;font-size:14px;outline:none;background:#fff}.pw-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;color:#6b7280}.import-overlay{position:fixed;inset:0;background:#0f172a47;display:grid;place-items:center;z-index:50;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.import-card{width:320px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px 16px;display:grid;gap:12px;justify-items:center;box-shadow:0 12px 40px #0206171f}.progress-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;display:grid;gap:8px;box-shadow:0 8px 20px #1118270a}.progress-top{display:flex;justify-content:space-between;align-items:center;color:#0f172a;font-size:14px}.progress-outer{width:100%;height:8px;background:#f1f5f9;border-radius:999px;overflow:hidden}.progress-inner{height:100%;width:0%;background:linear-gradient(90deg,#6366f1,#06b6d4);transition:width .3s ease}.vf-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.vf-modal-card{width:100%;max-width:560px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 28px #1118271a;overflow:hidden}.vf-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}.vf-modal-hd h3{margin:0;font-size:16px;font-weight:700}.vf-modal-body{padding:14px;display:grid;gap:14px}.vf-modal-ft{padding:12px 14px;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end}.vf-x{width:32px;height:32px;border:1px solid #00000026;border-radius:999px;background:#fff;cursor:pointer}.vf-x:hover{background:#000;color:#fff}.vf-res-block{display:grid;gap:10px}.vf-res-title{font-weight:700;color:#111827}.vf-res-empty{color:#6b7280;font-size:13px}.vf-bank-grid{display:grid;gap:8px}.result-page{display:grid;gap:16px;padding:16px;background:#f9fafb}.result-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;background:transparent}.title-wrap{display:grid;gap:4px}.result-title{margin:0;color:#0f172a;font-size:18px;font-weight:800}.title-sub{margin:0;color:#6b7280;font-size:13px}.head-actions{display:flex;gap:10px}.muted{color:#6b7280}.seg{display:inline-flex;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.seg-black{border-color:#111827}.seg-black .seg-btn{color:#111827}.seg-black .seg-btn.active{background:#111827;color:#fff}.seg-btn{padding:10px 14px;font-size:13px;border:0;background:transparent;cursor:pointer;transition:background .12s ease}.seg-btn+.seg-btn{border-left:1px solid #e5e7eb}.seg-btn:hover{background:#f3f4f6}.seg-btn.active{font-weight:700}.result-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 10px 26px #1118270d}.tbl.nice thead th{position:sticky;top:0;z-index:3;background:#f7f7fb;color:#1f2937;font-weight:700;text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px;white-space:normal;line-height:1.25;overflow-wrap:anywhere;word-break:break-word;min-width:160px}.tbl.nice tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;white-space:normal;word-wrap:break-word;word-break:break-word;vertical-align:top;font-size:13px;line-height:1.35;background:#fff}.sticky-col{position:sticky;left:0;z-index:2;background:inherit;box-shadow:1px 0 #eef2f7 inset}.tbl td.num{text-align:right;font-variant-numeric:tabular-nums}.rtl{text-align:right;direction:rtl}.tbl th,.tbl td{min-width:140px}.tbl th.sticky-col,.tbl td.sticky-col{min-width:180px}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#dc3545}.customers-page{display:grid;gap:16px;padding:16px;background:#f9fafb}.customers-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;background:transparent}.customers-title-wrap{display:grid;gap:4px}.customers-title{margin:0;color:#0f172a;font-size:18px;font-weight:800}.customers-sub{margin:0;color:#6b7280;font-size:13px}.customers-head-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid #111827;background:#111827;color:#fff;cursor:pointer;white-space:nowrap;font-size:14px;line-height:1.15;transition:background .12s ease,transform .12s ease,opacity .12s ease}.btn-black:hover{background:#0a0a0a}.customers-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;box-shadow:0 10px 26px #1118270d;display:grid;gap:12px}.customers-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.customers-card-title{margin:0;font-size:15px;font-weight:700;color:#111827}.customers-card-sub{margin:4px 0 0;font-size:12px;color:#6b7280}.tbl-scroller{max-height:70vh;overflow:auto;border-radius:12px;border:1px solid #e5e7eb}.tbl{table-layout:fixed;width:100%;border-collapse:separate;border-spacing:0;background:#fff}.tbl.nice thead th{position:sticky;top:0;z-index:3;background:#f7f7fb;color:#1f2937;font-weight:700;text-align:left;border-bottom:1px solid #e5e7eb;padding:10px;font-size:13px;white-space:normal;line-height:1.25;overflow-wrap:anywhere;word-break:break-word;min-width:100px}.tbl.nice tbody td{padding:10px;border-bottom:1px solid #f1f5f9;white-space:normal;word-wrap:break-word;word-break:break-word;vertical-align:middle;font-size:13px;line-height:1.35;background:#fff}.tbl.nice tbody tr:nth-child(odd) td{background:#fcfdff}.tbl.nice tbody tr:hover td{background:#f8fbff}.customers-table .col-no{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;max-width:48px}.customers-action-col,.customers-action-cell{width:140px;min-width:140px;text-align:center}.customers-no-data{text-align:center;padding:30px 0;color:#6b7280;font-size:13px}.tbl-scroller::-webkit-scrollbar{height:10px;width:10px}.tbl-scroller::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.tbl-scroller::-webkit-scrollbar-track{background:#f1f5f9}.customers-action-buttons{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}.customers-pagination{margin-top:12px;padding-top:10px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:#6b7280}.customers-pagination-info{white-space:nowrap}.customers-pagination-controls{display:flex;align-items:center;gap:8px}.pager-btn{border-radius:999px;border:1px solid #d1d5db;padding:6px 12px;font-size:13px;background:#fff;color:#111827;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.pager-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.pager-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.pager-page{font-size:13px;color:#4b5563}.extracting-spinner-overlay{position:absolute;inset:0;background:#ffffffbf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:8px;z-index:10;border-radius:9px;font-size:12px;font-weight:600;color:#111827}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.animate-spin{animation:spin 1s linear infinite}.customer-view-page{max-width:1200px;margin:0 auto;padding:16px;background:#f9fafb;display:grid;gap:18px}.customer-view-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.customer-view-title-wrap{display:grid;gap:4px}.customer-view-title{margin:0;color:#0f172a;font-size:18px;font-weight:800}.customer-view-sub{margin:0;color:#6b7280;font-size:13px}.customer-view-head-actions{display:flex;gap:8px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:4px}.details-grid>div{display:grid;gap:4px}.details-grid>div.full{grid-column:1 / -1}.two-col-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.inner-col{display:grid;gap:4px}.details-grid label{font-size:12px;font-weight:600;color:#4b5563}.details-grid.two-col{grid-template-columns:repeat(2,minmax(260px,1fr))}.value-text{margin:0;font-size:13px;color:#111827;font-weight:500}.share-table{width:100%;border-collapse:collapse;margin-top:4px;font-size:.875rem}.share-table th,.share-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.share-table thead tr{background-color:#f3f4f6}.share-table th{font-weight:600;font-size:12px;color:#6b7280}.share-table tbody tr:nth-child(2n){background-color:#f9fafb}.tax-sections{display:grid;gap:18px}.tax-section-block{border-top:1px dashed #e5e7eb;padding-top:10px;margin-top:4px;display:grid;gap:10px}.tax-subtitle{margin:0;font-size:14px;font-weight:600;color:#111827}.loader{max-width:600px;margin:80px auto;text-align:center;font-size:.95rem;color:#4b5563}@media (max-width: 768px){.customer-view-page{padding:12px}.customer-view-head{grid-template-columns:1fr;align-items:start}.customer-view-head-actions{justify-content:flex-start}.details-grid>div.full{grid-column:1 / -1}}.customer-form-page{display:grid;gap:18px;padding:16px;background:#f9fafb}.customer-form-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.customer-form-title-wrap{display:grid;gap:4px}.customer-form-title{margin:0;color:#0f172a;font-size:18px;font-weight:800}.customer-form-sub{margin:0;color:#6b7280;font-size:13px}.customer-form-head-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid #111827;background:#111827;color:#fff;font-size:13px;cursor:pointer;transition:background .12s ease,transform .12s ease,opacity .12s ease}.btn:hover{background:#000;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-black{background:#000;border-color:#000;color:#fff}.btn.small{padding:6px 12px;font-size:12px}.btn.ghost{background:#f9fafb;border-color:#d1d5db;color:#111827}.btn.ghost:hover{background:#f3f4f6}.btn-link{margin-top:6px;display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#111827;font-size:13px;font-weight:600;cursor:pointer;padding:0}.btn-link svg{width:14px;height:14px}.btn-link:hover{text-decoration:underline}.card-section{background:#fff;border-radius:14px;border:1px solid #e5e7eb;padding:18px 16px 20px;box-shadow:0 10px 26px #1118270d;display:grid;gap:16px}.card-section+.card-section{margin-top:6px}.card-section-head h2{margin:0;font-size:15px;font-weight:700;color:#111827}.card-section-head p{margin:4px 0 0;font-size:12px;color:#6b7280}.subsection{border-top:1px dashed #e5e7eb;padding-top:12px;margin-top:6px;display:grid;gap:10px}.subsection h3{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.card-grid-2,.card-grid-3{display:grid;gap:12px}.card-grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.upload-grid{gap:10px}.inline-fields .field{max-width:420px}.field{display:grid;gap:4px}.field.full{grid-column:1 / -1}.field label{font-size:12px;font-weight:600;color:#4b5563}.field input[type=text],.field input[type=email],.field input[type=date],.field input[type=number],.field textarea,.field select{border-radius:10px;border:1px solid #d1d5db;padding:8px 10px;font-size:13px;outline:none;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#111827;box-shadow:0 0 0 1px #11182714}.field.file-field{position:relative}.field.file-field .file-trigger{margin-top:2px;border-radius:10px;border:1px dashed #d1d5db;padding:9px 10px;background:#f9fafb;display:grid;gap:2px;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}.file-trigger-main{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#111827}.file-trigger-main svg{width:16px;height:16px}.file-trigger-sub{font-size:11px;color:#6b7280}.field.file-field input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.field.file-field .file-trigger:hover{border-color:#111827;background:#f3f4f6;box-shadow:0 4px 12px #0f172a0f}.field.inline{align-items:center}.field.inline.full{grid-column:1 / -1}.field input::placeholder,.field textarea::placeholder,.shareholder-row input::placeholder{font-size:12px;color:#9ca3af}.checkbox-line{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#4b5563}.checkbox-line input[type=checkbox]{width:16px;height:16px;border-radius:4px;accent-color:#111827}.radio-group{display:flex;gap:14px;align-items:center}.radio-group label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4b5563}.radio-group input[type=radio]{accent-color:#111827}.shareholder-table{display:grid;gap:8px}.shareholder-header{display:grid;grid-template-columns:1.4fr 1.6fr 1.2fr .8fr 40px;gap:6px;font-size:11px;font-weight:600;color:#6b7280}.shareholder-row{display:grid;grid-template-columns:1.4fr 1.6fr 1.2fr .8fr 40px;gap:6px;align-items:center}.shareholder-row input[type=text],.shareholder-row input[type=number]{border-radius:10px;border:1px solid #d1d5db;padding:8px 10px;font-size:13px;outline:none;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}.shareholder-row input[type=text]:focus,.shareholder-row input[type=number]:focus{border-color:#111827;box-shadow:0 0 0 1px #11182714}.icon-btn{width:28px;height:28px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease,box-shadow .12s ease}.icon-btn svg{width:14px;height:14px;color:#111827}.icon-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a14}.icon-btn.danger{background:#fef2f2;border-color:#fecaca}.icon-btn.danger svg{color:#b91c1c}.icon-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.doc-rows{display:grid;gap:8px}.doc-row{display:grid;grid-template-columns:1.6fr 2.2fr 40px;gap:8px;align-items:end}.doc-row-delete{display:flex;align-items:center;justify-content:center}.subsection.inline-fields{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.companies-management-page{padding:24px;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#fafbfc,#f7f9fc);min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.header-left h1{margin:0 0 8px;font-size:32px;font-weight:700;color:#333}.header-left p{margin:0;color:#666;font-size:16px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#170126;color:#fff;border:2px solid #170126;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.btn-primary:hover{background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.alert{padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500}.alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.form-container-overlay{background:#00000080;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.company-form{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.company-form h3{margin:0 0 24px;font-size:24px;font-weight:700;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:2px solid #000000;border-radius:8px;font-size:16px}.form-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.btn-save{padding:12px 24px;background:#000;color:#fff;border:2px solid #000000;border-radius:8px;font-weight:600;cursor:pointer}.btn-cancel{padding:12px 24px;background:#fff;color:#000;border:2px solid #000000;border-radius:8px;font-weight:600;cursor:pointer}.companies-section{background:#fff;border:2px solid #000000;border-radius:12px;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:2px solid #000000;padding-bottom:16px}.company-count{background:#000;color:#fff;padding:4px 12px;border-radius:20px;font-size:14px}.companies-table{width:100%;border-collapse:collapse}.companies-table th{text-align:left;padding:16px;border-bottom:2px solid #000000;background:#f8f8f8}.companies-table td{padding:16px;border-bottom:1px solid #e5e7eb}.type-badge{padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #000000}.type-Mainland{background:#e0f2fe;color:#0369a1}.type-Freezone{background:#fef3c7;color:#92400e}.type-Individual{background:#f3e8ff;color:#7e22ce}.type-Corporate{background:#dcfce7;color:#15803d}.btn-edit,.btn-delete{padding:8px;border:1px solid #000000;border-radius:6px;background:#fff;cursor:pointer}.btn-edit:hover,.btn-delete:hover{background:#000;color:#fff}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:#fff;border-radius:12px}.trn-verification-page{padding:2rem;max-width:1200px;margin:0 auto}.trn-verification-page .page-header{margin-bottom:2rem}.trn-verification-page h2{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#111}.trn-verification-page .page-kicker{color:#666;font-size:.95rem}.trn-verification-page .content-block{display:flex;justify-content:center;align-items:center;min-height:300px}.trn-verification-page .verification-card{background:#fff;border-radius:12px;padding:3rem;text-align:center;box-shadow:0 4px 20px #0000000d;max-width:500px;width:100%}.trn-verification-page .card-icon{color:#10b981;margin-bottom:1.5rem;display:flex;justify-content:center}.trn-verification-page h3{font-size:1.4rem;margin-bottom:1rem;color:#111}.trn-verification-page p{color:#666;line-height:1.6;margin-bottom:2rem}.trn-verification-page .placeholder-content{background:#f9fafb;padding:1.5rem;border-radius:8px;border:1px dashed #ddd}.trn-verification-page .placeholder-content p{margin-bottom:0;font-size:.9rem;font-style:italic}.trn-verification-page .verify-trn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#10b981;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #10b98140;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.trn-verification-page .verify-trn-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98159;cursor:pointer}.trn-verification-page .verify-trn-btn:active{transform:translateY(0);cursor:progress}.trn-verification-page .verify-trn-btn:focus-visible{outline:2px solid #10b981;outline-offset:2px}.trn-verification-page .verify-trn-hint{margin-top:1rem;margin-bottom:0;font-size:.85rem;color:#888}.payroll-payment-page{padding:24px;max-width:1100px;margin:0 auto}.payroll-payment-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.payroll-payment-page .header-left{display:flex;align-items:center;gap:16px}.payroll-payment-page .header-left h1{margin:0 0 6px;font-size:28px;font-weight:700;color:#333}.payroll-payment-page .header-left p{margin:0;color:#666;font-size:15px}.payroll-payment-page .btn-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:2px solid #000000;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.payroll-payment-page .btn-back:hover{background:#000;transform:translateY(-2px)}.payroll-payment-page .btn-back:hover svg{color:#fff!important}.payroll-payment-page .alert{padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:14px;font-weight:500}.payroll-payment-page .alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.payroll-payment-page .alert.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.payroll-form-container{display:flex;justify-content:center}.payroll-form{background:#fff;border-radius:12px;padding:32px;width:100%;max-width:900px;box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a;border:1px solid #ece8f7}.payroll-form-title{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:28px}.payroll-form-title h3{margin:0;font-size:22px;font-weight:700;color:#333}.payroll-form .form-grid{display:grid;gap:20px;margin-bottom:28px}.payroll-form .form-grid.two-col{grid-template-columns:1fr 1fr}.payroll-form .form-group{display:flex;flex-direction:column}.payroll-form .form-group.full-width{grid-column:1 / -1}.payroll-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.payroll-form .form-group input,.payroll-form .form-group textarea,.payroll-form .form-group select{width:100%;padding:12px 14px;border:2px solid #000000;border-radius:8px;font-size:15px;transition:all .3s ease;background:#fff;box-sizing:border-box;font-family:inherit}.payroll-form .form-group textarea{resize:vertical;min-height:90px}.payroll-form .form-group input:focus,.payroll-form .form-group textarea:focus,.payroll-form .form-group select:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.payroll-form .form-actions{display:flex;gap:16px;justify-content:center;padding-top:8px}.payroll-form .btn-save{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#000;color:#fff;border:2px solid #000000;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.payroll-form .btn-save:hover:not(:disabled){background:#fff;color:#000;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.payroll-form .btn-save:hover:not(:disabled) svg{color:#000!important}.payroll-form .btn-save:disabled{opacity:.7;cursor:not-allowed}.payroll-form .btn-cancel{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#000;border:2px solid #000000;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.payroll-form .btn-cancel:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.payroll-form .btn-cancel:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.payroll-payment-page{padding:16px}.payroll-form{padding:24px 18px}.payroll-form .form-grid.two-col{grid-template-columns:1fr}.payroll-form .form-actions{flex-direction:column}.payroll-form .btn-save,.payroll-form .btn-cancel{width:100%;justify-content:center}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#1e0033;color:#0f172a}button,input,select,textarea{font:inherit}[class*=btn-]:not(.btn-mini):not(.btn-icon),[class^=btn-]:not(.btn-mini):not(.btn-icon),button.btn,.btn{min-height:32px;padding:3px 5px;border-radius:8px;font-size:13px;line-height:1.2}.btn-icon,.icon-btn,.btn-mini{min-height:30px;padding:0 8px}.form-control,input[type=text].form-control,input[type=email].form-control,input[type=password].form-control,input[type=search].form-control,select.form-control,textarea.form-control{min-height:34px;padding:6px 10px;font-size:13px;border-radius:8px}.btn-primary,.btn-save,button.btn-primary,button.btn-save{background:#7c5cff;border:1.5px solid #7c5cff;color:#fff}.btn-primary:hover:not(:disabled),.btn-save:hover:not(:disabled){background:#6a48f0;border-color:#6a48f0;color:#fff}.btn-primary:disabled,.btn-save:disabled{opacity:.55;cursor:not-allowed}.btn-cancel,.btn-secondary{background:#fff;border:1.5px solid #7c5cff;color:#7c5cff}.btn-cancel:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:#f3eeff;color:#6a48f0;border-color:#6a48f0}table,.tbl,table.nice,table[class$=-table],table[class*="-table "]{width:100%;border-collapse:collapse;background:#fff;font-size:14px}table thead,.tbl thead{background:#faf8ff}table th,.tbl th{text-align:left;padding:12px 14px;font-weight:700;color:#7c5cff;font-size:13px;letter-spacing:.2px;border-bottom:1px solid #ece8f7;white-space:nowrap;background:#faf8ff}table td,.tbl td{padding:12px 14px;border-bottom:1px solid #f3f0fa;vertical-align:middle;color:#2e2749}table tbody tr:last-child td,.tbl tbody tr:last-child td{border-bottom:none}table tbody tr,.tbl tbody tr{transition:background .15s ease}table tbody tr:hover,.tbl tbody tr:hover{background:#faf8ff}table th.right,table td.right,.tbl th.right,.tbl td.right{text-align:right}[class$=-section]{background:#fff;border:1px solid #ece8f7;border-radius:12px;padding:20px;box-shadow:0 1px 2px #100b2b0a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ece8f7}.section-header h3{margin:0;font-size:20px;font-weight:700;color:#1b0f3a}[class$=-count]{background:#f3eeff;color:#7c5cff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px;border:1px solid #e3d7ff}.status-badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;border:1px solid transparent}.status-badge.active{background:#e7f8ee;color:#10b981;border-color:#bfe9d0}.status-badge.inactive{background:#f3f0fa;color:#6b6483;border-color:#ece8f7}.action-buttons{display:flex;gap:8px}.action-buttons .btn-edit,.action-buttons .btn-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #ece8f7;border-radius:8px;background:#fff;color:#6b6483;cursor:pointer;transition:all .15s ease}.action-buttons .btn-edit:hover{background:#f3eeff;border-color:#c5b3ff;color:#7c5cff}.action-buttons .btn-delete:hover{background:#ffe9ee;border-color:#f9c0cc;color:#f43f5e}