:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#15213b;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Plus Jakarta Sans,DM Sans,Arial,sans-serif}h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1.5px;line-height:1.2;margin-bottom:11px}h2{font-size:20px;letter-spacing:-.5px;margin:0}h3{font-size:14px;margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid #e6eaf1}.topbar-inner,.main-content,.footer{width:min(1240px,calc(100% - 48px));margin-inline:auto}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.7px}.brand-mark{width:32px;height:32px;border-radius:8px;background:#2557d6;display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);align-content:center;justify-content:center;gap:4px;box-shadow:0 4px 9px #2557d630}.brand-mark i{background:#fff;border-radius:1px}.brand-mark i:nth-child(4){opacity:.45}.brand-divider{width:1px;height:21px;background:#dce2ed;margin:0 2px}.brand-subtitle{font-family:DM Sans,sans-serif;color:#8892a5;font-size:12px;font-weight:600;letter-spacing:0}.local-badge{display:flex;align-items:center;gap:8px;border:1px solid #d9eee7;background:#f5fdf9;border-radius:50px;padding:8px 12px;color:#178461;font-size:12px;font-weight:700}.local-dot,.status-dot{width:7px;height:7px;border-radius:100%;background:currentColor;display:inline-block}.main-content{flex:1;padding:46px 0 48px}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:1.9px;color:#2d60d0;font-size:10px;font-weight:800;margin-bottom:12px}.intro-description{color:#77839a;font-size:14px;line-height:1.6;margin:0}.version-tag{border:1px solid #e0e6f1;color:#8390a6;background:#fff;border-radius:6px;font-size:10px;letter-spacing:1.1px;font-weight:800;padding:8px 10px;white-space:nowrap}.tabs{display:flex;gap:25px;border-bottom:1px solid #dfe5ef;margin-bottom:25px;overflow-x:auto}.tab{position:relative;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#78859c;padding:0 2px 17px;white-space:nowrap;font-weight:700;font-size:13px}.tab:hover,.tab.active{color:#2557d6}.tab.active:after{content:"";height:2px;background:#2557d6;position:absolute;left:0;right:0;bottom:0}.tab-number{font-size:10px;color:#9da9ba;font-weight:800}.tab.active .tab-number{color:#2557d6}.tab-soon{background:#eef1f6;color:#9aa4b5;font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:4px 6px;border-radius:4px}.generator-grid{display:grid;grid-template-columns:minmax(390px,1fr) minmax(440px,1.05fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid #e5e9f1;border-radius:12px;box-shadow:0 6px 22px #1f37650a}.settings-panel{padding:26px 28px 28px}.panel-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:26px}.panel-heading .eyebrow{margin-bottom:8px}.muted{color:#8792a4;font-size:12px;line-height:1.55;margin:8px 0 0}.step-badge{font-size:10px;font-weight:700;color:#9ca7b8;background:#f4f6fa;border-radius:5px;padding:7px 9px;white-space:nowrap}.field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field-label{font-size:12px;font-weight:700;color:#394862}textarea,select{width:100%;border:1px solid #dce2ec;border-radius:7px;background:#fff;color:#263451;outline:none;transition:border-color .15s,box-shadow .15s}textarea:focus,select:focus{border-color:#346be6;box-shadow:0 0 0 3px #346be620}textarea{resize:vertical;min-height:120px;padding:13px 14px;font-size:13px;line-height:1.6}textarea::placeholder{color:#a8b1c0}select{height:40px;padding:0 12px;font-size:12px}.field-help{color:#9aa5b6;font-size:11px;line-height:1.55;margin:0}.section-divider{height:1px;background:#edf0f5;margin:22px 0}.setting-block{display:flex;flex-direction:column;gap:16px}.setting-block .field-group{margin:0}.setting-title{display:flex;align-items:center;gap:10px}.setting-title span{display:grid;place-items:center;border-radius:5px;width:25px;height:25px;background:#edf2ff;color:#2e61d4;font-size:10px;font-weight:800}.setting-title h3{font-size:13px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.segment{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:#62728c}.segment strong{font-size:13px}.segment small{font-size:10px;color:#a0adbf}.segment.active{border-color:#2862dc;color:#2862dc;background:#f0f5ff;box-shadow:0 0 0 1px #2862dc}.segment.active small{color:#5480dc}.colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.color-field{display:flex;flex-direction:column;gap:8px}.color-control{height:40px;border:1px solid #dfe5ee;border-radius:7px;display:flex;align-items:center;gap:9px;padding:6px 9px;font-size:11px;font-weight:700;color:#64718a}.color-control input{width:27px;height:27px;border:0;padding:0;background:transparent;cursor:pointer}.color-control input::-webkit-color-swatch-wrapper{padding:0}.color-control input::-webkit-color-swatch{border:1px solid #dce2ed;border-radius:4px}.reset-button{border:0;background:transparent;color:#446bbd;font-size:11px;font-weight:700;padding:0;display:flex;align-items:center;gap:7px;margin-top:25px}.reset-button span{font-size:17px;font-weight:400}.preview-panel{padding:26px 28px}.preview-heading{align-items:center;margin-bottom:19px}.status-pill{display:flex;align-items:center;gap:7px;color:#98a4b7;background:#f4f6f9;border-radius:50px;padding:7px 10px;font-size:10px;font-weight:700}.status-pill.ready{color:#159168;background:#ecfbf4}.preview-stage{height:390px;border:1px solid #e9edf4;border-radius:8px;background:radial-gradient(#dfe5ee .8px,transparent .8px) 0 0/16px 16px,#f8fafd;display:flex;align-items:center;justify-content:center;padding:35px}.qr-preview{display:block;width:min(100%,310px);height:min(100%,310px);object-fit:contain;box-shadow:0 12px 35px #1d2e4d17}.empty-preview{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#9aa6b9;font-size:12px}.empty-preview strong{color:#60708b;font-size:13px}.empty-icon{display:grid;grid-template-columns:repeat(2,20px);grid-template-rows:repeat(2,20px);gap:5px;margin-bottom:15px;transform:rotate(-7deg);opacity:.5}.empty-icon span{border:5px solid #b7c6df;border-radius:2px}.empty-icon span:last-child{border-width:7px}.preview-meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #edf0f5;padding:19px 0}.preview-meta>div{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:1px solid #edf0f5}.preview-meta>div:first-child{padding-left:0;border-left:0}.preview-meta span{font-size:10px;color:#9ca8ba}.preview-meta strong{font-size:11px;color:#34445f}.error-message{margin:12px 0 0;padding:10px 12px;border-radius:6px;background:#fff2f1;color:#b43d32;font-size:12px}.download-area{display:flex;flex-direction:column;gap:17px;padding-top:20px}.download-area p{color:#9ba6b7;font-size:11px;margin:5px 0 0}.download-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.button{height:42px;border-radius:7px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,background .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.5}.button-primary{background:#285dd3;border:1px solid #285dd3;color:#fff;box-shadow:0 3px 8px #285dd32a}.button-primary:hover:not(:disabled){background:#1f50c1}.button-secondary{background:#fff;color:#2d5cca;border:1px solid #cdd9f5}.button-secondary:hover:not(:disabled){background:#f4f7ff}.coming-soon{min-height:490px;padding:70px 75px;display:grid;grid-template-columns:1fr 350px;align-items:center;gap:40px;overflow:hidden}.coming-copy{max-width:540px}.coming-copy h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1.4px;margin-bottom:15px}.coming-copy>p:not(.eyebrow){color:#7e8ba1;font-size:15px;line-height:1.7;max-width:500px}.feature-list{display:flex;flex-direction:column;gap:14px;margin:30px 0}.feature-list div{display:flex;align-items:center;gap:10px;color:#465775;font-size:13px;font-weight:600}.feature-list span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eaf4ed;color:#279262;font-size:11px}.soon-note{display:inline-block;border:1px solid #dce6fa;background:#f5f8ff;color:#3867c7;border-radius:5px;padding:9px 12px;font-size:11px;font-weight:700}.coming-art{height:320px;position:relative;display:grid;place-items:center}.art-back,.art-front{position:absolute;width:220px;height:270px;border-radius:14px;border:1px solid #dce5f5;background:#edf3ff;transform:rotate(12deg) translate(25px)}.art-front{background:#fff;transform:rotate(-6deg) translate(-15px);box-shadow:0 20px 45px #1e40701d;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.art-front>span{font-family:Plus Jakarta Sans,sans-serif;font-size:53px;font-weight:800;letter-spacing:-3px;color:#3567db}.art-lines{display:flex;flex-direction:column;gap:9px}.art-lines i{height:10px;border-radius:10px;background:#e5ecf7}.art-lines i:nth-child(2){width:75%}.art-lines i:nth-child(3){width:50%}.footer{border-top:1px solid #e4e9f1;padding:21px 0 25px;display:flex;justify-content:space-between;color:#9aa7b9;font-size:11px;font-weight:600}.footer-separator{padding:0 8px;color:#c2cbd9}@media(max-width:930px){.generator-grid{grid-template-columns:1fr}.preview-panel{order:-1}.coming-soon{padding:50px 45px;grid-template-columns:1fr 220px}.coming-art{transform:scale(.75)}}@media(max-width:650px){.topbar{height:62px}.topbar-inner,.main-content,.footer{width:min(100% - 32px,1240px)}.brand-subtitle,.brand-divider{display:none}.main-content{padding-top:31px}.intro-row{margin-bottom:25px}.version-tag{display:none}.tabs{gap:18px}.tab{font-size:12px}.tab-soon{display:none}.settings-panel,.preview-panel{padding:22px 19px}.panel-heading{margin-bottom:21px}.preview-stage{height:320px;padding:24px}.qr-preview{width:min(100%,250px);height:min(100%,250px)}.coming-soon{display:block;padding:42px 28px;min-height:0}.coming-art{height:250px;margin-top:15px}.footer{gap:12px;flex-wrap:wrap}}@media(max-width:390px){.colors-grid{grid-template-columns:1fr}.preview-meta>div{padding-left:9px}.preview-meta strong{font-size:10px}.download-actions{grid-template-columns:1fr}}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f1f4fa;padding:4px;border-radius:8px;margin:-4px 0 22px}.mode-switch button{border:0;background:transparent;color:#73829a;font-size:12px;font-weight:800;border-radius:6px;padding:10px 7px}.mode-switch button.active{color:#285dd3;background:#fff;box-shadow:0 1px 5px #2136551d}.credential-fields .field-group{margin-bottom:15px}.credential-fields input,.manual-mapping input{width:100%;height:40px;border:1px solid #dce2ec;border-radius:7px;padding:0 12px;color:#263451;background:#fff;outline:none;font-size:12px}.credential-fields input:focus,.manual-mapping input:focus{border-color:#346be6;box-shadow:0 0 0 3px #346be620}.password-input{display:flex;position:relative}.password-input input{padding-right:75px}.password-input button{position:absolute;right:6px;top:6px;height:28px;background:#f2f5fb;border:0;border-radius:5px;color:#4268b7;padding:0 9px;font-size:11px;font-weight:700}.credential-card{border:1px solid #e1e7f0;border-radius:10px;background:#fff;padding:18px;box-shadow:0 9px 22px #273b5c0a}.credential-card-head{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:13px;margin-bottom:17px;font-size:9px;font-weight:800;letter-spacing:1.4px;color:#9aa7ba}.credential-card-head span:last-child{color:#315fcb}.credential-codes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px}.credential-column{min-width:0;text-align:center}.credential-label{font-size:13px;color:#293953;font-weight:800;margin-bottom:12px}.credential-qr-box{aspect-ratio:1;width:100%;max-width:245px;margin-inline:auto;background:#f8fafd;border:1px solid #e7ecf3;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:8px}.credential-qr-box img{display:block;width:100%;height:100%;object-fit:contain}.credential-placeholder{font-size:11px;color:#9aa6b8}.credential-value{margin-top:11px;font-size:12px;line-height:1.35;color:#2f3d59;font-weight:700;overflow-wrap:anywhere;min-height:18px}.credential-reveal{margin-top:19px;border:0;background:#f1f5ff;color:#315fca;border-radius:6px;padding:9px 11px;font-size:11px;font-weight:700;width:100%}.preview-panel>.credential-card{margin-top:14px}.batch-grid{display:grid;grid-template-columns:minmax(560px,1.3fr) minmax(340px,.85fr);gap:22px;align-items:start}.batch-panel,.batch-preview-panel{padding:26px 28px}.batch-panel .panel-heading{align-items:flex-start}.text-button{border:0;background:transparent;color:#3565c6;font-size:11px;font-weight:800;padding:4px 0;white-space:nowrap}.text-button.danger{color:#b45050}.upload-area{border:1px dashed #b8c8e5;border-radius:9px;background:#f8faff;padding:25px 18px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px}.upload-area strong{font-size:13px;color:#354866}.upload-area span{color:#98a5b9;font-size:11px;line-height:1.5}.upload-icon{width:36px;height:36px;border-radius:9px;background:#e9f0ff;color:#2f61d1;display:grid;place-items:center;font-size:24px}.upload-area input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-button{height:34px;padding:0 17px;margin-top:7px;cursor:pointer}.file-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-bottom:1px solid #edf0f5;padding:18px 0}.file-summary>div,.stats-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}.file-summary span,.stats-row span{font-size:9px;font-weight:800;letter-spacing:.9px;color:#9ca8bb}.file-summary strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-summary select{height:32px}.mapping-summary{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:16px 0}.mapping-summary strong{font-size:12px}.mapping-summary p{font-size:11px;color:#8190a7;margin:5px 0 0}.manual-mapping{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f7f9fd;border:1px solid #e8edf5;border-radius:8px;padding:15px;margin-bottom:18px}.manual-mapping label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#53617a}.manual-mapping label:first-child{grid-column:1/-1}.manual-mapping .error-message{grid-column:1/-1;margin:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:7px 0 20px}.stats-row>div{border:1px solid #e7ebf3;background:#fbfcfe;border-radius:7px;padding:12px}.stats-row strong{font-family:Plus Jakarta Sans,Arial,sans-serif;font-size:22px;color:#263957}.stats-row>div:nth-child(2) strong{color:#21976a}.stats-row>div:nth-child(3) strong{color:#c05a50}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.table-heading h3{font-size:13px}.table-scroll{overflow:auto;border:1px solid #e6ebf3;border-radius:7px}.employee-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.employee-table th{font-size:9px;letter-spacing:.7px;color:#96a3b7;background:#f7f9fc;padding:11px 10px}.employee-table td{border-top:1px solid #eef1f5;padding:10px;font-size:11px;color:#34435e;overflow-wrap:anywhere}.employee-table th:nth-child(1){width:13%}.employee-table th:nth-child(2){width:26%}.employee-table th:nth-child(3){width:25%}.employee-table th:nth-child(4){width:36%}.employee-table tr.selectable{cursor:pointer}.employee-table tr.selectable:hover,.employee-table tr.selected{background:#f2f6ff}.employee-table tr.invalid{background:#fffbfa}.row-status{font-size:10px;font-weight:700;line-height:1.35}.row-status.valid{color:#248963}.row-status.invalid{color:#b85852}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;color:#8b99ac;font-size:11px}.pagination button{border:1px solid #e1e7f2;border-radius:5px;background:#fff;padding:7px;color:#3865bc;font-size:11px;font-weight:700}.pagination button:disabled{opacity:.4}.empty-records{color:#8d99ab;font-size:12px}.batch-empty-preview{height:300px;border:1px dashed #e0e7f1;border-radius:8px;background:#f9fbfe;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#708099}.batch-empty-preview strong{font-size:13px;color:#4d5f7b}.batch-empty-preview p{font-size:11px;line-height:1.6;max-width:245px}.batch-preview-panel .credential-card{padding:14px}.batch-preview-panel .credential-codes{gap:9px}@media(max-width:1100px){.batch-grid{grid-template-columns:1fr}.batch-preview-panel{order:-1}.batch-preview-panel .credential-card{max-width:550px;margin:auto}}@media(max-width:650px){.batch-panel,.batch-preview-panel{padding:22px 19px}.credential-codes{gap:8px}.credential-card{padding:12px}.credential-qr-box{padding:4px}.credential-label{font-size:11px}.manual-mapping{grid-template-columns:1fr}.manual-mapping label:first-child{grid-column:auto}.employee-table{min-width:520px}}.print-grid{display:grid;grid-template-columns:minmax(340px,410px) minmax(0,1fr);gap:22px;align-items:start}.print-settings-panel,.print-preview-panel{padding:26px 28px}.print-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.print-stats>div{border:1px solid #e8edf5;background:#fbfcfe;border-radius:7px;padding:11px;display:flex;flex-direction:column;gap:5px}.print-stats span{font-size:9px;font-weight:800;letter-spacing:.8px;color:#9aa7b9}.print-stats strong{font-family:Plus Jakarta Sans,Arial,sans-serif;color:#263a5e;font-size:20px}.print-empty-notice{font-size:11px;color:#62728a;background:#f4f7fe;border:1px solid #e3eaf8;border-radius:7px;padding:12px;margin-top:13px;line-height:1.5}.print-empty-notice button{border:0;background:none;color:#245bca;font-size:11px;font-weight:800;padding:0}.print-invalid-note{margin-top:12px;color:#b26058}.print-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:19px 0}.print-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#52617a;font-weight:700}.print-field>div{position:relative}.print-field input{width:100%;height:38px;border:1px solid #dfe5ee;border-radius:6px;padding:0 40px 0 10px;color:#2b3b5a;background:#fff;font-size:12px;outline:none}.print-field input:focus{border-color:#346be6;box-shadow:0 0 0 3px #346be620}.print-field>div span{position:absolute;right:11px;top:11px;color:#a4afbf;font-size:10px}.print-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#43536f;font-weight:700;margin:17px 0}.print-toggle input{accent-color:#285dd3}.print-line-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.print-line-fields label{display:flex;flex-direction:column;gap:7px;color:#63718b;font-size:10px;font-weight:700}.print-line-fields select{height:35px;padding:0 6px;font-size:11px}.print-default-actions{display:flex;gap:14px;margin:22px 0}.print-default-actions button{border:0;background:transparent;color:#3665c7;padding:0;font-size:11px;font-weight:700}.print-default-actions button:last-child{color:#7e8ba0}.print-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.print-warning{font-size:10px;line-height:1.55;color:#a36b4f;background:#fff9f4;border:1px solid #f6eadd;border-radius:6px;padding:10px;margin:12px 0 0}.print-notice,.print-progress{font-size:11px;padding:10px;border-radius:6px;background:#eefaf4;color:#207a58;margin:12px 0 0}.print-progress{background:#f1f5fd;color:#3761b3}.print-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-6px 0 15px}.print-preview-toolbar>div{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#596983}.print-preview-toolbar button{border:1px solid #dfe7f3;border-radius:5px;background:#fff;color:#3966bd;height:28px;min-width:28px;padding:0 8px;font-size:11px;font-weight:700}.print-preview-toolbar button:disabled{opacity:.4}.print-preview-viewport{background:#edf1f7;border:1px solid #e2e8f1;border-radius:9px;padding:12px;overflow:auto;display:flex;justify-content:center;min-height:500px}.print-preview-frame{flex:none;position:relative}.a4-page{width:210mm;height:297mm;background:#fff;box-shadow:0 6px 24px #1b345335;position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden}.print-credential-card{position:absolute;background:#fff}.print-code-heading,.print-code-caption{position:absolute;text-align:center;font-family:Arial,sans-serif;font-weight:700;color:#17243e;white-space:nowrap}.print-code-heading{line-height:1.25}.print-code-caption>div{white-space:nowrap}.print-code img{position:absolute;display:block}.print-code-error{position:absolute;font-size:7pt;color:#b34c45}.cut-lines-overlay{position:absolute;inset:0;width:210mm;height:297mm;pointer-events:none}.a4-empty{position:absolute;inset:0;display:grid;place-items:center;color:#a2adbd;font-size:13px}@media(max-width:1080px){.print-grid{grid-template-columns:minmax(0,1fr)}.print-settings-panel,.print-preview-panel{min-width:0}.print-settings-panel{max-width:none}.print-fields{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.print-settings-panel,.print-preview-panel{padding:22px 19px}.print-fields,.print-line-fields{grid-template-columns:1fr 1fr}.print-preview-viewport{min-height:350px;padding:8px}.print-export-actions{grid-template-columns:1fr}.print-default-actions{flex-wrap:wrap}}.print-test-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:13px}.print-test-actions button{border:0;background:transparent;color:#3665c7;padding:0;font-size:11px;font-weight:700}.print-test-actions button:disabled{opacity:.4;cursor:not-allowed}.library-gate{max-width:530px;margin:30px auto;padding:32px}.library-gate h2{margin-bottom:8px}.library-gate form{display:flex;flex-direction:column;gap:9px;margin-top:25px}.library-gate input,.library-list-panel input{height:40px;border:1px solid #dce2ec;border-radius:7px;padding:0 12px;background:#fff;color:#263451;outline:none}.library-gate input:focus,.library-list-panel input:focus{border-color:#346be6;box-shadow:0 0 0 3px #346be620}.library-gate form .field-label:not(:first-child){margin-top:9px}.library-gate form .button{margin-top:14px}.library-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:22px;align-items:start}.library-list-panel,.library-detail-panel{padding:26px 28px}.library-list-panel .panel-heading{margin-bottom:18px}.library-list-panel>input,.library-list-panel>select{width:100%;margin:8px 0 16px}.library-result-count{font-size:10px;color:#8795aa;font-weight:700;margin:3px 0 9px}.library-results{border:1px solid #e6ebf3;border-radius:8px;overflow:hidden;max-height:570px;overflow-y:auto}.library-row{width:100%;padding:12px 13px;display:flex;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#34435e}.library-row:last-child{border-bottom:0}.library-row:hover,.library-row.selected{background:#f2f6ff}.library-row-main,.library-row-side{display:flex;flex-direction:column;gap:4px;min-width:0}.library-row-main strong{font-size:12px;overflow-wrap:anywhere}.library-row-main small,.library-row-side small{font-size:10px;color:#8795a9;overflow-wrap:anywhere}.library-row-side{text-align:right;align-items:flex-end}.library-row-side em{font-size:10px;font-weight:800;font-style:normal}.library-active{color:#21976a}.library-inactive{color:#ac7180}.library-detail-meta{display:flex;flex-wrap:wrap;gap:12px 20px;padding:0 0 20px;color:#78869d;font-size:11px}.library-detail-meta strong{color:#34445f}.library-detail-panel .credential-card{max-width:560px}.library-status-action{margin-top:20px}.library-detail-panel .print-warning{margin-top:17px}.library-sync{margin-top:20px}.library-sync>.button{width:100%;margin-top:10px}.library-sync-summary{margin-top:14px;border:1px solid #dfe8f7;background:#f8faff;border-radius:8px;padding:16px}.library-sync-summary h3{margin-bottom:13px}.library-sync-counts{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;font-size:11px;color:#677790}.library-sync-counts strong{color:#263a5e}.library-sync-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}@media(max-width:950px){.library-grid{grid-template-columns:1fr}.library-detail-panel{order:-1}}@media(max-width:650px){.library-list-panel,.library-detail-panel,.library-gate{padding:22px 19px}.library-sync-counts,.library-sync-actions{grid-template-columns:1fr}}.library-entry{display:flex;align-items:stretch;border-bottom:1px solid #edf1f5}.library-entry:last-child{border-bottom:0}.library-entry .library-row{flex:1;border-bottom:0;min-width:0}.library-add{border:0;background:#fff;color:#2d5cca;font-size:10px;font-weight:800;padding:0 10px;min-width:106px}.library-add:hover:not(:disabled){background:#f2f6ff}.library-add:disabled{color:#91a7c5;background:#f8faff}.library-cart{border-top:1px solid #edf0f5;margin-top:23px;padding-top:21px}.library-cart .table-heading{margin-bottom:6px}.library-cart ol{padding:0;margin:14px 0;list-style:none;max-height:220px;overflow:auto;border:1px solid #e9edf4;border-radius:6px}.library-cart li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid #edf1f5;font-size:11px;color:#394862}.library-cart li:last-child{border-bottom:0}.library-cart li span{overflow-wrap:anywhere}.library-cart-actions,.library-single-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.library-backup{border-top:1px solid #edf0f5;margin-top:25px;padding-top:20px;display:flex;flex-direction:column;gap:10px}.library-backup h3{margin:0}.library-backup input[type=file]{font-size:11px;color:#52617a;max-width:100%}.library-backup input[type=password]{height:38px;border:1px solid #dce2ec;border-radius:7px;padding:0 10px;color:#263451}.library-single-actions{margin:18px 0 4px}@media(max-width:650px){.library-entry{flex-wrap:wrap}.library-entry .library-row{flex-basis:100%}.library-add{height:30px;width:100%;text-align:left}.library-cart-actions,.library-single-actions{grid-template-columns:1fr}}.upload-area[hidden],.batch-import-details[hidden]{display:none}.batch-compact-import{border:1px solid #dce6f6;background:#f8faff;border-radius:9px;padding:14px 16px;margin-bottom:19px}.batch-compact-source{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px}.batch-compact-source>div{display:flex;flex-direction:column;gap:5px;min-width:0}.batch-compact-source span{font-size:9px;font-weight:800;letter-spacing:.8px;color:#98a5b9}.batch-compact-source strong{font-size:12px;color:#334563;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-compact-counts{display:flex;gap:13px;flex-wrap:wrap;border-top:1px solid #e5ebf5;margin-top:12px;padding-top:10px;font-size:10px;color:#7887a0}.batch-compact-counts strong{color:#263a5e;font-size:12px;margin-left:3px}.batch-compact-import>.text-button{margin-top:12px}.upload-area>.text-button{margin-top:4px}.batch-search-label{display:block;margin:0 0 7px}.batch-search{width:100%;height:38px;border:1px solid #dce2ec;border-radius:7px;padding:0 12px;margin-bottom:11px;background:#fff;color:#263451;font-size:12px;outline:none}.batch-search:focus{border-color:#346be6;box-shadow:0 0 0 3px #346be620}.batch-search-count{margin:-2px 0 10px}.batch-panel,.batch-grid{min-width:0}.batch-grid .table-scroll{min-height:0;max-height:clamp(260px,calc(100dvh - 315px),720px);overflow:auto;overscroll-behavior:contain}.employee-table thead th{position:sticky;top:0;z-index:2;box-shadow:0 1px #e6ebf3}.employee-table tr.selected{background:#eaf1ff;box-shadow:inset 3px 0 #285dd3}.batch-preview-panel{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow-y:auto;align-self:start}@media(max-width:1100px){.batch-preview-panel{position:static;max-height:none;overflow:visible}}@media(max-width:650px){.batch-compact-source{grid-template-columns:1fr 1fr}.batch-compact-counts{gap:8px}.batch-grid .table-scroll{max-height:clamp(240px,48dvh,540px)}}@media(min-width:960px)and (max-width:1100px){.batch-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr)}.batch-preview-panel{order:0;position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow-y:auto}}.library-import-prompt{border:1px solid #dfe8f7;background:#f8faff;border-radius:9px;padding:15px 16px;margin-bottom:20px}.library-import-prompt:empty{display:none}.library-import-prompt h3{font-size:13px;color:#314361;margin:0 0 7px}.library-import-prompt>p{font-size:11px;color:#62738d;line-height:1.5;margin:6px 0}.library-import-prompt .field-help strong{color:#314361;overflow-wrap:anywhere}.library-import-prompt>.button{margin-top:9px}.library-import-prompt .library-sync-summary{background:#fff}.library-backup{display:block;border-top:1px solid #edf0f5;margin-top:25px;padding-top:0}.library-backup summary{cursor:pointer;list-style:none;padding:19px 0;color:#344864;font-size:12px;font-weight:800}.library-backup summary::-webkit-details-marker{display:none}.library-backup summary:after{content:"⌄";float:right;color:#5677b5;font-size:18px;line-height:12px}.library-backup[open] summary:after{transform:rotate(180deg)}.library-backup summary:focus-visible,.library-backup-actions button:focus-visible{outline:2px solid #346be6;outline-offset:3px}.library-backup-content{display:flex;flex-direction:column;gap:12px;padding-bottom:4px}.library-backup-content>.field-help{margin:0}.library-backup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.library-backup-actions .button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.library-backup-actions svg{width:16px;height:16px;flex:none}.visually-hidden-file{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.library-backup-selected{display:flex;flex-direction:column;gap:8px;border:1px solid #e5ebf5;background:#fbfcff;border-radius:7px;padding:12px}.library-backup-selected .field-help{margin:0}.library-backup-selected strong{overflow-wrap:anywhere}.library-backup-selected .button{align-self:flex-start}.library-gate .library-backup{margin-top:25px}@media(max-width:650px){.library-backup-actions{grid-template-columns:1fr}.library-backup-selected .button{width:100%}}.topbar{height:64px}.main-content{padding-top:24px}.intro-row{margin-bottom:14px}.intro-row h1{font-size:clamp(24px,2vw,27px);line-height:1.2;letter-spacing:-.8px;margin:0}.tabs{margin-bottom:17px}.tab{padding-bottom:13px}@media(max-width:650px){.topbar{height:62px}.main-content{padding-top:18px}.intro-row{margin-bottom:12px}.intro-row h1{font-size:clamp(21px,6vw,24px);letter-spacing:-.6px}.tabs{margin-bottom:14px}.tab{padding-bottom:12px}}.manual-mapping>.button{grid-column:1/-1}.library-right-column{display:flex;flex-direction:column;gap:22px;min-width:0}.library-right-column>.panel{min-width:0}.library-a4-panel{padding:26px 28px}.library-a4-panel .panel-heading{margin-bottom:18px}.library-a4-viewport{min-height:0;overflow:hidden}.library-a4-viewport .a4-page{box-shadow:0 6px 24px #1b345335}@media(max-width:950px){.library-right-column{order:-1}}@media(max-width:650px){.library-a4-panel{padding:22px 19px}.library-a4-viewport{padding:8px}}.library-card-stage{position:relative;min-height:320px}.library-card-loading{min-height:320px;border:1px dashed #e0e7f1;border-radius:10px;background:#f9fbfe}.library-card-stage .credential-reveal:disabled{cursor:default}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.library-entry.in-cart,.library-entry.in-cart .library-row,.library-entry.in-cart .library-add{background:#edf8f2}.library-entry.in-cart:hover,.library-entry.in-cart:hover .library-row,.library-entry.in-cart:hover .library-add{background:#e5f4ec}.library-entry.is-selected:not(.in-cart),.library-entry.is-selected:not(.in-cart) .library-row{background:#f2f6ff}.library-entry.is-selected{box-shadow:inset 3px 0 #346be6}.library-entry.in-cart.is-selected{box-shadow:inset 3px 0 #279869,0 0 0 1px #99d7b6}.library-entry.in-cart .library-add{color:#247b55}.library-entry .library-add{min-width:112px;cursor:pointer}.library-entry .library-add:focus-visible,.library-entry .library-row:focus-visible{outline:2px solid #346be6;outline-offset:-2px}.library-cart-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f5;margin-top:21px;padding-top:17px}.library-cart-summary>div{display:flex;flex-direction:column;gap:4px}.library-cart-summary strong{font-size:12px;color:#34445f}.library-cart-summary span{font-size:11px;color:#64758e}.library-print-settings{border-top:1px solid #e8edf5;margin-top:21px}.library-print-settings summary{cursor:pointer;padding:17px 0;font-size:12px;font-weight:800;color:#365987}.library-print-settings summary:focus-visible{outline:2px solid #346be6;outline-offset:2px}.library-print-settings .section-divider:first-child{display:none}.library-print-settings .print-fields{margin:12px 0}.library-a4-panel .library-cart-actions{margin-top:19px}@media(max-width:650px){.library-entry{flex-wrap:nowrap}.library-entry .library-row{flex-basis:auto}.library-entry .library-add{height:auto;width:auto;text-align:center;min-width:96px;padding:0 7px}.library-cart-summary{align-items:flex-start}.library-print-settings .print-fields{grid-template-columns:1fr 1fr}}@media(max-width:390px){.library-print-settings .print-fields{grid-template-columns:1fr}}.library-detail-panel .credential-card{padding:var(--card-preview-padding,18px)}.library-detail-panel .credential-codes{gap:var(--card-preview-gap,17px)}.library-detail-panel .credential-qr-box{max-width:var(--card-preview-qr,245px)}.library-detail-panel .credential-label{font-size:var(--card-preview-heading,13px)}.library-detail-panel .credential-value{font-size:var(--card-preview-caption,12px)}.manual-entry{border:1px solid #e4eaf4;border-radius:9px;background:#fbfcff;margin:17px 0}.manual-entry>summary,.print-record-list>summary{cursor:pointer;padding:13px 15px;color:#365987;font-size:12px;font-weight:800}.manual-entry>summary:focus-visible,.print-record-list>summary:focus-visible{outline:2px solid #346be6;outline-offset:2px}.manual-entry-body{border-top:1px solid #e8edf5;padding:15px}.manual-entry-body textarea{width:100%;min-height:140px;resize:vertical;border:1px solid #dce2ec;border-radius:7px;padding:11px;color:#263451;background:#fff;font-size:12px;margin:8px 0 12px}.manual-entry-body textarea:focus{outline:2px solid #346be6}.manual-errors{font-size:11px;color:#a94444;margin-top:12px}.manual-errors ul{margin:7px 0 0;padding-left:20px}.print-record-list{border:1px solid #e4eaf4;border-radius:8px;margin:15px 0;background:#fbfcff}.print-record-list-body{border-top:1px solid #e8edf5;padding:0 14px 13px}.print-record-list ol{padding-left:20px;max-height:220px;overflow:auto}.print-record-list li{padding:7px 0;border-bottom:1px solid #eef1f6;font-size:11px;color:#34435e}.print-record-list li span{display:inline-flex;flex-direction:column;gap:3px;max-width:75%;overflow-wrap:anywhere}.print-record-list li small{color:#8996aa}.print-record-list li button{float:right;border:0;background:transparent;color:#b45050;font-size:11px;font-weight:700}.print-record-list .text-button{margin-top:4px}.pair-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.pair-preview-actions .button{min-height:38px}.pair-go-print{display:block;margin-top:12px}.import-settings-trigger{border:0;background:transparent;color:#3565c6;font-size:11px;font-weight:800;padding:6px;cursor:pointer}.import-settings-trigger span{font-size:15px;margin-right:4px}.import-settings-panel{border:1px solid #e4eaf4;border-radius:9px;background:#fbfcff;margin:14px 0;padding:16px}.import-settings-panel h3{font-size:13px;margin:0 0 13px;color:#334563}.import-settings-panel label{display:flex;flex-direction:column;gap:6px;margin-bottom:11px;font-size:11px;font-weight:700;color:#53617a}.import-settings-panel input{width:100%;height:37px;border:1px solid #dce2ec;border-radius:7px;padding:0 10px;background:#fff;color:#263451;font-size:12px}.import-settings-panel input:focus{outline:2px solid #346be6}.import-settings-actions{display:flex;gap:9px;flex-wrap:wrap}.import-settings-actions .button{min-height:35px}@media(max-width:420px){.pair-preview-actions{grid-template-columns:1fr}}.nav-utility{display:flex;align-items:center;gap:14px;margin-left:auto;padding-bottom:12px;white-space:nowrap}.nav-help{border:0;background:transparent;color:#75849d;font-size:12px;font-weight:800;padding:6px 2px}.nav-help:hover,.nav-help.active{color:#2557d6}.language-switch{display:flex;align-items:center;gap:5px;border:1px solid #dce4f2;border-radius:7px;background:#fff;padding:3px 6px;color:#b0baca;font-size:10px}.language-switch button{border:0;background:transparent;color:#8b99ac;border-radius:4px;padding:4px 5px;font-size:11px;font-weight:800}.language-switch button.active{color:#2557d6;background:#edf3ff}.help-view{max-width:1000px;margin:auto}.help-lead{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.help-lead p{color:#66758e;font-size:13px;line-height:1.6;margin:0}.help-lead .button{height:36px;padding:0 14px;white-space:nowrap}.help-sections{display:grid;gap:12px}.help-section,.help-faq{background:#fff;border:1px solid #e5e9f1;border-radius:11px;box-shadow:0 6px 22px #1f37650a}.help-section summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none}.help-section summary::-webkit-details-marker{display:none}.help-section summary strong{font-size:14px;color:#263a5e}.help-icon{width:35px;height:35px;border-radius:8px;background:#edf3ff;color:#2d60d0;display:grid;place-items:center;font-size:20px}.help-chevron{margin-left:auto;color:#8493aa;font-size:18px;transition:transform .15s}.help-section[open] .help-chevron{transform:rotate(180deg)}.help-section-body{border-top:1px solid #edf0f5;padding:19px 24px 21px 68px}.help-section-body ol{margin:0;padding-left:20px;display:grid;gap:10px;color:#44536e;font-size:12px;line-height:1.55}.help-section-body li::marker{color:#2d60d0;font-weight:800}.help-tip{margin:18px 0 0;padding:12px 14px;background:#f3f7ff;border-radius:7px;color:#526b99;font-size:11px;line-height:1.55}.help-faq{margin-top:22px;padding:20px 24px}.help-faq h2{font-size:17px;margin-bottom:13px}.help-faq details{border-top:1px solid #edf0f5;padding:12px 0}.help-faq summary{cursor:pointer;color:#344865;font-size:12px;font-weight:800}.help-faq p{color:#687892;font-size:12px;line-height:1.6;margin:9px 0 0}@media(max-width:760px){.tabs{flex-wrap:wrap;gap:12px 18px;overflow:visible}.tab{padding-bottom:10px}.nav-utility{width:100%;margin-left:0;justify-content:flex-end;padding-bottom:9px}.help-lead{align-items:flex-start;flex-direction:column}.help-section-body{padding-left:24px}}@media(max-width:420px){.tabs{gap:6px 12px}.tab{font-size:11px;gap:5px}.tab-number{font-size:9px}.help-section summary{padding:13px}.help-section-body{padding:15px}.help-lead .button{width:100%}}@media(max-width:650px){.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px;row-gap:2px;margin-bottom:18px}.tab{min-width:0;min-height:31px;align-items:flex-start;gap:3px;white-space:normal;line-height:1.15;font-size:10px;padding-bottom:7px}.tab-number{font-size:8px}.nav-utility{grid-column:1/-1;width:auto;height:29px;justify-content:flex-end;padding-bottom:4px}}.print-settings-panel .print-default-actions{margin:12px 0 18px}.print-settings-panel .print-default-actions button{border:1px solid #dce6f5;border-radius:7px;background:#f5f8ff;color:#315db9;padding:9px 12px;font-size:11px;cursor:pointer}.print-settings-panel .print-default-actions button:hover{background:#edf3ff}.print-settings-panel .print-default-actions button:focus-visible{outline:2px solid #346be6;outline-offset:2px}