.lp-root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1446a8;padding:40px 24px;font-family:Arial,Helvetica,sans-serif}.lp-card{width:100%;max-width:380px;background:#fff;border-radius:4px;padding:40px 36px}.lp-logo-wrap{display:flex;justify-content:center;margin-bottom:20px}.lp-logo{width:64px;height:auto;object-fit:contain}.lp-form-header{text-align:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.lp-title{font-size:20px;font-weight:700;color:#1a1a1a}.lp-subtitle{margin-top:4px;font-size:13px;color:#8f8f8f}.lp-form{display:flex;flex-direction:column;gap:16px}.lp-field-group{display:flex;flex-direction:column;gap:5px}.lp-label-row{display:flex;justify-content:space-between;align-items:center}.lp-label{font-size:11px;font-weight:700;color:#4f4f4f;text-transform:uppercase;letter-spacing:.05em}.lp-forgot{background:none;border:none;padding:0;font-size:12px;color:#1a56c4;cursor:pointer;font-family:Arial,Helvetica,sans-serif}.lp-forgot:hover{color:#0e3585;text-decoration:underline}.lp-input-wrap{position:relative;display:flex;align-items:center}.lp-input-icon{position:absolute;left:11px;width:15px;height:15px;color:#b8b8b8;pointer-events:none}.lp-input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid #d6d6d6;border-radius:3px;font-size:13.5px;font-family:Arial,Helvetica,sans-serif;color:#1a1a1a;outline:none;transition:border-color .15s,box-shadow .15s}.lp-input--has-toggle{padding-right:40px}.lp-input::placeholder{color:#c8c8c8}.lp-input:focus{border-color:#1a56c4;box-shadow:0 0 0 2px #1a56c41f}.lp-toggle-pw{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#b8b8b8;padding:0;display:flex;align-items:center}.lp-toggle-pw:hover{color:#6b6b6b}.lp-toggle-pw svg{width:16px;height:16px}.lp-error{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#fde8e8;border-left:3px solid #c0392b;color:#922b21;font-size:12.5px}.lp-error svg{width:14px;height:14px;flex-shrink:0}.lp-btn{height:42px;width:100%;border:none;border-radius:3px;background:#1446a8;color:#fff;font-size:14px;font-weight:700;font-family:Arial,Helvetica,sans-serif;letter-spacing:.02em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;transition:background .15s}.lp-btn:hover:not(:disabled){background:#0e3585}.lp-btn:active:not(:disabled){background:#0a2563}.lp-btn:disabled{opacity:.6;cursor:not-allowed}.lp-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:lp-spin .7s linear infinite;flex-shrink:0}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-footer{text-align:center;margin-top:20px}.lp-footer-copy{font-size:12px;color:#ffffffbf}.lp-footer-dev{font-size:11px;color:#fff6;margin-top:3px}@media(max-width:480px){.lp-root{padding:24px 20px}.lp-card{padding:32px 24px}}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;background:#1a2332;display:flex;flex-direction:column;border-right:1px solid #111927;z-index:100}.sidebar-header{display:flex;align-items:center;gap:10px;padding:20px 16px 16px;border-bottom:1px solid #243044;flex-shrink:0}.sidebar-logo-img{width:28px;height:28px;border-radius:4px;object-fit:contain;flex-shrink:0}.sidebar-brand{display:flex;flex-direction:column;min-width:0}.sidebar-app-name{font-size:13px;font-weight:600;color:#e2e8f0;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-app-sub{font-size:11px;color:#475569;margin-top:1px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#243044;border-radius:2px}.sidebar-group{margin-bottom:4px}.sidebar-group-label{display:block;font-size:10px;font-weight:600;color:#475569;letter-spacing:.7px;text-transform:uppercase;padding:8px 16px 4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px;color:#94a3b8;text-decoration:none;border-left:2px solid transparent;transition:background .15s,color .15s}.sidebar-link svg{width:16px;height:16px;flex-shrink:0;opacity:.85}.sidebar-link:hover{background:#243044;color:#cbd5e1}.sidebar-link.active{background:#1e3a5f;color:#e2e8f0;border-left:2px solid #3b82f6}.sidebar-link.active svg{opacity:1}.sidebar-footer{padding:12px 0;border-top:1px solid #243044;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 16px;margin-bottom:4px}.sidebar-avatar{width:28px;height:28px;border-radius:50%;background:#1e3a5f;border:1px solid #2a4a70;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#7fa8d0;flex-shrink:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:12px;font-weight:600;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#475569}.sidebar-divider{height:1px;background:#243044;margin:4px 16px 8px}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:8px 16px;width:100%;background:none;border:none;font-size:13px;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.sidebar-logout svg{width:16px;height:16px;flex-shrink:0}.sidebar-logout:hover{background:#1f2d3d;color:#f87171}.main-content{margin-left:240px}.dashboard-container{display:flex;flex-direction:row;min-height:100vh;width:100%;background-color:#f3f4f6;font-family:Arial,sans-serif;box-sizing:border-box;overflow-x:hidden}.dashboard-main{flex:1;margin-left:240px;padding:2rem;box-sizing:border-box;min-width:0}.dash-page-header{margin-bottom:1.75rem}.dash-page-title{font-size:1.375rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.01em}.dash-page-subtitle{font-size:.8125rem;color:#64748b;margin:0}.dash-loading{display:flex;align-items:center;justify-content:center;min-height:200px;font-size:.875rem;color:#94a3b8}.dash-sections{display:flex;flex-direction:column;gap:1.75rem}.dash-section{display:flex;flex-direction:column;gap:.75rem}.dash-section-header{display:flex;align-items:flex-start;gap:.625rem}.dash-section-bar{width:3px;height:36px;border-radius:2px;flex-shrink:0;margin-top:2px}.dash-section-title{font-size:.875rem;font-weight:700;color:#1e293b;letter-spacing:.01em}.dash-section-subtitle{font-size:.75rem;color:#94a3b8;margin-top:2px}.dash-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.dash-metric-card{background:#fff;border-radius:8px;padding:12px 14px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .15s ease,transform .15s ease}.dash-metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.dash-metric-top{display:flex;align-items:flex-start;justify-content:space-between}.dash-metric-label{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.dash-metric-icon{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:6px}.dash-metric-bottom{display:flex;align-items:baseline;gap:6px}.dash-metric-value{font-size:20px;font-weight:700;line-height:1;letter-spacing:-.5px}.dash-metric-sub{font-size:11px;color:#94a3b8;font-weight:500}@media(max-width:1280px){.dash-metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.dashboard-main{padding:1.5rem}.dash-metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-container{flex-direction:column}.dashboard-main{margin-left:0;padding:1rem}.dash-metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dash-metric-grid{grid-template-columns:1fr}}:root{--primary: #1a2332;--primary-hover: #243044;--accent: #2563eb;--accent-hover: #1d4ed8;--ink: #0f172a;--ink-mid: #64748b;--ink-light: #94a3b8;--border: #e2e8f0;--surface: #ffffff;--bg: #f8fafc;--row-hover: #f1f5f9;--sidebar-width: 240px}*{box-sizing:border-box}.userpage-container{display:flex;min-height:100vh;background:var(--bg);font-family:Arial,Helvetica,sans-serif}.userpage-main{flex:1;margin-left:var(--sidebar-width);padding:2.5rem 2.5rem 3rem;display:flex;flex-direction:column;gap:1.75rem;min-width:0}.page-header{display:flex;flex-direction:column;gap:2px}.page-title{margin:0;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.3px}.page-subtitle{margin:0;font-size:13px;color:var(--ink-mid)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:8px}.toolbar-right{display:flex;align-items:center;gap:10px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;font-size:16px!important;color:var(--ink-light);pointer-events:none}.search-input{height:36px;width:280px;padding:0 32px 0 34px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--ink);font-size:13px;font-family:Arial,Helvetica,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--ink-light)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--ink-light);display:flex;align-items:center;padding:2px;border-radius:3px}.search-clear:hover{color:var(--ink-mid)}.filter-btn{display:flex;align-items:center;gap:5px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--ink-mid);font-size:13px;font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:all .15s}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent);background:#eff6ff}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.clear-filters{background:none;border:none;cursor:pointer;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink-light);padding:0;text-decoration:underline;text-underline-offset:2px}.clear-filters:hover{color:var(--ink-mid)}.record-count{font-size:12px;color:var(--ink-light);white-space:nowrap}.add-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;background:var(--accent);color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s;white-space:nowrap}.add-btn:hover{background:var(--accent-hover)}.filter-row{display:flex;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--bg);flex-wrap:wrap}.filter-select{height:34px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink);font-size:13px;font-family:Arial,Helvetica,sans-serif;outline:none;cursor:pointer;min-width:170px;transition:border-color .15s}.filter-select:focus{border-color:var(--accent)}.table-scroll{overflow-x:auto;width:100%;border-top:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table thead tr{background:var(--primary)}.data-table thead th{padding:11px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf;border:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.sortable-th{cursor:pointer;transition:background .1s}.sortable-th:hover{background:var(--primary-hover)}.sortable-th:hover .th-inner{color:#fff}.th-inner{display:inline-flex;align-items:center;gap:5px;color:#ffffffbf;transition:color .1s}.sort-icon{font-size:13px!important;transition:opacity .15s}.sort-icon.unsorted{opacity:.3}.sort-icon.active{opacity:1;color:#fff}.sortable-th:hover .sort-icon.unsorted{opacity:.6}.th-actions{width:88px;text-align:center;color:#ffffff80!important}.data-row{border-bottom:1px solid var(--border);transition:background .1s}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--row-hover)}.data-table td{padding:12px 16px;vertical-align:middle}.td-primary{font-size:13px;font-weight:600;color:var(--ink)}.td-secondary{font-size:13px;color:var(--ink-mid)}.td-mono{font-size:12px;color:var(--ink-mid);letter-spacing:.02em}.td-state{text-align:center;padding:48px 16px;color:var(--ink-light);font-size:13px}.badge{display:inline-block;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.03em}.badge-admin{background:#dbeafe;color:#1d4ed8}.badge-user{background:#f1f5f9;color:#475569}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#fee2e2;color:#b91c1c}.td-actions{text-align:center;white-space:nowrap}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s;margin:0 2px;background:transparent}.action-btn.edit{color:var(--accent)}.action-btn.delete{color:#dc2626}.action-btn.edit:hover{background:#eff6ff;border-color:#bfdbfe}.action-btn.delete:hover{background:#fef2f2;border-color:#fecaca}.pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid var(--border)}.pagination-left,.pagination-right{display:flex;align-items:center;gap:8px}.pagination-label{font-size:12px;color:var(--ink-light)}.page-size-select{height:30px;padding:0 6px;border:1px solid var(--border);border-radius:5px;background:#fff;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);outline:none;cursor:pointer}.page-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--ink-mid);font-size:16px;cursor:pointer;transition:all .15s;line-height:1}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#eff6ff}.page-btn:disabled{opacity:.3;cursor:default}.dialog-hint{font-size:12px;color:var(--ink-light)}@media(max-width:768px){.userpage-main{margin-left:0;padding:1rem}.search-input{width:180px}}.data-table{min-width:1100px}.maintenance-container{display:flex;flex-direction:row;min-height:100vh;width:100%;background-color:#f3f4f6;font-family:Arial,sans-serif;box-sizing:border-box;overflow-x:hidden}.maintenance-main{flex:1;margin-left:240px;padding:2rem;box-sizing:border-box;min-width:0}.maint-page-header{margin-bottom:1.75rem}.maint-page-title{font-size:1.375rem;font-weight:700;color:#0f172a;margin:0 0 .25rem;letter-spacing:-.01em}.maint-page-subtitle{font-size:.8125rem;color:#64748b;margin:0}.maint-under-dev{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;gap:12px;padding:3rem 2rem;text-align:center}.maint-dev-icon{width:72px;height:72px;border-radius:16px;background:#dbeafe;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.maint-dev-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.01em}.maint-dev-desc{font-size:.8125rem;color:#94a3b8;margin:0;max-width:300px;line-height:1.6}@media(max-width:768px){.maintenance-container{flex-direction:column}.maintenance-main{margin-left:0;padding:1rem}}.data-table{min-width:1400px}.td-support{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sfp-page{min-height:100vh;height:100vh;display:flex;align-items:stretch;background:#eff6ff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.sfp-layout{display:flex;width:100%;height:100%}.sfp-aside{width:280px;flex-shrink:0;background:#2563eb;display:flex;flex-direction:column;padding:36px 28px;position:relative;overflow:hidden}.sfp-aside:before{content:"";position:absolute;bottom:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:#ffffff0f;pointer-events:none}.sfp-aside:after{content:"";position:absolute;top:-60px;left:-60px;width:180px;height:180px;border-radius:50%;background:#ffffff0d;pointer-events:none}.sfp-aside-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.18)}.sfp-logo{width:52px;height:52px;object-fit:contain}.sfp-aside-agency{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#ffffffa6;line-height:1.4}.sfp-aside-region{font-size:15px;font-weight:700;color:#fff;letter-spacing:.01em}.sfp-aside-body{flex:1;display:flex;flex-direction:column;gap:20px}.sfp-aside-title{font-size:20px;font-weight:700;color:#fff;margin:0;line-height:1.25;letter-spacing:-.3px}.sfp-aside-desc{font-size:13px;color:#ffffffb3;line-height:1.6;margin:0}.sfp-steps{display:flex;flex-direction:column;gap:14px;margin-top:8px}.sfp-step{display:flex;align-items:center;gap:12px}.sfp-step-dot{width:26px;height:26px;border-radius:50%;background:#ffffff26;border:1.5px solid rgba(255,255,255,.35);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sfp-step-dot--active{background:#fff;border-color:#fff;color:#2563eb}.sfp-step span{font-size:13px;color:#fffc}.sfp-aside-footer{font-size:11px;color:#ffffff73;margin-top:auto;padding-top:20px}.sfp-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#fff}.sfp-form{flex:1;display:flex;flex-direction:column;padding:32px 40px 28px;gap:0;min-height:0}.sfp-section{padding-bottom:24px;margin-bottom:20px;border-bottom:1px solid #e8f0fe;display:flex;flex-direction:column;gap:14px}.sfp-section:last-of-type{border-bottom:none;margin-bottom:0}.sfp-section-header{display:flex;align-items:center;gap:10px;margin-bottom:2px}.sfp-section-num{width:22px;height:22px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sfp-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2563eb;margin:0}.sfp-field{display:flex;flex-direction:column;gap:5px}.sfp-field-sex{flex-shrink:0;width:160px}.sfp-label{font-size:12px;font-weight:600;color:#374151}.sfp-req{color:#dc2626;margin-left:1px}.sfp-input,.sfp-textarea{width:100%;padding:8px 11px;font-size:13px;font-family:Arial,Helvetica,sans-serif;color:#1e293b;background:#fff;border:1.5px solid #dbeafe;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;appearance:none;-webkit-appearance:none}.sfp-textarea{resize:vertical;min-height:90px;line-height:1.55}.sfp-input:focus,.sfp-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sfp-input::placeholder,.sfp-textarea::placeholder{color:#b0bec8}.sfp-err-input{border-color:#fca5a5!important;background:#fff8f8}.sfp-err-input:focus{box-shadow:0 0 0 3px #dc26261a!important}.sfp-input[type=date]::-webkit-calendar-picker-indicator{opacity:.4;cursor:pointer}.sfp-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:flex-start}.sfp-row--3{grid-template-columns:1fr 1fr 1fr}.sfp-radio-group{display:flex;gap:8px}.sfp-radio-inp{display:none}.sfp-radio{display:inline-flex;align-items:center;padding:7px 16px;font-size:13px;font-weight:500;color:#4b5563;background:#f8faff;border:1.5px solid #dbeafe;border-radius:6px;cursor:pointer;transition:all .14s;-webkit-user-select:none;user-select:none;white-space:nowrap}.sfp-radio:hover{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}.sfp-radio--on{border-color:#2563eb;background:#eff6ff;color:#1d4ed8;font-weight:700}.sfp-errmsg{font-size:11.5px;color:#dc2626}.sfp-banner-err{margin:0 0 4px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:6px;font-size:13px;color:#7f1d1d;line-height:1.5}.sfp-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:20px}.sfp-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 26px;font-size:13px;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#2563eb;border:none;border-radius:6px;cursor:pointer;transition:background .15s;white-space:nowrap}.sfp-btn-primary:hover:not(:disabled){background:#1d4ed8}.sfp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sfp-btn-ghost{display:inline-flex;align-items:center;padding:10px 18px;font-size:13px;font-weight:600;font-family:Arial,Helvetica,sans-serif;color:#64748b;background:transparent;border:1.5px solid #dbeafe;border-radius:6px;cursor:pointer;transition:all .14s}.sfp-btn-ghost:hover:not(:disabled){border-color:#93c5fd;color:#2563eb}.sfp-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.sfp-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sfp-spin .65s linear infinite;flex-shrink:0}@keyframes sfp-spin{to{transform:rotate(360deg)}}.sfp-success-wrap{margin:auto;background:#fff;border-radius:12px;box-shadow:0 4px 32px #2563eb1a;padding:56px 48px;text-align:center;max-width:420px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px}.sfp-success-icon svg{width:56px;height:56px}.sfp-success-title{font-size:20px;font-weight:700;color:#1e293b;margin:0}.sfp-success-msg{font-size:13.5px;color:#64748b;line-height:1.65;margin:0;max-width:300px}@media(max-width:860px){.sfp-page{height:auto;min-height:100vh;overflow:auto;background:#eff6ff}.sfp-layout{flex-direction:column;height:auto}.sfp-aside{width:100%;padding:20px 24px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.sfp-aside:before,.sfp-aside:after{display:none}.sfp-aside-top{flex-direction:row;align-items:center;gap:12px;margin-bottom:0;padding-bottom:0;border-bottom:none;flex:1}.sfp-aside-body,.sfp-aside-footer{display:none}.sfp-logo{width:40px;height:40px}.sfp-aside-agency{font-size:9px}.sfp-aside-region{font-size:13px}.sfp-main{overflow-y:visible;background:#fff;border-radius:12px 12px 0 0;margin:0 12px;box-shadow:0 -2px 16px #2563eb12}.sfp-form{padding:24px 20px}}@media(max-width:540px){.sfp-main{margin:0;border-radius:0;box-shadow:none}.sfp-form{padding:20px 16px 24px}.sfp-aside{padding:16px}.sfp-row,.sfp-row--3{grid-template-columns:1fr}.sfp-field-sex{width:100%}.sfp-actions{flex-direction:column-reverse}.sfp-btn-primary,.sfp-btn-ghost{width:100%;justify-content:center}.sfp-success-wrap{padding:40px 24px;border-radius:0;box-shadow:none}}.data-table{min-width:1200px}.data-table td,.data-table thead th{padding:10px 12px}.td-remarks{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sys-link{color:#2563eb;font-size:12px;text-decoration:none;max-width:160px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;transition:color .15s}.sys-link:hover{color:#1d4ed8;text-decoration:underline}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ssf-page{min-height:100vh;background:#f0f4fb;font-family:Inter,system-ui,sans-serif;color:#1a2332;display:flex;flex-direction:column}.ssf-toast{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:8px;padding:14px 16px 18px;box-shadow:0 8px 32px #0000001a;width:310px;max-width:calc(100vw - 32px);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;overflow:hidden}.ssf-toast--visible{opacity:1;transform:translateY(0);pointer-events:auto}.ssf-toast--success{border-top:3px solid #16a34a}.ssf-toast--error{border-top:3px solid #dc2626}.ssf-toast-icon{flex-shrink:0;margin-top:1px}.ssf-toast--success .ssf-toast-icon{color:#16a34a}.ssf-toast--error .ssf-toast-icon{color:#dc2626}.ssf-toast-body{flex:1;display:flex;flex-direction:column;gap:2px}.ssf-toast-title{font-size:12.5px;font-weight:700;color:#0f172a;letter-spacing:.01em}.ssf-toast-msg{font-size:12px;color:#64748b;line-height:1.5}.ssf-toast-close{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:0;flex-shrink:0;transition:color .15s}.ssf-toast-close:hover{color:#64748b}.ssf-toast-bar{position:absolute;bottom:0;left:0;height:2px;width:100%}.ssf-toast-bar--success{background:#16a34a;animation:ssf-shrink 6s linear forwards}.ssf-toast-bar--error{background:#dc2626;animation:ssf-shrink 6s linear forwards}@keyframes ssf-shrink{0%{width:100%}to{width:0%}}@keyframes ssf-spin{to{transform:rotate(360deg)}}.ssf-main{flex:1;padding:48px 16px 72px}.ssf-card{max-width:860px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000d,0 8px 32px #2563eb0f;overflow:hidden;border:1px solid #dce8fb}.ssf-hero{padding:40px 48px 36px;background:linear-gradient(135deg,#1a2f5e,#1e4ba8);position:relative;overflow:hidden}.ssf-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:#ffffff0a;border-radius:50%}.ssf-hero:after{content:"";position:absolute;bottom:-40px;left:30%;width:160px;height:160px;background:#ffffff08;border-radius:50%}.ssf-hero-badge{display:inline-flex;align-items:center;background:#ffffff1f;color:#bfdbfe;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:4px;margin-bottom:16px;border:1px solid rgba(255,255,255,.15)}.ssf-hero-title{font-size:26px;font-weight:700;color:#fff;margin-bottom:12px;letter-spacing:-.4px;line-height:1.25;position:relative}.ssf-hero-intro{font-size:13.5px;line-height:1.75;color:#ffffffb8;max-width:620px;position:relative}.ssf-hero-intro strong{color:#93c5fd;font-weight:600}.ssf-linked-notice{display:inline-flex;align-items:center;gap:7px;margin-top:16px;background:#ffffff1a;color:#bfdbfe;font-size:12px;font-weight:500;padding:7px 13px;border-radius:6px;border:1px solid rgba(255,255,255,.15);position:relative}.ssf-section{padding:32px 48px;border-bottom:1px solid #edf2fb;display:flex;flex-direction:column;gap:20px}.ssf-section--last{border-bottom:none}.ssf-section-hd{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #edf2fb}.ssf-section-icon{width:32px;height:32px;border-radius:6px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border:1px solid #dbeafe}.ssf-section-title{font-size:13.5px;font-weight:700;color:#0f172a;letter-spacing:.01em;display:flex;align-items:center;gap:8px}.ssf-optional{font-size:10.5px;font-weight:500;color:#94a3b8;background:#f8fafc;padding:2px 8px;border-radius:4px;border:1px solid #e2e8f0;letter-spacing:0}.ssf-instructions{font-size:12.5px;color:#64748b;line-height:1.7;background:#f8fbff;border-left:3px solid #2563eb;padding:10px 14px;border-radius:0 6px 6px 0}.ssf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ssf-field{display:flex;flex-direction:column;gap:6px}.ssf-label{font-size:11.5px;font-weight:600;color:#475569;letter-spacing:.03em;text-transform:uppercase}.ssf-req{color:#2563eb;margin-left:2px}.ssf-input,.ssf-select,.ssf-textarea{width:100%;padding:9px 13px;font-size:13px;font-family:Inter,system-ui,sans-serif;color:#1a2332;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s;appearance:none;-webkit-appearance:none}.ssf-textarea{resize:vertical;min-height:92px;line-height:1.6}.ssf-input:focus,.ssf-select:focus,.ssf-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.ssf-input::placeholder,.ssf-textarea::placeholder{color:#c1cad8}.ssf-input--readonly{background:#f0f6ff;color:#1d4ed8;font-weight:600;cursor:default;border-color:#c7d9fb}.ssf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}.ssf-locked-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#2563eb;background:#eff6ff;padding:2px 7px;border-radius:4px;border:1px solid #bfdbfe;margin-left:8px;letter-spacing:.02em;vertical-align:middle}.ssf-locked-input{padding:9px 13px;font-size:13px;font-weight:500;color:#1e3a6e;background:#f5f9ff;border:1.5px solid #c7d9fb;border-radius:6px;min-height:38px}.ssf-locked-empty{color:#b0bec8}.ssf-radio-row{display:flex;align-items:flex-start;gap:10px;padding:8px 11px;border-radius:6px;cursor:pointer;transition:background .1s;font-size:13px;color:#374151;line-height:1.5;border:1.5px solid transparent}.ssf-radio-row:hover{background:#f0f6ff;border-color:#dbeafe}.ssf-radio-row input[type=radio]{margin-top:2px;accent-color:#2563eb;flex-shrink:0;width:14px;height:14px;cursor:pointer}.ssf-sat-table-wrap{overflow-x:auto;border-radius:8px;border:1.5px solid #dce8fb}.ssf-sat-table{width:100%;border-collapse:collapse;min-width:700px;font-size:13px}.ssf-th-q,.ssf-th-opt{padding:11px 10px;font-size:10.5px;font-weight:700;text-align:center;background:#1a3570;color:#bfdbfe;border-bottom:2px solid #1a2f5e;border-right:1px solid rgba(255,255,255,.08);letter-spacing:.04em;text-transform:uppercase}.ssf-th-q{text-align:left;color:#fff}.ssf-th-opt:last-child{border-right:none}.ssf-row-even{background:#fff}.ssf-row-odd{background:#f8fbff}.ssf-row-even:hover,.ssf-row-odd:hover{background:#eff6ff;transition:background .1s}.ssf-td-q{padding:11px 13px;font-size:12.5px;color:#374151;line-height:1.55;border-right:1px solid #e8f0fe;border-bottom:1px solid #e8f0fe}.ssf-td-opt{padding:11px 8px;text-align:center;border-right:1px solid #e8f0fe;border-bottom:1px solid #e8f0fe}.ssf-td-opt:last-child{border-right:none}.ssf-radio-center{display:flex;align-items:center;justify-content:center;cursor:pointer}.ssf-radio-center input[type=radio]{width:15px;height:15px;accent-color:#2563eb;cursor:pointer}.ssf-sat-mobile{display:none}.ssf-submit-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 28px;font-size:13px;font-weight:600;font-family:Inter,system-ui,sans-serif;color:#fff;background:#1a3570;border:none;border-radius:6px;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;align-self:flex-start;letter-spacing:.02em}.ssf-submit-btn:hover:not(:disabled){background:#1e4ba8;box-shadow:0 4px 14px #1a35704d;transform:translateY(-1px)}.ssf-submit-btn:active:not(:disabled){transform:translateY(0)}.ssf-submit-btn:disabled{opacity:.55;cursor:not-allowed}.ssf-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:ssf-spin .65s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.ssf-sat-table-wrap{display:none}.ssf-sat-mobile{display:flex;flex-direction:column;gap:16px}.ssf-field--mob-sat{padding:14px;background:#f8fbff;border-radius:8px;border:1.5px solid #dce8fb}}@media(max-width:640px){.ssf-main{padding:24px 12px 56px}.ssf-hero{padding:28px 24px 26px}.ssf-hero-title{font-size:21px}.ssf-section{padding:24px;gap:16px}.ssf-grid-2{grid-template-columns:1fr}.ssf-submit-btn{width:100%;justify-content:center}}