@media (max-width:1200px){.topbar,.horiz-nav-inner{padding:0 16px}.page-body{padding:20px 16px}.stat-strip.stat-strip-row{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(11,minmax(130px,1fr));padding-bottom:4px;overflow-x:auto}.stat-strip{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.form-shell,.two-col{grid-template-columns:1fr 300px}.client-info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.horiz-nav{display:none}.nav-mobile-toggle,.topbar-toggle{display:flex}.topbar{padding:0 14px}.page-body{padding:18px 14px}.user-name,.user-role{display:none}.stat-strip.stat-strip-row{grid-template-columns:repeat(11,minmax(120px,1fr));overflow-x:auto}.stat-strip:not(.stat-strip-row){grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.table-wrap{padding:0}.form-row,.form-shell{grid-template-columns:1fr}.sidebar-sticky{position:static}.two-col,.two-col-wide,.client-info-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-actions{justify-content:flex-end;margin-left:0}.adt-toolbar{flex-wrap:wrap}.adt-search{flex:200px;max-width:100%}.adt-rows-wrap{margin-left:0}.adt-filter-panel{width:100%;left:0;right:0}}@media (max-width:768px){.nav-mobile-toggle{display:flex}.topbar{height:52px;padding:0 12px}.brand-text{font-size:14px}.page-body{padding:14px 12px}.stat-strip:not(.stat-strip-row),.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{gap:10px;padding:12px 14px}.stat-icon{width:36px;height:36px}.stat-val{font-size:19px}.page-header-row{flex-direction:column;align-items:stretch;gap:10px}.page-header-actions{justify-content:flex-end}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius);overflow-x:auto}.data-table{min-width:600px}.card{border-radius:var(--radius)}.card-head{padding:12px 14px}.card-body{padding:14px}.card-header{padding:12px 14px}.modal-overlay{padding:12px}.modal-card,.modal-container{max-width:100%}.offcanvas-panel{width:100vw}.sub-tabs-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.adt-filter-panel{border-radius:16px 16px 0 0;width:100%;position:fixed;inset:auto 0 0}.adt-toolbar{gap:6px}.adt-search{max-width:100%}.table-pagination-info{display:none}.form-row{grid-template-columns:1fr}.status-selector{grid-template-columns:1fr 1fr}.feature-access-items,.client-info-grid{grid-template-columns:1fr}.auth-card,.candidate-portal-card{padding:20px}.sidebar-user .user-info{display:none}}@media (max-width:580px){.topbar{height:48px;padding:0 10px}.page-body{padding:10px}.stat-strip:not(.stat-strip-row),.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{gap:8px;padding:10px 12px}.stat-val{font-size:18px}.stat-lbl{font-size:11px}.stat-icon{width:32px;height:32px;font-size:15px}.nav-mobile-drawer{width:100vw}.data-table tbody td{padding:10px;font-size:13px}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.adt-btn .adt-btn-label{display:none}.adt-btn{min-width:38px;padding:0 10px}.adt-toolbar{flex-wrap:wrap}.adt-btn-export-label{display:none}.table-pagination{padding:10px 0 0}.page-btn{width:28px;height:28px;font-size:11px}}@media (max-width:400px){.stat-strip.stat-strip-row{grid-template-columns:repeat(11,minmax(110px,1fr));overflow-x:auto}.stat-strip:not(.stat-strip-row),.stat-grid,.status-selector{grid-template-columns:1fr}.page-header h1{font-size:18px}.modal-foot{flex-direction:column}.modal-foot .btn{justify-content:center;width:100%}}@media print{.app-header,.nav-mobile-toggle,.nav-mobile-overlay,.nav-mobile-drawer,.adt-toolbar,.filter-bar,.table-pagination,.btn-primary,.modal-overlay{display:none!important}.page-body{padding:0}.card{box-shadow:none;border:1px solid #ccc}.data-table tbody tr{box-shadow:none}}
.rn-people-cell-sub{color:var(--text-muted,#64748b);margin-top:2px;font-size:11px;font-weight:400;display:block}.rn-people-pill{border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.rn-people-pill.warn{background:var(--warning-tint,#fef3c7);color:var(--warning-dark,#92400e)}.rn-people-pill.danger{background:var(--danger-tint,#fee2e2);color:var(--danger,#ef4444)}.rn-people-pill.info{background:var(--info-tint,#e0f2fe);color:var(--info-dark,#0369a1)}
.rn-att-badge{border-radius:6px;align-items:center;padding:3px 8px;font-size:11.5px;font-weight:500;line-height:1.2;display:inline-flex}.hide,.hidden,.d-none{display:none!important}.att-import-wrap{flex-direction:column;gap:20px;display:flex}.att-import-steps{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;box-shadow:0 1px 3px #00000008}.att-import-step{color:#64748b;align-items:center;gap:12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.att-import-step.active{color:#4338ca;font-weight:600}.att-import-step.completed{color:#059669}.att-import-step-num{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.att-import-step.active .att-import-step-num{color:#fff;background:#4338ca;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca26}.att-import-step.completed .att-import-step-num{color:#fff;background:#10b981;border-color:#10b981}.att-import-step-line{background:#e2e8f0;flex:1;height:2px;margin:0 16px;transition:background .2s}.att-import-step-line.active{background:#4338ca}.att-import-grid{grid-template-columns:1fr 340px;align-items:stretch;gap:20px;display:grid}@media (max-width:992px){.att-import-grid{grid-template-columns:1fr}}.att-import-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;padding:32px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.att-import-dropzone:hover{background:#f5f7ff;border-color:#6366f1}.att-import-dropzone.dragging{background:#eef2ff;border-color:#4338ca;transform:scale(1.005);box-shadow:0 0 0 4px #6366f126}.att-import-icon-bubble{color:#4338ca;background:linear-gradient(135deg,#e0e7ff 0%,#ede9fe 100%);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #4338ca14}.att-import-dropzone:hover .att-import-icon-bubble{transform:translateY(-2px)}.att-import-file-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;width:100%;padding:16px;display:flex;box-shadow:0 2px 6px #0000000a}.att-import-file-icon{color:#059669;background:#ecfdf5;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.att-import-file-meta{text-align:left;flex:1;min-width:0}.att-import-file-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.att-import-file-size{color:#64748b;align-items:center;gap:8px;margin-top:3px;font-size:12px;display:flex}.att-import-kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.att-import-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.att-import-kpi:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.att-import-kpi-bar{height:3px;position:absolute;top:0;left:0;right:0}.att-import-kpi-bar.blue{background:#3b82f6}.att-import-kpi-bar.green{background:#10b981}.att-import-kpi-bar.amber{background:#f59e0b}.att-import-kpi-bar.purple{background:#8b5cf6}.att-import-kpi-label{color:#64748b;margin-bottom:4px;font-size:12px;font-weight:500}.att-import-kpi-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.att-import-tab-nav{border-bottom:1px solid #e2e8f0;gap:6px;margin-bottom:16px;padding:0 4px;display:flex}.att-import-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.att-import-tab-btn:hover{color:#0f172a}.att-import-tab-btn.active{color:#4338ca;border-bottom-color:#4338ca;font-weight:600}.att-import-tab-count{color:#475569;background:#f1f5f9;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:600}.att-import-tab-btn.active .att-import-tab-count{color:#4338ca;background:#4338ca1a}.att-import-tab-count.green{color:#059669;background:#ecfdf5}.att-import-tab-count.red{color:#dc2626;background:#fef2f2}.att-import-success-card{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #a7f3d0;border-radius:14px;align-items:flex-start;gap:20px;padding:24px;display:flex;box-shadow:0 4px 12px #10b98114}.att-policy-breakdown-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:12px 16px;display:flex}.att-policy-chip{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.att-policy-chip:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000000d}.att-policy-chip.active{box-shadow:0 0 0 2px #4338ca}.att-policy-chip.present{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.att-policy-chip.half-day{color:#b45309;background:#fffbeb;border-color:#fde68a}.att-policy-chip.absent{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.att-policy-chip.late{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.att-policy-chip.early{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.att-policy-chip.holiday{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.att-policy-chip.weekly-off{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.att-policy-chip.sandwich{color:#be123c;background:#fff1f2;border-color:#fecdd3}.att-policy-chip.issues{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.att-rule-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2.5px 7px;font-size:11px;font-weight:600;line-height:1.3;display:inline-flex}.att-rule-badge.late{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.att-rule-badge.early{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.att-rule-badge.early-allowed{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.att-rule-badge.sandwich{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;font-weight:700}.att-rule-badge.holiday{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.att-rule-badge.weekly-off{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.att-rule-badge.warning{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.att-rule-badge.neutral{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.att-pagination-bar{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.att-pagination-info{color:#64748b;font-size:12.5px}.att-pagination-actions{align-items:center;gap:6px;display:flex}.att-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.att-page-btn:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.att-page-btn.active{color:#fff;background:#4338ca;border-color:#4338ca;font-weight:700}.att-page-btn:disabled{opacity:.4;cursor:not-allowed}.att-page-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:32px;padding:0 8px;font-size:12px}
.rn-leave-page{flex-direction:column;gap:16px;animation:.2s ease-out rnLeaveFadeIn;display:flex;position:relative}@keyframes rnLeaveFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.rn-leave-page .card{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;transition:box-shadow .15s,border-color .15s;overflow:hidden;box-shadow:0 1px 3px #1018280a}.rn-leave-page .card:hover{border-color:#cbd5e1}.rn-leave-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.rn-leave-actions .btn-sm{border-radius:6px;height:28px;padding:4px 10px;font-size:12.5px;font-weight:500}.rn-leave-badge{letter-spacing:.02em;border-radius:6px;align-items:center;padding:2.5px 8px;font-size:11.5px;font-weight:600;line-height:1.2;display:inline-flex}.rn-leave-balance-filter{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #1018280a}.rn-leave-filter-group{flex-direction:column;gap:5px;display:flex}.rn-leave-filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground,#64748b);font-size:11px;font-weight:600}.rn-leave-emp-dropdown{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);z-index:40;border-radius:8px;max-height:240px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.rn-leave-emp-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border,#f1f5f9);background:0 0;justify-content:space-between;align-items:center;width:100%;padding:9px 14px;transition:background-color .12s;display:flex}.rn-leave-emp-item:last-child{border-bottom:none}.rn-leave-emp-item:hover{background-color:#f8fafc}.rn-leave-emp-item strong{color:var(--foreground,#0f172a);font-size:13px}.rn-leave-emp-item span{color:var(--muted-foreground,#64748b);font-size:12px}.rn-leave-bulk-bar{border-bottom:1px solid var(--border,#e2e8f0);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.rn-leave-bulk-stats{color:var(--foreground,#334155);font-size:13px;font-weight:500}.rn-leave-bulk-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rn-leave-rule-card{border:1px solid var(--border,#e2e8f0);background:#f8fafc;border-radius:8px;margin-bottom:10px;padding:12px 14px}.rn-leave-rule-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lbg-page{padding:0 0 60px;font-family:inherit}.lbg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.lbg-header-left{align-items:center;gap:12px;display:flex}.lbg-header-div{background:var(--border,#e5e7eb);width:1px;height:28px}.lbg-title{color:var(--text,#111827);font-size:18px;font-weight:700}.lbg-sub{color:var(--text-muted,#9ca3af);margin-top:1px;font-size:12px}.lbg-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lbg-btn{border:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);height:34px;color:var(--text,#374151);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.lbg-btn:hover:not(:disabled){background:var(--bg-hover,#f3f4f6);border-color:#9ca3af}.lbg-btn:disabled{opacity:.55;cursor:not-allowed}.lbg-link{color:#0e7490;cursor:pointer;background:0 0;border:none;align-self:flex-end;height:34px;padding:0;font-size:13px;font-weight:600}.lbg-link:hover{text-decoration:underline}.lbg-filters{background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-bottom:12px;padding:12px 14px;display:flex}.lbg-field{flex-direction:column;gap:4px;min-width:0;display:flex}.lbg-field>span:first-child{color:var(--text,#374151);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.lbg-field--grow{flex:1;min-width:220px}.lbg-field select,.lbg-search input{border:1px solid var(--border,#d1d5db);background:var(--bg-card,#fff);height:34px;color:var(--text,#111827);border-radius:8px;max-width:240px;padding:0 10px;font-size:13px}.lbg-field select:focus,.lbg-search input:focus{border-color:#06b6d4;outline:2px solid #06b6d459}.lbg-search{position:relative}.lbg-search input{width:100%;max-width:none;padding-right:30px}.lbg-search-clear{cursor:pointer;color:var(--text-muted,#9ca3af);background:0 0;border:none;padding:4px;font-size:12px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.lbg-scope{height:34px;color:var(--text-muted,#4b5563);background:#f3f4f6;border-radius:8px;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.lbg-check{height:34px;color:var(--text,#374151);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.lbg-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e5e7eb);border-radius:10px;overflow:hidden}.lbg-card--pad{padding:16px}.lbg-card--busy .lbg-scroll{opacity:.6;transition:opacity .15s}.lbg-scroll{min-height:160px;max-height:calc(100vh - 300px);overflow:auto}.lbg-table{border-collapse:separate;border-spacing:0;width:100%;min-width:100%;font-size:13px}.lbg-table th{z-index:3;background:var(--bg-page,#f9fafb);border-bottom:1px solid var(--border,#e5e7eb);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted,#6b7280);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.lbg-table td{border-bottom:1px solid var(--border,#f3f4f6);color:var(--text,#374151);vertical-align:middle;background:var(--bg-card,#fff);padding:10px 12px}.lbg-table tbody tr:hover td{background:#f8fafc}.lbg-table tbody tr:last-child td{border-bottom:none}.lbg-row--relieved td{color:var(--text-muted,#9ca3af)}.lbg-c1,.lbg-c2,.lbg-c3,.lbg-c4{z-index:2;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;position:sticky;overflow:hidden}.lbg-table th.lbg-c1,.lbg-table th.lbg-c2,.lbg-table th.lbg-c3,.lbg-table th.lbg-c4{z-index:4}.lbg-c1{width:230px;min-width:230px;max-width:230px;left:0}.lbg-c2{width:110px;min-width:110px;max-width:110px;left:230px}.lbg-c3{width:150px;min-width:150px;max-width:150px;left:340px}.lbg-c4{width:140px;min-width:140px;max-width:140px;box-shadow:2px 0 0 var(--border,#e5e7eb);left:490px}.lbg-sortable button{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.lbg-sortable button:hover{color:var(--text,#111827)}.lbg-sort{opacity:.7;font-size:9px}.lbg-name{font:inherit;color:#0e7490;cursor:pointer;text-align:left;text-overflow:ellipsis;background:0 0;border:none;max-width:100%;padding:0;font-weight:600;overflow:hidden}.lbg-name:hover{text-decoration:underline}.lbg-name--plain{color:var(--text,#111827);cursor:default}.lbg-name--plain:hover{text-decoration:none}.lbg-job{color:var(--text-muted,#6b7280);text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.lbg-tag{color:#6b7280;vertical-align:1px;background:#f3f4f6;border-radius:4px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:600;display:inline-block}.lbg-tag--warn{color:#92400e;background:#fef3c7}.lbg-type{min-width:108px;text-align:center!important}.lbg-type-name{text-overflow:ellipsis;max-width:140px;margin:0 auto;font-weight:600;display:block;overflow:hidden}.lbg-type-code{letter-spacing:0;text-transform:none;color:var(--text-muted,#9ca3af);margin-top:1px;font-size:10px;font-weight:500;display:block}.lbg-cell{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.lbg-cell--neg{color:#b91c1c!important;background:#fef2f2!important}.lbg-cell--none{color:#d1d5db;font-weight:400}.lbg-act{z-index:2;text-align:right;white-space:nowrap;width:86px;min-width:86px;box-shadow:-2px 0 0 var(--border,#e5e7eb);position:sticky;right:0}.lbg-table th.lbg-act{z-index:4}.lbg-icon{cursor:pointer;width:30px;height:30px;color:var(--text-muted,#4b5563);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;margin-left:4px;font-size:15px;line-height:1;transition:all .12s;display:inline-flex}.lbg-icon:hover{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.lbg-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lbg-state{text-align:center;color:var(--text-muted,#6b7280);flex-direction:column;align-items:center;gap:8px;padding:48px 24px;font-size:13px;display:flex}.lbg-state-title{color:var(--text,#111827);font-size:14px;font-weight:600}.lbg-spin{border:2px solid var(--border,#e5e7eb);border-top-color:#06b6d4;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite lbg-rot;display:inline-block}@keyframes lbg-rot{to{transform:rotate(360deg)}}.lbg-pager{border-top:1px solid var(--border,#e5e7eb);color:var(--text-muted,#6b7280);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.lbg-pager-spacer{flex:1}.lbg-tabs{border-bottom:1px solid var(--border,#e5e7eb);gap:4px;margin-bottom:14px;display:flex}.lbg-tab{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s}.lbg-tab:hover{color:var(--text,#111827)}.lbg-tab--on{color:#0e7490;border-bottom-color:#06b6d4}.lbg-field input[type=date]{border:1px solid var(--border,#d1d5db);background:var(--bg-card,#fff);height:34px;color:var(--text,#111827);border-radius:8px;padding:0 10px;font-size:13px}.lbg-field input[type=date]:focus{border-color:#06b6d4;outline:2px solid #06b6d459}.lbg-inline-err{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12.5px}.lbg-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.lbg-chip{border:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);height:30px;color:var(--text,#374151);cursor:pointer;border-radius:15px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.lbg-chip b{font-variant-numeric:tabular-nums;color:var(--text-muted,#6b7280)}.lbg-chip:hover{border-color:#9ca3af}.lbg-chip--on{color:#0e7490;background:#ecfeff;border-color:#06b6d4}.lbg-chip--on b{color:#0e7490}.lbg-nowrap{white-space:nowrap}.lbg-muted{color:var(--text-muted,#9ca3af)}.lbg-used{min-width:200px;max-width:320px}.lbg-st{white-space:nowrap;color:#4b5563;background:#f3f4f6;border-radius:10px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.lbg-st--green{color:#166534;background:#dcfce7}.lbg-st--amber{color:#92400e;background:#fef3c7}.lbg-st--blue{color:#1e40af;background:#dbeafe}.lbg-st--red{color:#b91c1c;background:#fee2e2}.lbg-st--gray{color:#4b5563;background:#f3f4f6}.elb-spin{vertical-align:-2px;border:2px solid var(--border,#e5e7eb);border-top-color:#06b6d4;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.7s linear infinite elb-rot;display:inline-block}@keyframes elb-rot{to{transform:rotate(360deg)}}.elb-btn{border:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);height:36px;color:var(--text,#111827);cursor:pointer;border-radius:8px;padding:0 16px;font-size:13.5px;font-weight:600;transition:all .15s}.elb-btn:hover:not(:disabled){background:#f9fafb}.elb-btn:disabled{opacity:.55;cursor:not-allowed}.elb-btn--primary{color:#fff;background:#06b6d4;border-color:#06b6d4}.elb-btn--primary:hover:not(:disabled){background:#0891b2}.elb-overlay{z-index:320;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;position:fixed;inset:0}.elb-drawer{z-index:321;background:var(--bg-card,#fff);flex-direction:column;width:min(520px,100vw);animation:.2s cubic-bezier(.16,1,.3,1) rnSlideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 28px #0000002e}@keyframes rnSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.elb-head{border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.elb-title{color:var(--text,#111827);font-size:17px;font-weight:700}.elb-sub{color:var(--text-muted,#6b7280);margin-top:2px;font-size:13px}.elb-close{cursor:pointer;color:var(--text-muted,#6b7280);background:0 0;border:none;border-radius:6px;padding:6px;font-size:18px;line-height:1}.elb-close:hover:not(:disabled){background:#f3f4f6}.elb-body{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.elb-loading{color:var(--text-muted,#6b7280);padding:24px 0;font-size:13.5px}.elb-info{border:1px solid var(--border,#e5e7eb);background:#f9fafb;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px 16px;padding:12px 14px;display:grid}.elb-info>div{flex-direction:column;gap:1px;min-width:0;display:flex}.elb-info span{color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600}.elb-info b{color:var(--text,#111827);overflow-wrap:anywhere;font-size:13.5px;font-weight:600}.elb-info--wide{grid-column:1/-1}.elb-warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.elb-empty{border:1px dashed var(--border,#e5e7eb);color:var(--text-muted,#6b7280);background:#f9fafb;border-radius:8px;padding:14px;font-size:13px;line-height:1.5}.elb-list-head{color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;padding:0 2px 6px;font-size:11.5px;font-weight:600;display:flex}.elb-row{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:10px 2px;display:flex}.elb-row--locked{opacity:.7}.elb-taken{color:var(--text,#111827);white-space:nowrap;font-size:13.5px;font-weight:600}.elb-row-name{color:var(--text,#111827);align-items:center;gap:8px;min-width:0;font-size:13.5px;font-weight:600;display:flex}.elb-code{color:var(--text-muted,#6b7280);background:#f3f4f6;border-radius:4px;padding:0 6px;font-size:11px;font-weight:600}.elb-row-box{align-items:center;gap:8px;display:flex}.elb-input{text-align:right;border:1px solid var(--border,#d1d5db);background:var(--bg-card,#fff);width:84px;height:34px;color:var(--text,#111827);border-radius:8px;padding:0 8px;font-size:14px}.elb-input:focus{border-color:#06b6d4;outline:2px solid #06b6d459}.elb-input:disabled{cursor:not-allowed;background:#f3f4f6}.elb-input--dirty{background:#ecfeff;border-color:#06b6d4}.elb-input--bad{background:#fef2f2;border-color:#dc2626}.elb-unit{color:var(--text-muted,#6b7280);white-space:nowrap;font-size:12.5px}.elb-hint{color:var(--text-muted,#6b7280);flex-basis:100%;font-size:12px;line-height:1.4}.elb-err{color:#b91c1c;flex-basis:100%;font-size:12.5px;line-height:1.4}.elb-err--block{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px}.elb-change{color:#0e7490;flex-basis:100%;font-size:12.5px;font-weight:600}.elb-preview{color:#155e75;background:#ecfeff;border:1px solid #a5f3fc;border-radius:10px;padding:12px 14px;font-size:13px}.elb-preview-title{margin-bottom:4px;font-weight:700}.elb-preview ul{margin:0;padding-left:18px}.elb-field{flex-direction:column;gap:4px;display:flex}.elb-field label{color:var(--text,#111827);font-size:13px;font-weight:600}.elb-req{color:#dc2626}.elb-field textarea{resize:vertical;border:1px solid var(--border,#d1d5db);background:var(--bg-card,#fff);min-height:70px;color:var(--text,#111827);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.elb-field textarea:focus{border-color:#06b6d4;outline:2px solid #06b6d459}.elb-field textarea:disabled{background:#f3f4f6}.elb-foot{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;display:flex}.elb-foot-hint{color:var(--text-muted,#6b7280);margin-right:auto;font-size:12.5px}.ldm-overlay{z-index:320;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#11182773;position:fixed;inset:0}.ldm-modal{z-index:321;background:var(--bg-card,#fff);border-radius:14px;flex-direction:column;width:min(960px,100vw - 32px);height:min(640px,100vh - 48px);animation:.18s ease-out rnModalFadeIn;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000047}@keyframes rnModalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ldm-head{border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.ldm-title{color:var(--text,#111827);font-size:17px;font-weight:700}.ldm-sub{color:var(--text-muted,#6b7280);margin-top:2px;font-size:13px}.ldm-close{cursor:pointer;color:var(--text-muted,#6b7280);background:0 0;border:none;border-radius:6px;padding:6px;font-size:18px;line-height:1}.ldm-close:hover{background:#f3f4f6}.ldm-body{flex:1;min-height:0;display:flex}.ldm-types{border-right:1px solid var(--border,#e5e7eb);background:#f9fafb;flex-direction:column;flex-shrink:0;gap:4px;width:240px;padding:10px;display:flex;overflow-y:auto}.ldm-type{text-align:left;cursor:pointer;width:100%;color:var(--text,#111827);background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px;transition:all .12s;display:flex}.ldm-type:hover{background:#f3f4f6}.ldm-type--on{background:#ecfeff;border-color:#a5f3fc}.ldm-type-name{font-size:13.5px;font-weight:600}.ldm-type-bal{color:var(--text-muted,#6b7280);font-size:12.5px}.ldm-neg{color:#dc2626;font-weight:600}.ldm-main{flex-direction:column;flex:1;min-width:0;display:flex}.ldm-tabs{border-bottom:1px solid var(--border,#e5e7eb);align-items:center;gap:4px;padding:0 16px;display:flex}.ldm-tab{color:var(--text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px;font-size:13.5px;font-weight:600;transition:all .15s}.ldm-tab:hover{color:var(--text,#111827)}.ldm-tab--on{color:#0e7490;border-bottom-color:#06b6d4}.ldm-year{color:var(--text-muted,#6b7280);align-items:center;gap:8px;margin-left:auto;font-size:12.5px;display:flex}.ldm-year select{border:1px solid var(--border,#d1d5db);background:var(--bg-card,#fff);height:30px;color:var(--text,#111827);border-radius:6px;padding:0 8px;font-size:13px}.ldm-pane{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.ldm-muted{color:var(--text-muted,#6b7280);padding:12px;font-size:13px}.ldm-empty{border:1px dashed var(--border,#e5e7eb);color:var(--text-muted,#6b7280);background:#f9fafb;border-radius:8px;margin:16px;padding:16px;font-size:13.5px;line-height:1.5}.ldm-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:1.45}.ldm-table-wrap{border:1px solid var(--border,#e5e7eb);border-radius:10px;overflow:auto}.ldm-table{border-collapse:collapse;width:100%;font-size:13px}.ldm-table th{text-align:left;color:var(--text-muted,#6b7280);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border,#e5e7eb);background:#f9fafb;padding:9px 12px;font-size:11.5px;font-weight:600;position:sticky;top:0}.ldm-table td{color:var(--text,#111827);vertical-align:top;border-bottom:1px solid #f3f4f6;padding:9px 12px}.ldm-table tr:last-child td{border-bottom:none}.ldm-pill{text-align:center;color:#4b5563;background:#f3f4f6;border-radius:999px;min-width:38px;padding:1px 8px;font-size:12.5px;font-weight:600;display:inline-block}.ldm-pill--up{color:#15803d;background:#dcfce7}.ldm-pill--down{color:#b91c1c;background:#fee2e2}.ldm-policy{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ldm-policy li{border:1px solid var(--border,#e5e7eb);background:var(--bg-card,#fff);border-radius:10px;padding:12px 14px}.ldm-policy-step{color:#0e7490;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:700}.ldm-policy p{color:var(--text,#111827);margin:4px 0 0;font-size:13.5px;line-height:1.55}
.rn-payroll-badge{border-radius:4px;align-items:center;padding:2px 7px;font-size:11.5px;font-weight:500;display:inline-flex}.rn-designer-root{background:var(--background,#f8fafc);border:1px solid var(--border,#e2e8f0);border-radius:8px;flex-direction:column;min-height:88vh;display:flex;overflow:hidden}.rn-designer-topbar{border-bottom:1px solid var(--border,#e2e8f0);z-index:10;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.rn-designer-topbar-left{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.rn-designer-name-field{background:#f8fafc;border:1px solid #0000;border-radius:6px;min-width:240px;padding:4px 10px;font-size:15px;font-weight:600;transition:all .2s}.rn-designer-name-field:focus{border-color:var(--primary,#2563eb);background:#fff;outline:none;box-shadow:0 0 0 2px #2563eb26}.rn-designer-badge{color:#0369a1;letter-spacing:.3px;text-transform:uppercase;background:#e0f2fe;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.rn-designer-topbar-center{align-items:center;gap:10px;display:flex}.rn-designer-zoom{background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;display:flex}.rn-designer-view-toggle{background:#f1f5f9;border-radius:6px;padding:3px;display:flex}.rn-view-btn{cursor:pointer;color:var(--muted-foreground,#64748b);background:0 0;border:0;border-radius:4px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.rn-view-btn.active{color:var(--foreground,#0f172a);background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.rn-designer-topbar-right{align-items:center;gap:10px;display:flex}.rn-designer-autosave-status{color:var(--muted-foreground,#64748b);font-size:12px}.rn-designer-studio{flex:1;min-height:720px;display:flex}.rn-designer-sidebar{border-right:1px solid var(--border,#e2e8f0);background:#fff;flex-direction:column;flex-shrink:0;width:360px;display:flex}.rn-designer-tabs{border-bottom:1px solid var(--border,#e2e8f0);background:#f8fafc;display:flex;overflow-x:auto}.rn-dtab{min-width:50px;color:var(--muted-foreground,#64748b);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:10.5px;font-weight:500;transition:all .15s;display:flex}.rn-dtab:hover{color:var(--primary,#2563eb);background:#2563eb0a}.rn-dtab.active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb);background:#fff;font-weight:600}.rn-designer-tab-body{flex:1;padding:16px;overflow-y:auto}.rn-tab-section h3{margin:0 0 6px;font-size:14px;font-weight:700}.rn-tab-desc{color:var(--muted-foreground,#64748b);margin:0 0 14px;font-size:12px;line-height:1.4}.rn-form-item{margin-bottom:12px;display:block}.rn-form-item span{color:var(--foreground,#0f172a);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.rn-checkbox-item{cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-size:12.5px;font-weight:500;display:flex}.rn-preset-picker{flex-direction:column;gap:10px;display:flex}.rn-preset-card{border:1.5px solid var(--border,#e2e8f0);cursor:pointer;background:#fff;border-radius:8px;padding:12px;transition:all .2s}.rn-preset-card:hover{background:#f8fafc;border-color:#93c5fd}.rn-preset-card.selected{border-color:var(--primary,#2563eb);box-shadow:0 0 0 1px var(--primary,#2563eb);background:#f0f7ff}.rn-preset-header{align-items:center;gap:8px;display:flex}.rn-preset-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rn-preset-pill{color:#334155;background:#e2e8f0;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.rn-preset-blurb{color:var(--muted-foreground,#64748b);margin:6px 0 0;font-size:11.5px;line-height:1.4}.rn-preset-active-indicator{color:var(--primary,#2563eb);align-items:center;margin-top:8px;font-size:11px;font-weight:600;display:inline-flex}.rn-attendance-col-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.rn-col-tag{background:#f1f5f9;border-left:3px solid #94a3b8;border-radius:4px;padding:6px 10px;font-size:11.5px}.rn-col-tag.is-primary{background:#eff6ff;border-left-color:#1e3a8a;font-weight:600}.rn-emp-fields-preview{flex-wrap:wrap;gap:6px;display:flex}.rn-field-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:3px 8px;font-size:11px}.rn-designer-canvas-stage{background:#cbd5e1 radial-gradient(#94a3b8 1px,#0000 1px) 0 0/20px 20px;flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;overflow:auto}.rn-a4-viewport{transition:transform .15s ease-out}.rn-a4-paper{background:#fff;border-radius:2px;width:780px;min-height:1040px;padding:20px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #00000026}.rapl-payslip-sheet,.kidzonia-payslip-sheet,.classic-payslip-sheet,.modern-payslip-sheet,.compliance-payslip-sheet{color:#000;background:#fff;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;line-height:1.3;position:relative}.rapl-info-table{border-collapse:collapse;background:#fff;border:1px solid #000;width:100%;margin-bottom:0}.rapl-info-table th,.rapl-info-table td{text-align:left;vertical-align:middle;color:#000;border:1px solid #000;padding:4px 6px;font-size:11.5px}.rapl-info-table th{font-weight:700}.rapl-head-cell{background:#fff;border-bottom:1px solid #000;padding:8px 4px 4px!important}.rapl-subhead-cell{background:#fff;border-top:0;border-bottom:0;padding:2px 4px!important}.rapl-title-cell{background:#fff;border-top:0;border-bottom:1px solid #000;padding:4px!important}.rapl-sec-head th{background:#fff;border:1px solid #000;padding:4px 2px;font-size:11px;font-weight:700}.rapl-sec-vals th{background:#fff;border:1px solid #000;padding:4px 2px;font-size:11.5px;font-weight:600}.rapl-table-head th{background:#fff;border:1px solid #000;padding:4px 6px;font-size:11px;font-weight:700}.rapl-line-row td{padding:3px 6px;font-size:11px}.rapl-total-row td{background:#fff;border:1px solid #000;padding:4px 6px;font-size:11.5px;font-weight:700}.rapl-net-row td{border:1px solid #000;padding:5px 6px;font-size:12px}.rapl-net-val{font-size:13px!important;font-weight:800!important}.rapl-words-val{text-transform:capitalize;font-size:11px!important;font-weight:600!important}.rapl-note-cell{background:#fff;border:1px solid #000;font-size:9.5px;font-weight:600;padding:6px!important}.rapl-watermark{color:#0000000d;pointer-events:none;text-transform:uppercase;letter-spacing:8px;z-index:1;white-space:nowrap;font-size:54px;font-weight:900;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.text-center{text-align:center!important}.text-right{font-variant-numeric:tabular-nums;text-align:right!important}.rn-slip-card{transition:all .2s}.rn-slip-card.is-default-card{border:2px solid #2563eb!important;box-shadow:0 0 0 1px #2563eb,0 6px 16px #2563eb14!important}.rn-slip-card-thumb-wrap{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:flex-start;width:100%;height:250px;margin:10px 0 12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0000000a}.rn-slip-card-thumb-wrap:hover .rn-slip-thumb-overlay{opacity:1}.rn-slip-card-thumb-scale{transform-origin:top;pointer-events:none;-webkit-user-select:none;user-select:none;background:#fff;width:780px;margin-top:2px;padding:6px;transform:scale(.29)}.rn-slip-thumb-overlay{opacity:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a40;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.rn-slip-thumb-overlay span{color:#0f172a;background:#fff;border-radius:20px;align-items:center;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00000026}@media print{@page{margin:8mm 10mm;size:portrait}body{background:#fff!important;margin:0!important;padding:0!important}.app-sidebar,.app-header,.rn-designer-topbar,.rn-designer-sidebar,.no-print,.btn,.rn-ess-payslip-list,header{display:none!important}.rn-designer-studio{display:block!important}.rn-designer-canvas-stage{background:0 0!important;padding:0!important}.rn-a4-viewport{transform:none!important}.rn-a4-paper,.rapl-payslip-sheet,.kidzonia-payslip-sheet,.payslip-sheet{page-break-inside:avoid;box-shadow:none!important;border:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.rapl-info-table th,.rapl-info-table td{-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#000!important;background:#fff!important;border:1px solid #000!important}}.rn-designer-studio-3col{background:#f1f5f9;flex:1;min-height:820px;display:flex;position:relative;overflow:hidden}.rn-designer-left-col{border-right:1px solid var(--border,#e2e8f0);background:#fff;flex-direction:column;flex-shrink:0;gap:16px;width:240px;padding:14px;display:flex;overflow-y:auto}.rn-designer-right-col{border-left:1px solid var(--border,#e2e8f0);background:#fff;flex-direction:column;flex-shrink:0;gap:14px;width:260px;padding:16px;display:flex;overflow-y:auto}.rn-designer-center-col{background:#cbd5e1 radial-gradient(#94a3b8 1.2px,#0000 1.2px) 0 0/20px 20px;flex:1;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:relative;overflow:auto}.rn-sidebar-section-title{color:var(--foreground,#0f172a);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;font-weight:700;display:flex}.rn-add-el-list{flex-direction:column;gap:6px;display:flex}.rn-add-el-btn{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.rn-add-el-btn:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.rn-layers-list{background:#fafafa;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:4px;max-height:250px;padding:4px;display:flex;overflow-y:auto}.rn-layer-item{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;transition:all .12s;display:flex}.rn-layer-item:hover{background:#f1f5f9}.rn-layer-item.active{color:#2563eb;background:#eff6ff;border-color:#93c5fd;font-weight:600}.rn-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.rn-layer-actions{opacity:.5;align-items:center;gap:2px;display:flex}.rn-layer-item:hover .rn-layer-actions,.rn-layer-item.active .rn-layer-actions{opacity:1}.rn-layer-btn{cursor:pointer;color:#64748b;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.rn-layer-btn:hover{color:#0f172a;background:#e2e8f0}.rn-layer-btn.delete:hover{color:#dc2626;background:#fee2e2}.rn-page-control-item{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.rn-page-control-item label{color:#475467;font-size:11px;font-weight:600}.rn-paper-container{transform-origin:top;transition:transform .15s ease-out}.rn-interactive-paper{-webkit-user-select:none;user-select:none;background:#fff;width:780px;height:1100px;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #00000026}.rn-margin-guide{pointer-events:none;z-index:100;border:1px dashed #2563eb59;position:absolute}.rn-canvas-el{cursor:move;box-sizing:border-box;z-index:10;-webkit-user-select:none;user-select:none;align-items:center;padding:2px 4px;transition:box-shadow .1s;display:flex;position:absolute}.rn-canvas-el.is-box{cursor:pointer}.rn-canvas-el:not(.is-selected):not(.is-box){outline:1px dotted #0099e573}.rn-canvas-el:hover{outline:1px dashed #0099e5bf}.rn-canvas-el.is-selected{z-index:90!important;outline:2px solid #0099e5!important}.rn-canvas-el-badge{color:#fff;pointer-events:none;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;background:#0099e5;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600;position:absolute;top:-18px;left:0}.rn-handle{z-index:95;background:#fff;border:1.5px solid #0099e5;border-radius:1px;width:7px;height:7px;position:absolute}.rn-handle-tl{cursor:nwse-resize;top:-4px;left:-4px}.rn-handle-tc{cursor:ns-resize;top:-4px;left:calc(50% - 3.5px)}.rn-handle-tr{cursor:nesw-resize;top:-4px;right:-4px}.rn-handle-ml{cursor:ew-resize;top:calc(50% - 3.5px);left:-4px}.rn-handle-mr{cursor:ew-resize;top:calc(50% - 3.5px);right:-4px}.rn-handle-bl{cursor:nesw-resize;bottom:-4px;left:-4px}.rn-handle-bc{cursor:ns-resize;bottom:-4px;left:calc(50% - 3.5px)}.rn-handle-br{cursor:nwse-resize;bottom:-4px;right:-4px}.rn-inspector-empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;padding:14px;font-size:12px;line-height:1.5}.rn-prop-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.rn-prop-label{color:#334155;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.rn-prop-row{align-items:center;gap:6px;display:flex}.rn-prop-input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:5px 8px;font-size:12px}.rn-prop-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 2px #2563eb26}.rn-geom-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.rn-geom-cell{background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;display:flex}.rn-geom-cell span{color:#64748b;width:14px;font-size:10px;font-weight:700}.rn-geom-cell input{text-align:right;background:0 0;border:0;outline:none;width:100%;font-size:11px;font-weight:600}