:root{--font-main: "Plus Jakarta Sans", "Hind Siliguri", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #ffffff;--bg-input: #ffffff;--surface-chip: #f1f5f9;--surface-hover: #f8fafc;--border-color: #e2e8f0;--border-subtle: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #2563eb;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary-brand: #2563eb;--primary-hover: #1d4ed8;--accent-blue: #2563eb;--accent-teal: #0d9488;--accent-success: #059669;--accent-danger: #e11d48;--tint-blue: #eff6ff;--color-blue: #2563eb;--border-blue: #bfdbfe;--tint-teal: #f0fdfa;--color-teal: #0d9488;--border-teal: #99f6e4;--tint-violet: #f5f3ff;--color-violet: #7c3aed;--border-violet: #ddd6fe;--tint-amber: #fffbeb;--color-amber: #d97706;--border-amber: #fde68a;--tint-emerald: #ecfdf5;--color-emerald: #059669;--border-emerald: #a7f3d0;--tint-green: #f0fdf4;--color-green: #16a34a;--border-green: #bbf7d0;--tint-cyan: #ecfeff;--color-cyan: #0891b2;--border-cyan: #a5f3fc;--tint-pink: #fdf2f8;--color-pink: #db2777;--border-pink: #fbcfe8;--tint-orange: #fff7ed;--color-orange: #ea580c;--border-orange: #fed7aa;--tint-rose: #fff1f2;--color-rose: #e11d48;--border-rose: #fecdd3;--radius-card: 20px;--radius-inner: 14px;--radius-control: 12px;--radius-pill: 9999px;--shadow-sm: 0 2px 5px rgba(15, 23, 42, .04);--shadow-card: 0 4px 16px -2px rgba(15, 23, 42, .05), 0 2px 6px -1px rgba(15, 23, 42, .03);--shadow-card-hover: 0 10px 25px -4px rgba(15, 23, 42, .08), 0 4px 10px -2px rgba(15, 23, 42, .04);--shadow-modal: 0 25px 60px -12px rgba(15, 23, 42, .25);--spring-morph: cubic-bezier(.2, 1.12, .35, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;font-size:13.5px;min-height:100vh}.app-header{background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0f172a0a;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.brand-section{display:flex;align-items:center;gap:14px}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#3b82f6,#06b6d4);color:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;box-shadow:0 4px 14px #2563eb59;flex-shrink:0}.brand-title{font-size:17px;font-weight:800;color:var(--text-primary);letter-spacing:-.015em;display:flex;align-items:center;gap:8px}.badge-pro{font-size:10px;font-weight:800;padding:2px 8px;border-radius:9999px;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb;letter-spacing:.04em;display:inline-block}.brand-subtitle{font-size:11.5px;color:var(--text-muted);font-weight:500;margin-top:1px}.header-actions{display:flex;align-items:center;gap:12px}.tabs-nav,.view-switch-nav{display:flex;background:#f1f5f9;padding:5px;border-radius:16px;gap:5px;border:1px solid var(--border-color);box-shadow:inset 0 1px 2px #0f172a0a;position:relative}.tab-btn,.view-tab-btn{border:1px solid transparent;background:transparent;padding:8px 18px;font-size:12.5px;font-weight:600;color:var(--text-secondary);border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s var(--spring-morph);white-space:nowrap}.tab-btn:hover,.view-tab-btn:hover{color:var(--text-primary);background:#fff;border-color:#e2e8f0;box-shadow:0 2px 6px #0f172a0a}.tab-btn.active,.view-tab-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;font-weight:700;box-shadow:0 4px 14px #2563eb59;border:1px solid #1d4ed8;transform:translateY(-1px)}.tab-btn.active .view-icon,.view-tab-btn.active .view-icon,.tab-btn.active svg,.view-tab-btn.active svg{color:#fff!important;stroke:#fff!important}.view-icon,.ui-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-filter-bar{position:sticky;top:-24px;margin:-24px -22px 20px;padding:12px 18px;background:#fffffff0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:20;display:flex;gap:6px;align-items:center;box-shadow:0 4px 12px #0f172a08}.sidebar-pill-btn{flex:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--border-color);background:#f8fafc;color:var(--text-secondary);font-size:11.5px;font-weight:600;padding:6px 10px;border-radius:20px;cursor:pointer;transition:all .2s var(--spring-morph);white-space:nowrap}.sidebar-pill-btn:hover{background:#fff;color:var(--text-primary);border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a0a;transform:translateY(-1px)}.sidebar-pill-btn.active{color:#fff!important;transform:scale(1.02)}.sidebar-pill-btn.active[data-filter=all]{background:linear-gradient(135deg,#0f172a,#334155);border-color:#0f172a;box-shadow:0 3px 10px #0f172a40}.sidebar-pill-btn.active[data-filter=panel-designer]{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 3px 10px #2563eb4d}.sidebar-pill-btn.active[data-filter=panel-data]{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;box-shadow:0 3px 10px #7c3aed4d}.sidebar-pill-btn.active[data-filter=panel-print]{background:linear-gradient(135deg,#0d9488,#0f766e);border-color:#0d9488;box-shadow:0 3px 10px #0d94884d}.sidebar-sub-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:0 4px}.sidebar-sub-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.expand-collapse-actions{display:flex;align-items:center;gap:6px}.btn-sub-action{background:transparent;border:none;font-size:11px;font-weight:600;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;transition:all .2s ease}.btn-sub-action:hover{color:#0c3559;background:#e2e8f0}.action-divider{color:#cbd5e1;font-size:10px}.sidebar-section-group{margin-bottom:20px;position:relative;background:#fff;border-radius:20px;border:1px solid var(--border-color);padding:18px 18px 12px;box-shadow:0 4px 14px #0f172a0a;transition:padding .38s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .2s ease,margin-bottom .3s ease}.sidebar-section-group:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a12}.sidebar-section-group.is-collapsed{padding-bottom:18px}#panel-designer .group-icon{background:#eff6ff;color:#2563eb}#panel-designer .group-title{color:#1d4ed8}#panel-designer .group-badge{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}#panel-designer .sidebar-group-header:hover{background:#f0f7ff;border-color:#bfdbfe}#panel-data .group-icon{background:#f5f3ff;color:#7c3aed}#panel-data .group-title{color:#6d28d9}#panel-data .group-badge{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}#panel-data .sidebar-group-header:hover{background:#fbf8ff;border-color:#ddd6fe}#panel-print .group-icon{background:#f0fdfa;color:#0d9488}#panel-print .group-title{color:#0f766e}#panel-print .group-badge{background:#f0fdfa;color:#0f766e;border:1px solid #99f6e4}#panel-print .sidebar-group-header:hover{background:#f0fdfa;border-color:#99f6e4}.sidebar-group-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#f8fafc;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .25s cubic-bezier(.16,1,.3,1);margin-bottom:16px;box-shadow:inset 0 1px #ffffffe6}.sidebar-group-header:hover{transform:translateY(-1px)}.sidebar-group-header.collapsed{background:#fff;margin-bottom:0}.sidebar-section-group.is-collapsed .sidebar-group-header{margin-bottom:0}.group-header-left{display:flex;align-items:center;gap:9px}.group-header-right{display:flex;align-items:center;gap:8px}.group-icon{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:transform .2s ease}.sidebar-group-header:hover .group-icon{transform:scale(1.08)}.group-title{font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.group-badge{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:9999px}.group-chevron{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:#00000008;transition:transform .38s cubic-bezier(.16,1,.3,1),color .2s ease,background .2s ease;transform:rotate(0)}.sidebar-group-header:hover .group-chevron{background:#0000000f;color:var(--text-primary)}.sidebar-group-header.collapsed .group-chevron,.sidebar-section-group.is-collapsed .group-chevron{transform:rotate(-90deg)}.sidebar-group-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),opacity .28s ease;opacity:1}.sidebar-group-header.collapsed+.sidebar-group-body,.sidebar-section-group.is-collapsed .sidebar-group-body{grid-template-rows:0fr;opacity:0;pointer-events:none}.sidebar-group-inner{overflow:hidden;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;font-size:13px;font-family:inherit;font-weight:600;border-radius:12px;cursor:pointer;border:1px solid transparent;transition:all .2s var(--spring-morph);text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:1px solid #1d4ed8;box-shadow:0 4px 14px #2563eb47,inset 0 1px #ffffff40}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 18px #2563eb61;transform:translateY(-1.5px)}.btn-primary:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 6px #2563eb33}.btn-success{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid #047857;box-shadow:0 4px 14px #05966947,inset 0 1px #ffffff40}.btn-success:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 6px 18px #05966961;transform:translateY(-1.5px)}.btn-success:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 6px #05966933}.btn-outline{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #cbd5e1;color:var(--text-primary);box-shadow:0 2px 5px #0f172a0a,inset 0 1px #fff}.btn-outline:hover{background:#fff;border-color:#94a3b8;box-shadow:0 4px 10px #0f172a14,inset 0 1px #fff;transform:translateY(-1px)}.btn-outline:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px 2px #0000000f}.btn-sm{padding:6px 12px;font-size:12px;border-radius:10px}.btn-xs{padding:4px 9px;font-size:11px;border-radius:8px}.btn-danger-outline{background:#fff;border:1px solid #fecaca;color:var(--accent-danger);box-shadow:0 2px 4px #dc26300d}.btn-danger-outline:hover{background:#fef2f2;border-color:#f87171;transform:translateY(-1px)}.btn-danger-outline:active{transform:translateY(1px) scale(.98)}.app-container{display:flex;min-height:calc(100vh - 68px)}.sidebar-panel{width:425px;min-width:425px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);overflow-y:auto;max-height:calc(100vh - 68px);padding:24px 22px}.sidebar-panel::-webkit-scrollbar{width:5px}.sidebar-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.workspace-panel{flex:1;overflow-y:auto;max-height:calc(100vh - 68px);padding:32px 36px;background-color:#f8fafc;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(13,148,136,.04) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(124,58,237,.02) 0px,transparent 50%);display:flex;flex-direction:column;align-items:center;gap:24px}.workspace-panel::-webkit-scrollbar{width:6px}.workspace-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.control-section{margin-bottom:16px;border:1px solid var(--border-color);border-radius:18px;padding:16px 20px;background:#fff;position:relative;box-shadow:0 2px 6px #0f172a08;transition:padding .38s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .2s ease,margin-bottom .3s ease}.control-section:hover{border-color:#cbd5e1;box-shadow:0 6px 16px -2px #0f172a0f}.control-section.is-collapsed{padding:12px 20px;margin-bottom:10px}.control-section.section-tip{background:#f0fdf4;border:1px solid #bbf7d0}.control-section.section-muted{background:#f8fafc}.section-legend{font-size:12px;font-weight:700;text-transform:uppercase;color:#1e293b;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;padding:2px 0;transition:color .2s ease}.section-legend:hover{color:#0f172a}.legend-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.legend-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.legend-icon-badge{width:28px;height:28px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s var(--spring-morph),box-shadow .2s ease}.section-legend:hover .legend-icon-badge{transform:scale(1.08)}.legend-icon-badge.badge-blue{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.legend-icon-badge.badge-teal{background:#f0fdfa;color:#0d9488;border:1px solid #99f6e4}.legend-icon-badge.badge-indigo{background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe}.legend-icon-badge.badge-amber{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.legend-icon-badge.badge-purple{background:#faf5ff;color:#9333ea;border:1px solid #e9d5ff}.legend-icon-badge.badge-emerald{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.legend-icon-badge.badge-green{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.legend-icon-badge.badge-cyan{background:#ecfeff;color:#0891b2;border:1px solid #a5f3fc}.legend-icon-badge.badge-pink{background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8}.legend-icon-badge.badge-violet{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.legend-icon-badge.badge-orange{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.legend-icon-badge.badge-rose{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.legend-title-text{font-weight:700;color:#1e293b;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-chevron{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--surface-chip);transition:transform .38s cubic-bezier(.16,1,.3,1),background .2s ease,color .2s ease;transform:rotate(0);flex-shrink:0}.section-legend:hover .legend-chevron{background:#e2e8f0;color:#2563eb}.control-section.is-collapsed .legend-chevron{transform:rotate(-90deg)}.control-section-body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .38s cubic-bezier(.16,1,.3,1),opacity .26s ease,margin-top .35s cubic-bezier(.16,1,.3,1);opacity:1;margin-top:14px}.control-section.is-collapsed .control-section-body{grid-template-rows:0fr;opacity:0;margin-top:0!important;pointer-events:none}.control-section-inner{overflow:hidden;min-height:0}.form-group{margin-bottom:15px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:600;color:#334155;margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 13px;font-size:13px;font-family:inherit;border:1px solid #d1d5db;border-radius:12px;background:#fff;color:var(--text-primary);outline:none;box-shadow:inset 0 1px 2px #0f172a0a,0 1px #fffc;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3.5px #2563eb24,inset 0 1px 2px #0f172a08}.form-textarea{resize:vertical;min-height:64px;line-height:1.45}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0;transition:color .15s ease}.checkbox-label:hover{color:#0f172a}.checkbox-label input[type=checkbox]{width:16px;height:16px;border-radius:5px;accent-color:#2563eb;cursor:pointer}#stage-data{display:none;flex-direction:column;width:100%;max-width:1200px}#stage-designer{display:flex;flex-direction:column;align-items:center;width:100%}#stage-print{display:none;flex-direction:column;align-items:center;width:100%}.data-table-container{width:100%;background:#fff;border-radius:20px;border:1px solid var(--border-color);overflow-x:auto;margin-top:16px;position:relative;box-shadow:0 4px 16px #0f172a0a}.data-table{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left}.data-table th{background:#f8fafc;padding:12px 16px;font-weight:700;color:#475569;border-bottom:1px solid var(--border-color);white-space:nowrap;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}.data-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:var(--text-primary);vertical-align:middle}.data-table tr:hover{background:#f8faff}.btn-edit-row{background:#eff6ff!important;color:#2563eb!important;border:1px solid #bfdbfe!important;font-weight:600!important}.btn-edit-row:hover{background:#dbeafe!important;border-color:#93c5fd!important}.btn-delete-row{background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3!important;font-weight:600!important}.btn-delete-row:hover{background:#ffe4e6!important;border-color:#fda4af!important}.student-table-photo{width:32px;height:32px;border-radius:9px;object-fit:cover;background:#e2e8f0;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000000d}.dropzone{border:2px dashed #cbd5e1;border-radius:18px;padding:26px 18px;text-align:center;background:#f8fafc;cursor:pointer;transition:all .25s var(--spring-morph);box-shadow:inset 0 1px 2px #0f172a05}.dropzone:hover,.dropzone.dragover{border-color:#2563eb;background:#eff6ff;transform:scale(1.01)}.dropzone-title{font-size:13.5px;font-weight:700;color:var(--text-primary);margin-bottom:5px}.dropzone-desc{font-size:11.5px;color:var(--text-muted)}.single-preview-container{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.preview-header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:680px;gap:14px}.preview-header-title{font-weight:700;font-size:13px;color:var(--text-secondary);letter-spacing:.04em;white-space:nowrap}.preview-header-controls{display:flex;align-items:center;gap:8px}.preview-header-controls #select-preview-student{width:auto;min-width:180px}.card-flip-pair{display:flex;gap:48px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.preview-card-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.preview-card-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#ffffffd9;padding:4px 14px;border-radius:20px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000a}.single-preview-container .id-card,.single-preview-container .id-card-exact-template{box-shadow:0 20px 40px -10px #0f172a26,0 8px 16px -4px #0f172a14,0 0 0 1px #0000000a!important;transition:transform .35s var(--spring-morph),box-shadow .35s ease;border-radius:var(--card-radius, 3mm)}.single-preview-container .id-card:hover,.single-preview-container .id-card-exact-template:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 28px 50px -12px #0f172a38,0 12px 24px -4px #0f172a1f,0 0 0 1px #0c355926!important}.id-card{width:var(--card-w, 54mm);height:var(--card-h, 86mm);background:#fff;border-radius:var(--card-radius, 3mm);box-shadow:0 2px 6px #00000014;border:1px solid #cbd5e1;position:relative;overflow:hidden;box-sizing:border-box;font-family:inherit;color:#1e293b;display:flex;flex-direction:column}.id-card-front .card-inner,.id-card-back .card-inner{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.id-card-front .card-header{background:var(--primary-color, #1e3a8a);color:#fff;padding:6px 8px;display:flex;align-items:center;gap:7px;border-bottom:2px solid rgba(255,255,255,.2)}.card-logo{width:26px;height:26px;object-fit:contain;border-radius:2px;background:#fff;padding:1px}.header-text{flex:1;overflow:hidden}.institute-name{font-size:8.5pt;font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.institute-subtitle{font-size:5.8pt;color:#ffffffd9;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.id-card-front .card-body{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 6px 4px;text-align:center}.photo-wrapper{margin-bottom:4px}.student-photo{width:22mm;height:25mm;object-fit:cover;border-radius:3px;border:1.5px solid var(--primary-color, #1e3a8a);background:#f1f5f9}.student-main{width:100%;margin-bottom:5px}.student-name{font-size:9.5pt;font-weight:800;color:#0f172a;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-role{display:inline-block;background:#f1f5f9;color:var(--primary-color, #1e3a8a);font-size:5.5pt;font-weight:700;padding:1px 6px;border-radius:2px;letter-spacing:.05em;margin:1px 0;border:.5px solid #cbd5e1}.student-course{font-size:6.8pt;font-weight:600;color:#334155;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-meta-grid{width:100%;text-align:left;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:3px;padding:4px 6px;display:flex;flex-direction:column;gap:2px}.meta-row{display:flex;justify-content:space-between;font-size:6.2pt;line-height:1.2}.meta-label{font-weight:700;color:#64748b}.meta-val{font-weight:600;color:#1e293b;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-id{font-weight:800;color:var(--primary-color, #1e3a8a)}.highlight-blood{color:#b91c1c;font-weight:700}.card-footer{padding:4px 8px;display:flex;align-items:center;justify-content:center;background:#fff;border-top:.5px solid #e2e8f0}.qr-box img{width:12mm;height:12mm;display:block}.barcode-box{display:flex;flex-direction:column;align-items:center}.barcode-box img{height:7mm;max-width:38mm}.barcode-num{font-size:5pt;font-weight:600;color:#475569;letter-spacing:.05em}.id-card-back{background:#fff}.back-header{background:var(--primary-color, #1e3a8a);color:#fff;padding:5px 8px;text-align:center}.back-title{font-size:6.8pt;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.back-body{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:5px}.terms-section .section-title{font-size:5.8pt;font-weight:800;color:#475569;letter-spacing:.03em;margin-bottom:2px}.terms-list{padding-left:11px;margin:0;font-size:5.5pt;color:#334155;line-height:1.25}.terms-list li{margin-bottom:2px}.info-block{background:#f8fafc;border:.5px solid #e2e8f0;border-radius:2px;padding:4px 6px;display:flex;flex-direction:column;gap:2px}.info-row{display:flex;font-size:5.5pt;line-height:1.2}.info-label{font-weight:700;color:#64748b;min-width:17mm}.info-val{font-weight:500;color:#1e293b;flex:1;word-break:break-word}.back-footer{padding:4px 8px 6px;display:flex;align-items:flex-end;justify-content:space-between;border-top:.5px solid #e2e8f0}.qr-box-small img{width:10mm;height:10mm;display:block}.barcode-box-small img{height:6mm;max-width:25mm}.back-signature-box{display:flex;flex-direction:column;align-items:center;min-width:22mm}.signature-line{width:100%;height:1px;background:#64748b;margin-top:8px;margin-bottom:2px}.signature-img{max-height:8mm;max-width:22mm;object-fit:contain;margin-bottom:2px}.signatory-label{font-size:5.2pt;font-weight:700;color:#475569;text-align:center;white-space:nowrap}.orientation-landscape .card-inner{padding:0;display:flex;flex-direction:column;width:100%;height:100%}.landscape-header{height:9mm;padding:2px 6px;display:flex;align-items:center;gap:6px}.landscape-header .institute-name{font-size:7.5pt;font-weight:800;line-height:1.1}.landscape-header .institute-subtitle{font-size:5pt;line-height:1}.landscape-blood-badge{display:flex;flex-direction:column;align-items:center;background:#fff;color:#b91c1c;padding:1px 4px;border-radius:2px;min-width:13mm;border:.5px solid #fca5a5;margin-left:auto}.landscape-blood-badge .blood-lbl{font-size:4pt;font-weight:700;color:#64748b;line-height:1}.landscape-blood-badge .blood-grp{font-size:7pt;font-weight:900;line-height:1.1}.landscape-body{flex:1;display:flex;align-items:center;padding:3px 6px;gap:6px;background:#fff;overflow:hidden}.landscape-photo-col{display:flex;flex-direction:column;align-items:center;gap:2px;width:22mm;min-width:22mm}.student-photo-landscape{width:20mm;height:25mm;object-fit:cover;border-radius:2.5mm;border:1.5px solid var(--primary-color, #1e3a8a);background:#f1f5f9}.badge-role-landscape{font-size:5pt;font-weight:800;color:var(--primary-color, #1e3a8a);background:#eff6ff;border:.5px solid #bfdbfe;padding:1px 5px;border-radius:2px;letter-spacing:.04em}.landscape-info-col{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.landscape-name-block{border-bottom:.5px solid #e2e8f0;padding-bottom:2px}.student-name-landscape{font-size:8.5pt;font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.student-course-landscape{font-size:6.2pt;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.landscape-meta-grid{display:grid;grid-template-columns:1fr;gap:1.5px;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:2px;padding:2.5px 5px}.meta-item{display:flex;justify-content:space-between;font-size:5.5pt;line-height:1.25}.meta-item .m-lbl{font-weight:700;color:#64748b}.meta-item .m-val{font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-item .m-id{font-weight:800;color:var(--primary-color, #1e3a8a)}.landscape-qr-col{width:15mm;min-width:15mm;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-box-landscape img{width:13mm;height:13mm;display:block}.barcode-box-landscape img{width:14mm;height:9mm}.landscape-back-header{padding:3px 6px;background:var(--primary-color, #1e3a8a);color:#fff;text-align:center}.landscape-back-body{flex:1;display:flex;padding:4px 6px;gap:6px;background:#fff;overflow:hidden}.landscape-back-left{flex:1.3;display:flex;flex-direction:column;justify-content:space-between}.terms-list-landscape{font-size:5pt;line-height:1.25;padding-left:10px;margin:0}.terms-list-landscape li{margin-bottom:1.5px}.landscape-inst-info{background:#f8fafc;border:.5px solid #e2e8f0;border-radius:2px;padding:2px 4px;display:flex;flex-direction:column;gap:1px}.landscape-inst-info .info-row{font-size:4.8pt;display:flex}.landscape-back-right{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;border-left:.5px solid #e2e8f0;padding-left:6px}.emergency-box-landscape{background:#fef2f2;border:.5px solid #fecaca;border-radius:2px;padding:2px 4px;width:100%}.emergency-box-landscape .em-lbl{font-size:4.5pt;font-weight:700;color:#991b1b}.emergency-box-landscape .em-val{font-size:5.5pt;font-weight:800;color:#b91c1c}.id-card-exact-template{width:var(--card-w, 82mm);height:var(--card-h, 56mm);background:#fff;border-radius:var(--card-radius, 3mm);border:1px solid #cbd5e1;position:relative;overflow:hidden;box-sizing:border-box;font-family:inherit;color:#0f172a}.id-card-exact-template .card-inner{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff}.template-header{height:13mm;background:var(--primary-color, #0c3559);display:flex;align-items:center;justify-content:space-between;padding-left:3.5mm;position:relative;overflow:hidden;flex-shrink:0}.header-brand-wrap{display:flex;align-items:center;gap:2.5mm;overflow:hidden}.logo-white-bg{width:9.5mm;height:9.5mm;min-width:9.5mm;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.6mm;flex-shrink:0;box-sizing:border-box}.template-logo{width:100%;height:100%;object-fit:contain;display:block}.header-divider-line{width:1.2px;height:7.5mm;background:#ffffffb3;flex-shrink:0}.header-titles{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.template-inst-name{font-size:5.8pt;font-weight:800;color:#fff;letter-spacing:.01em;text-transform:uppercase;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-inst-sub{font-size:4.4pt;font-weight:600;color:#ffffffd9;letter-spacing:.04em;text-transform:uppercase;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.5mm}.header-badge-cut{background:#009688;height:100%;display:flex;align-items:center;justify-content:center;padding:0 8px 0 12px;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%);flex-shrink:0}.header-badge-cut span{font-size:6.8pt;font-weight:800;color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.template-body{flex:1;display:flex;align-items:center;padding:3mm 4mm 1.5mm;gap:4mm;background:#fff;overflow:hidden}.template-photo-frame{width:24.5mm;height:31mm;border:1px solid #cbd5e1;border-radius:3px;overflow:hidden;background:#fff;display:flex;flex-direction:column;flex-shrink:0;box-shadow:0 1px 2px #0000000a}.photo-img-box{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f1f5f9}.student-avatar{width:100%;height:100%;object-fit:cover;display:block}.photo-label{height:4.5mm;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:5pt;font-weight:800;color:#64748b;letter-spacing:.06em;display:flex;align-items:center;justify-content:center}.template-details-col{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.trainee-headline{font-size:11pt;font-weight:900;color:var(--primary-color, #0c3559);letter-spacing:.02em;text-transform:uppercase;line-height:1.15;margin-bottom:2mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aligned-kv-grid{display:grid;grid-template-columns:17mm 2mm 1fr;gap:.8mm 0;align-items:baseline;font-size:6.2pt;line-height:1.2}.kv-key{color:#334155;font-weight:600;white-space:nowrap}.kv-colon{color:#64748b;font-weight:700;text-align:center}.kv-val{color:var(--primary-color, #0c3559);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kv-val-course,.kv-val-project{color:var(--primary-color, #0c3559);font-weight:800;white-space:normal!important;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:5.6pt;word-break:break-word}.template-footer{height:5.8mm;background:linear-gradient(90deg,#00897b,#009688);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-top:.8px solid rgba(255,255,255,.35);box-sizing:border-box}.footer-validity-wrap{display:flex;align-items:center;gap:1.4mm;padding-left:3.5mm;overflow:hidden}.footer-dot-indicator{width:1.6mm;height:1.6mm;min-width:1.6mm;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc}.footer-validity-lbl{font-size:5pt;font-weight:700;color:#ffffffe6;letter-spacing:.05em;white-space:nowrap}.footer-validity-val{font-size:5.8pt;font-weight:800;color:#fff;letter-spacing:.03em;white-space:nowrap}.footer-cut-badge{height:100%;background:var(--primary-color, #0c3559);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%);padding:0 8px 0 14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-cut-badge span{font-size:5.4pt;font-weight:800;color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.template-back-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:2mm 4.5mm 2.2mm;background:#fff;position:relative;overflow:hidden}.back-top-meta{display:flex;flex-direction:column;gap:.8mm}.back-kv-grid{display:grid;grid-template-columns:23mm 2mm 1fr;gap:.6mm 0;align-items:baseline;font-size:5.4pt;line-height:1.2}.b-key{color:var(--primary-color, #0c3559);font-weight:700}.b-colon{color:#64748b;font-weight:700;text-align:center}.b-val{color:var(--primary-color, #0c3559);font-weight:800}.back-divider-line{width:68%;height:.6px;background:#cbd5e1;margin:.6mm 0}.back-property-notice{font-size:4.4pt;color:#334155;line-height:1.2}.back-property-notice p{margin:0}.back-bottom-grid{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;margin-top:.5mm}.back-address-block{display:flex;flex-direction:column;gap:.4mm}.inst-address-title{font-size:5.6pt;font-weight:800;color:var(--primary-color, #0c3559)}.inst-address-text{font-size:4.8pt;font-weight:600;color:#334155;line-height:1.15;max-width:44mm}.inst-contact-row{display:flex;gap:2px;font-size:4.6pt;line-height:1.15}.c-lbl{color:#334155;font-weight:700;min-width:8mm}.c-col{color:#64748b;font-weight:700;margin-right:2px}.c-val{color:var(--primary-color, #0c3559);font-weight:700}.back-signature-block{width:28mm;display:flex;flex-direction:column;align-items:center}.signature-img-exact{max-height:6.5mm;max-width:26mm;object-fit:contain;margin-bottom:1mm}.signature-line-exact{width:100%;height:.8px;background:var(--primary-color, #0c3559);margin-bottom:1mm}.signature-caption-exact{font-size:4.6pt;font-weight:700;color:var(--primary-color, #0c3559);text-align:center;white-space:nowrap}.back-geometric-corner{position:absolute;bottom:0;right:0;width:32mm;height:18mm;pointer-events:none;z-index:1;background:linear-gradient(135deg,transparent 40%,rgba(0,150,136,.12) 40%,rgba(0,150,136,.12) 75%,var(--primary-color, #0c3559) 75%);clip-path:polygon(30% 100%,100% 0,100% 100%)}.print-stage-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.print-toolbar{width:210mm;max-width:100%;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-radius:18px;border:1px solid var(--border-color);box-shadow:0 4px 14px #0f172a0a;margin-bottom:16px;position:relative}#a4-pages-output{zoom:var(--preview-zoom, .75)}.sheet-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.a4-page{width:210mm;height:297mm;min-width:210mm;min-height:297mm;max-height:297mm;background:#fff;box-shadow:0 16px 40px -6px #0f172a29,0 6px 16px -2px #0f172a14;position:relative;box-sizing:border-box;page-break-after:always;break-after:page;page-break-inside:avoid;break-inside:avoid;overflow:hidden;border-radius:3px}.page-meta-header{width:210mm;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:#64748b;font-weight:600;margin-bottom:8px;padding:0 6px;box-sizing:border-box}.page-badge{background:#f1f5f9;padding:4px 12px;border-radius:8px;font-weight:700;color:#1e293b;border:1px solid #e2e8f0;box-shadow:inset 0 1px #fffc}.a4-grid-container{display:grid;grid-template-columns:repeat(var(--grid-cols, 2),var(--card-w, 82mm));grid-template-rows:repeat(var(--grid-rows, 4),var(--card-h, 56mm));column-gap:var(--col-gap, 6mm);row-gap:var(--row-gap, 6mm);box-sizing:border-box}.print-cell{width:var(--card-w, 82mm);height:var(--card-h, 56mm);position:relative;box-sizing:border-box}.print-cell .id-card{box-shadow:none!important}.print-cell-empty{border:1px dashed #cbd5e1;border-radius:3mm}.with-crop-marks:before,.with-crop-marks:after{content:"";position:absolute;pointer-events:none}.crop-mark{position:absolute;width:4mm;height:4mm;pointer-events:none;z-index:50}.crop-tl{top:-2mm;left:-2mm;border-top:.3mm solid #1e293b;border-left:.3mm solid #1e293b}.crop-tr{top:-2mm;right:-2mm;border-top:.3mm solid #1e293b;border-right:.3mm solid #1e293b}.crop-bl{bottom:-2mm;left:-2mm;border-bottom:.3mm solid #1e293b;border-left:.3mm solid #1e293b}.crop-br{bottom:-2mm;right:-2mm;border-bottom:.3mm solid #1e293b;border-right:.3mm solid #1e293b}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.modal-card{background:#fff;border-radius:24px;box-shadow:var(--shadow-modal);width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);animation:modalFadeIn .28s var(--spring-morph);position:relative}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;background:#f8fafc}.modal-title{margin:0;font-size:16px;font-weight:800;color:#0c3559}.modal-subtitle{font-size:12px;color:var(--text-secondary);margin-top:3px}.btn-modal-close{background:transparent;border:none;font-size:22px;line-height:1;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:8px;transition:all .15s ease}.btn-modal-close:hover{color:#0f172a;background:#e2e8f0}.modal-body{padding:22px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-footer{padding:14px 24px;border-top:1px solid var(--border-color);background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.quick-inst-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:18px;padding:14px 20px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;position:relative;box-shadow:0 4px 14px #1665340d}.quick-inst-info{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#166534}.quick-inst-item{display:flex;gap:5px}.quick-inst-item strong{color:#14532d}.trainee-addr-val{white-space:normal;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:48mm}.toast,#pdf-export-toast{position:fixed;bottom:28px;right:28px;background:#fff;border-radius:16px;border:1px solid var(--border-subtle);padding:14px 20px;box-shadow:0 12px 30px -4px #0f172a2e,inset 0 1px #ffffffe6;z-index:2000;display:flex;align-items:center;gap:12px;animation:modalFadeIn .25s var(--spring-morph)}.data-stage-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;width:100%}.data-stage-actions{display:flex;gap:10px;align-items:center}#input-data-search{width:260px}@media screen and (max-width:992px){.app-header{padding:12px 18px;flex-wrap:wrap;gap:12px}.brand-section{flex:1 1 auto}.header-actions{flex:0 0 auto;gap:8px}.header-actions .btn{padding:7px 12px;font-size:12px}.view-switch-nav{order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;margin-top:2px;justify-content:flex-start}.view-switch-nav::-webkit-scrollbar{display:none}.view-tab-btn{flex:1 0 auto;text-align:center;justify-content:center;padding:8px 14px;font-size:12px}.app-container{flex-direction:column;min-height:auto}.workspace-panel{order:1;width:100%;max-height:none;overflow-y:visible;padding:22px 16px}.sidebar-panel{order:2;width:100%!important;min-width:100%!important;max-height:none!important;border-right:none!important;border-top:1px solid var(--border-color);border-bottom:none!important;padding:20px 16px;overflow-y:visible}.sidebar-filter-bar{position:sticky;top:0;margin:-20px -16px 18px;padding:10px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:30}.sidebar-filter-bar::-webkit-scrollbar{display:none}.sidebar-pill-btn{flex:0 0 auto;padding:6px 14px;font-size:12px}.print-toolbar{width:100%;flex-direction:column;align-items:stretch;gap:12px;padding:14px 18px}.print-toolbar>div:first-child{text-align:center}.print-toolbar>div:last-child{flex-wrap:wrap;justify-content:center;gap:10px}.print-stage-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:24px}}@media screen and (max-width:640px){body{font-size:13px}.app-header{padding:10px 14px}.brand-icon{width:34px;height:34px;font-size:14px;border-radius:10px}.brand-title{font-size:15px;gap:6px}.brand-subtitle{font-size:11px}.badge-pro{font-size:9px;padding:1px 6px}.header-actions{gap:6px}.header-actions .btn{padding:6px 9px;font-size:11.5px;gap:5px}.view-tab-btn{padding:7px 10px;font-size:11.5px;gap:5px}.workspace-panel{padding:16px 10px}.sidebar-panel{padding:16px 12px}.sidebar-filter-bar{margin:-16px -12px 14px;padding:8px 12px}.sidebar-section-group{padding:14px 12px 10px;border-radius:16px;margin-bottom:14px}.sidebar-group-header{padding:10px 12px;border-radius:12px}.group-title{font-size:13px}.control-section{padding:14px 12px;border-radius:14px;margin-bottom:12px}.section-legend{font-size:12.5px;margin-bottom:12px}.form-input,.form-select,.form-textarea{font-size:14px;padding:10px 12px;min-height:42px;border-radius:10px}.form-label{font-size:12px;margin-bottom:5px}.form-group{margin-bottom:12px}.btn{min-height:40px;padding:8px 14px;font-size:13px;border-radius:10px}.btn-sm{min-height:36px;padding:6px 12px;font-size:12px}.checkbox-label{padding:8px 0;font-size:13px}.grid-2col{grid-template-columns:1fr;gap:10px}.grid-3col{grid-template-columns:repeat(3,1fr);gap:6px}.grid-3col .form-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-3col .form-input{padding:8px 6px;font-size:13px;text-align:center}.preview-header-bar{flex-direction:column;align-items:stretch;gap:8px;width:100%}.preview-header-title{text-align:center;font-size:12px}.preview-header-controls{width:100%;justify-content:space-between;gap:8px}.preview-header-controls #select-preview-student{flex:1;min-width:0}.single-preview-container{width:100%;gap:20px}.card-flip-pair{flex-direction:column;align-items:center;gap:24px;width:100%}.preview-card-wrap{width:100%;display:flex;flex-direction:column;align-items:center}.quick-inst-banner{padding:12px 14px;border-radius:14px;margin-bottom:16px;flex-direction:column;align-items:stretch;gap:10px}.quick-inst-info{flex-direction:column;gap:6px;font-size:11.5px}#btn-sync-inst-info{align-self:flex-start;padding:5px 12px}.data-stage-header-bar{flex-direction:column;align-items:flex-start;gap:10px}.data-stage-actions{flex-direction:column;width:100%;gap:8px}#input-data-search{width:100%!important}#btn-add-record-modal{width:100%;justify-content:center}.data-table-container{border-radius:14px;margin-top:10px;-webkit-overflow-scrolling:touch}.data-table{min-width:780px}.modal-overlay{padding:10px;align-items:center}.modal-card{border-radius:18px;max-height:92vh;width:100%}.modal-header{padding:14px 16px}.modal-title{font-size:15px}.modal-body{padding:14px 16px;max-height:calc(92vh - 125px);overflow-y:auto}.modal-footer{padding:12px 16px;flex-direction:row;gap:8px}.modal-footer .btn{flex:1;justify-content:center}.toast,#pdf-export-toast{left:14px;right:14px;bottom:16px;width:auto;padding:12px 16px;font-size:12.5px;justify-content:center;text-align:center}#a4-pages-output{--preview-zoom: .45}}@media screen and (max-width:380px){.single-preview-container .preview-card-wrap{transform:scale(.9);transform-origin:center top;margin-bottom:-15px}.brand-title{font-size:14px}.brand-subtitle{display:none}.header-actions .btn span:not(.ui-icon){display:none}.header-actions .btn{padding:7px;border-radius:8px}}@page{size:210mm 297mm;margin:0!important}@media print{*,*:before,*:after{box-sizing:border-box!important}html,body{width:210mm!important;height:297mm!important;min-width:210mm!important;max-width:210mm!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.app-header,.sidebar-panel,.tabs-nav,.page-meta-header,.quick-inst-banner,.modal-overlay,#pdf-export-toast,#stage-designer,#stage-data{display:none!important}.app-container,.workspace-panel,#stage-print,.print-stage-container,.sheet-wrapper{display:block!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;overflow:visible!important;position:static!important;transform:none!important;zoom:1!important}#a4-pages-output{display:block!important;width:210mm!important;min-width:210mm!important;max-width:210mm!important;margin:0!important;padding:0!important;transform:none!important;zoom:1!important}.a4-page{width:210mm!important;height:297mm!important;min-width:210mm!important;min-height:297mm!important;max-width:210mm!important;max-height:297mm!important;box-sizing:border-box!important;box-shadow:none!important;border:none!important;margin:0!important;background:#fff!important;position:relative!important;page-break-before:auto!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;overflow:hidden!important}.print-cell{width:var(--card-w, 82mm)!important;height:var(--card-h, 56mm)!important;min-width:var(--card-w, 82mm)!important;max-width:var(--card-w, 82mm)!important;min-height:var(--card-h, 56mm)!important;max-height:var(--card-h, 56mm)!important}.id-card,.id-card-exact-template{width:var(--card-w, 82mm)!important;height:var(--card-h, 56mm)!important;min-width:var(--card-w, 82mm)!important;max-width:var(--card-w, 82mm)!important;min-height:var(--card-h, 56mm)!important;max-height:var(--card-h, 56mm)!important;border:.5px solid #cbd5e1!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}