.layout-container{display:flex;height:100dvh;min-height:100vh;overflow:hidden;position:relative}.sidebar{width:240px;background-color:var(--color-primary);color:var(--color-surface);display:flex;flex-direction:column;flex-shrink:0;min-height:0;transition:transform .24s ease;z-index:20}.sidebar-header{height:80px;display:flex;align-items:center;justify-content:center;position:relative;gap:1rem;padding:0 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background-color:#0000001a}.sidebar-logo{width:48px;height:48px;flex-shrink:0}.sidebar-logo--horizontal{width:100%;max-width:190px;height:40px;flex:0 1 auto}.sidebar-logo--horizontal.logo-container--horizontal{justify-content:center}.sidebar-header-text{font-size:1rem;font-weight:700;color:var(--color-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-close-btn{display:none;border:none;background:transparent;color:var(--color-surface);cursor:pointer;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.75rem 1.5rem;color:#ffffffb3;font-weight:500;transition:all .2s ease;border-radius:.5rem;margin:0 .75rem .25rem}.nav-item:hover{background-color:#ffffff0d;color:var(--color-surface)}.nav-item.active{background-color:#ffffff1a;color:var(--color-accent);font-weight:600}.nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-footer{border-top:1px solid var(--color-primary-mid);padding:.5rem 0 .25rem}.sidebar-user-block{display:flex;gap:10px;align-items:center;padding:10px 12px;margin:8px 12px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.sidebar-user-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fda21533;color:var(--color-accent);font-weight:700;font-size:.8rem;letter-spacing:.02em}.sidebar-user-details{min-width:0;flex:1}.sidebar-user-name{color:var(--color-surface);font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{color:#ffffffa6;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-meta{color:#ffffff73;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.nav-item.logout{width:100%;text-align:left;background:none;border:none;color:inherit;font-size:inherit;font-family:inherit}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.mobile-nav-toggle{display:none;position:fixed;top:12px;left:12px;z-index:15;border:1px solid var(--color-border, #d1d5db);background:var(--color-surface);color:var(--color-text);width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014}.main-content{flex:1;padding:1.5rem;overflow-y:auto;min-width:0;min-height:0}.subscription-banner{padding:12px 24px;border-bottom:1px solid transparent;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.subscription-banner-warning{background-color:#fffbeb;color:#b45309;border-bottom-color:#fde68a}.subscription-banner-danger{background-color:#fef2f2;color:#b91c1c;border-bottom-color:#fecaca}.subscription-banner-text{flex:1;min-width:220px}.subscription-banner-btn{border:none;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:600}.subscription-banner-btn-warning{background:#b45309}.subscription-banner-btn-danger{background:#b91c1c}.mobile-sidebar-backdrop{display:none}.logout-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px}.logout-dialog{width:min(420px,100%);background:var(--color-surface);border-radius:14px;border:none;box-shadow:0 18px 44px #0000003d;padding:22px}.logout-dialog-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.logout-dialog-icon-wrap{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-danger);background:var(--color-danger-light)}.logout-dialog-title{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.logout-dialog-message{color:var(--color-text-muted);font-size:.9375rem}.logout-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.logout-dialog-btn{min-width:96px;border-radius:8px;padding:10px 14px;font-size:.875rem;font-weight:600;border:none;transition:all .2s ease}.logout-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.logout-dialog-btn-secondary{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.logout-dialog-btn-secondary:hover:not(:disabled){background:var(--color-border)}.logout-dialog-btn-danger{background:var(--color-danger);color:#fff}.logout-dialog-btn-danger:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}@media(max-width:1023px){.sidebar{position:fixed;inset:0 auto 0 0;height:100vh;transform:translate(-100%);box-shadow:0 16px 30px #0f172a47}.sidebar.sidebar-open{transform:translate(0)}.mobile-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a6b;border:none;z-index:15}.mobile-nav-toggle,.mobile-nav-close-btn{display:inline-flex}.main-content{padding:52px 1rem 1rem}.subscription-banner{padding:10px 12px}}.logo-container{display:flex;align-items:center;justify-content:center}.logo-svg,.logo-img{width:100%;height:100%;object-fit:contain}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.5rem;background-color:var(--color-surface-alt);box-sizing:border-box}.auth-card{width:100%;max-width:420px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-md);padding:32px;color:var(--color-text);box-sizing:border-box}.auth-logo-wrap{display:flex;justify-content:center;margin-bottom:1.25rem}.auth-logo-wrap .logo-container{width:56px;height:56px}.auth-heading{font-size:1.5rem;font-weight:600;margin-bottom:.25rem;text-align:center;color:var(--color-primary)}.auth-subheading{font-size:.95rem;color:var(--color-text-muted);opacity:1;margin-bottom:1.75rem;text-align:center;line-height:1.45}.auth-input-group{margin-bottom:1.25rem;text-align:left}.auth-input-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary-mid);margin-bottom:.5rem}.auth-input-wrapper{position:relative}.auth-input{width:100%;height:44px;padding:0 1rem;border:1px solid var(--color-border-dark);border-radius:var(--radius-md, 8px);font-size:1rem;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background-color:var(--color-surface)}.auth-textarea{height:auto;min-height:96px;padding:.75rem 1rem;resize:vertical;font-family:inherit;line-height:1.45}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0032491f}.auth-input-hint{margin-top:.35rem;font-size:.8125rem;color:var(--color-text-muted)}.auth-password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);font-size:.875rem;padding:0;cursor:pointer}.auth-password-toggle:hover{color:var(--color-text)}.auth-password-toggle:disabled{opacity:.5;cursor:not-allowed}.auth-button{background-color:var(--color-accent);color:var(--color-primary);border:none;height:44px;font-size:1rem;font-weight:600;border-radius:var(--radius-md, 8px);width:100%;transition:background-color .2s;margin-top:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.auth-button:hover:not(:disabled){background-color:var(--color-accent-hover)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-error-message{color:var(--color-danger);font-size:.875rem;margin-bottom:1.25rem;text-align:center;padding:10px 12px;background-color:#dc262614;border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-danger);line-height:1.4}.auth-success-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.auth-success-checkmark{width:72px;height:72px;border-radius:50%;display:block;stroke-width:2;stroke:var(--color-success);stroke-miterlimit:10;animation:authFillAnimation .4s ease-in-out .4s forwards,authScaleAnimation .3s ease-in-out 0s both}.auth-success-checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--color-success);fill:none;animation:authStrokeAnimation .6s cubic-bezier(.65,0,.45,1) forwards}.auth-success-checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:authStrokeAnimation .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes authStrokeAnimation{to{stroke-dashoffset:0}}@keyframes authScaleAnimation{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes authFillAnimation{to{box-shadow:inset 0 0 0 36px #16a34a1a}}.auth-divider{margin:1.5rem 0 .75rem;text-align:center;font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.auth-secondary-copy{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-text-muted);text-align:center}.auth-footer-link{margin-top:1.25rem;text-align:center;font-size:.9rem;color:var(--color-text-muted)}.auth-footer-link a,.auth-link-button{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-footer-link a:hover,.auth-link-button:hover{text-decoration:underline}.auth-link-button{background:none;border:none;padding:0;cursor:pointer;font:inherit}.auth-button-secondary{margin-top:.75rem;background-color:transparent;color:var(--color-primary);border:1px solid var(--color-border-dark)}.auth-button-secondary:hover:not(:disabled){background-color:#09475d0f}.auth-info-message{color:var(--color-primary);font-size:.875rem;margin-bottom:1.25rem;text-align:center;padding:10px 12px;background-color:#09475d14;border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-primary);line-height:1.4}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-left:4px solid;min-width:300px;animation:slideInUp .3s ease-out forwards}.toast-success{border-left-color:#10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-message{flex:1;font-size:.875rem;font-weight:500;color:var(--color-text)}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.toast-close:hover{background-color:#f3f4f6;color:#4b5563}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:767px){.toast-container{left:.75rem;right:.75rem;bottom:.75rem}.toast{min-width:0;width:100%;padding:.875rem 1rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#11182780;display:flex;justify-content:center;align-items:center;z-index:1250;padding:16px}.modal-content{background-color:#fff;padding:24px;border-radius:12px;max-width:420px;width:100%;box-shadow:0 22px 44px #0000002e,0 0 0 1px #0f172a0a}.modal-title{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 12px}.modal-message{font-size:.9375rem;color:#475569;margin:0 0 20px;line-height:1.55;white-space:pre-line}.modal-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.modal-actions .btn-secondary,.modal-actions .btn-primary{min-width:104px;height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:8px}.employees-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.assigned-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#e0e7ff;color:#4338ca}.unassigned-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#f3f4f6;color:#6b7280}.text-muted{color:#9ca3af;font-style:italic}.employee-form-panel .panel-description{margin:.35rem 0 0;color:#6b7280;font-size:.875rem;line-height:1.4}.employee-certifications-section{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.employee-certifications-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.employee-certifications-header .form-section-title{margin:0;font-size:.95rem}.employee-certifications-hint{margin:0;color:#6b7280;font-size:.8125rem}.employee-certificate-card{border:1px solid #e5e7eb;border-radius:10px;padding:.875rem;display:flex;flex-direction:column;gap:.75rem;background:#fafafa}.employee-certificate-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.employee-certificate-card-title{font-size:.875rem;font-weight:600;color:#374151}.employee-certificate-dates{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.employee-certificate-upload{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.employee-certificate-file-label{font-size:.8125rem;color:#4b5563;word-break:break-word}.employee-certificate-upload-btn{position:relative;overflow:hidden;cursor:pointer}.employee-certificate-upload-btn input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:640px){.employee-certificate-dates{grid-template-columns:1fr}}.employees-container .btn-icon-outline-success{color:#16a34a;border-color:transparent;background-color:transparent}.employees-container .btn-icon-outline-success:hover{color:#15803d;border-color:#86efac;background-color:#f0fdf4}.employees-container .btn-icon-outline-danger{color:#dc2626;border-color:transparent;background-color:transparent}.employees-container .btn-icon-outline-danger:hover{color:#b91c1c;border-color:#fecaca;background-color:#fef2f2}.employee-form-panel .panel-body{padding:.95rem 1.1rem}.employee-form-panel .form-section{margin-bottom:.8rem}.employee-form-panel .form-section-title{margin-bottom:.45rem;padding-bottom:.3rem}.employee-form-panel .form-section-content{gap:.45rem}.employee-form-panel .input-group{gap:.2rem}.employee-form-panel .input-group>.error-message{margin-top:0;font-size:.6875rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:767px){.employees-container{gap:1rem}.employees-container .action-buttons{flex-wrap:wrap}.employees-container .btn-icon{width:30px;height:30px}.list-pagination{flex-direction:column;align-items:flex-start}.list-pagination-controls{width:100%;overflow-x:auto;padding-bottom:2px}}.supervisors-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header-content{display:flex;flex-direction:column}.page-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.page-subtitle{font-size:1rem;color:#6b7280}.btn-primary{display:flex;align-items:center;gap:.5rem;background-color:var(--color-primary);color:var(--color-surface);border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-primary-mid)}.btn-secondary{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:var(--color-text);border:1px solid #d1d5db;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s}.btn-destructive{background-color:#ef4444;color:#fff}.btn-destructive:hover{background-color:#dc2626}.content-card{background-color:var(--color-surface);border-radius:10px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.filter-bar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1.5rem;border-bottom:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.search-container{display:flex;align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.5rem 1rem;flex:1;max-width:400px;min-width:0}.search-icon{color:#9ca3af;margin-right:.5rem}.search-input{border:none;background:transparent;outline:none;width:100%;min-width:0;font-size:.875rem;color:var(--color-text)}.search-input::placeholder{color:#9ca3af}.filter-container{display:flex;align-items:center}.filter-bar--search-only .search-container{max-width:none}.status-select{border:1px solid #e5e7eb;border-radius:6px;padding:.5rem 2rem .5rem 1rem;font-size:.875rem;color:var(--color-text);background-color:#fff;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.supervisor-table{width:100%;border-collapse:collapse;text-align:left}.supervisor-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.supervisor-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.supervisor-row:hover{background-color:#f9fafb}.supervisor-row td{padding:1rem 1.5rem;font-size:.875rem;color:var(--color-text);vertical-align:middle}.cell-avatar{width:60px}.avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover}.avatar-initials{width:36px;height:36px;border-radius:50%;background-color:#e5e7eb;color:#4b5563;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.btn-link{background:none;border:none;color:var(--color-primary);font-weight:500;cursor:pointer;padding:0;font-size:inherit}.btn-link:hover{text-decoration:underline}.cell-email,.cell-phone{color:#4b5563}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge-active{background-color:#d1fae5;color:#065f46}.status-badge-inactive{background-color:#f3f4f6;color:#4b5563}.status-badge-pending{background-color:#fef3c7;color:#92400e}.status-badge-expired{background-color:#fee2e2;color:#991b1b}.status-badge-deactivated{background-color:#e5e7eb;color:#4b5563}.employees-container .mobile-user-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.employees-container .mobile-user-action-btn{border:1px solid #e2e8f0;background:#fff;color:#374151;font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.employees-container .mobile-user-action-btn:hover{background:#f8fafc;border-color:#cbd5e1}.employees-container .mobile-user-action-btn--danger{color:#b91c1c;border-color:#fecaca}.employees-container .mobile-user-action-btn--danger:hover{background:#fef2f2;border-color:#fca5a5}.supervisors-container .action-buttons,.employees-container .action-buttons{display:flex;gap:.5rem;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;padding:.2rem .35rem;width:fit-content}.supervisors-container .btn-icon,.employees-container .btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid transparent;background-color:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.supervisors-container .btn-icon:hover,.employees-container .btn-icon:hover{background-color:#fff;color:var(--color-text);box-shadow:0 1px 2px #0f172a26}.supervisors-container .btn-icon:focus-visible,.employees-container .btn-icon:focus-visible{outline:none;box-shadow:0 0 0 2px #2563eb40}.supervisors-container .btn-icon:disabled,.employees-container .btn-icon:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.supervisors-container .btn-icon:after,.employees-container .btn-icon:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#111827;color:#fff;font-size:.7rem;line-height:1;padding:.3rem .4rem;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .15s ease;white-space:nowrap}.supervisors-container .btn-icon:hover:after,.supervisors-container .btn-icon:focus-visible:after,.employees-container .btn-icon:hover:after,.employees-container .btn-icon:focus-visible:after{opacity:1}.supervisors-container .btn-icon-success:hover,.employees-container .btn-icon-success:hover{color:#10b981;background-color:#d1fae5}.supervisors-container .btn-icon-outline-success,.employees-container .btn-icon-outline-success{color:#16a34a;border-color:transparent;background-color:transparent}.supervisors-container .btn-icon-outline-success:hover,.employees-container .btn-icon-outline-success:hover{color:#15803d;border-color:transparent;background-color:transparent}.supervisors-container .btn-icon-warning:hover,.employees-container .btn-icon-warning:hover{color:#f59e0b;background-color:#fef3c7}.supervisors-container .btn-icon-outline-danger,.employees-container .btn-icon-outline-danger{color:#dc2626;border-color:transparent;background-color:transparent}.supervisors-container .btn-icon-outline-danger:hover,.employees-container .btn-icon-outline-danger:hover{color:#b91c1c;border-color:transparent;background-color:transparent}.supervisors-container .btn-icon-danger:hover,.employees-container .btn-icon-danger:hover{color:#ef4444;background-color:#fee2e2}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:#9ca3af;margin-bottom:1rem}.empty-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.empty-message{font-size:.875rem;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background-color:var(--color-surface);border-radius:10px;padding:1.5rem;width:100%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.modal-message{font-size:.875rem;color:#4b5563;margin-bottom:1.5rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.skeleton-table{background-color:var(--color-surface);border-radius:10px;padding:1rem}.skeleton-row{display:flex;align-items:center;padding:1rem;gap:1.5rem;border-bottom:1px solid #f3f4f6}.skeleton-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}.supervisor-form-panel .panel-body{padding:1rem 1.1rem}.supervisor-form-panel .form-section{margin-bottom:.9rem}.supervisor-form-panel .form-section-title{margin-bottom:.5rem;padding-bottom:.35rem}.supervisor-form-panel .form-section-content{gap:.25rem}.supervisor-form-panel .input-group{gap:.08rem;margin:0}.supervisor-form-panel .input-group>.error-message{margin-top:0;font-size:.67rem;line-height:1.1;max-height:.74rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.supervisor-form-panel .input-control{padding:.66rem .9rem;border-radius:8px}.supervisor-form-panel .input-control:focus{box-shadow:0 0 0 2px #2563eb1f}.supervisor-form-panel .password-input-control{height:42px;padding:.65rem 5.2rem .65rem 2.5rem}.list-pagination{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.list-pagination-summary{font-size:.875rem;color:#6b7280}.list-pagination-controls{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.list-page-btn{min-width:34px;height:34px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:var(--color-text);font-size:.8125rem;font-weight:600;padding:0 10px;cursor:pointer;transition:all .2s ease}.list-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.list-page-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.list-page-btn:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1023px){.page-header{flex-wrap:wrap;gap:.75rem;align-items:flex-start}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.supervisor-table{min-width:860px}}@media(max-width:767px){.supervisors-container{gap:1rem}.supervisor-table.responsive-table-cards{min-width:0;width:100%}.table-container:has(.responsive-table-cards){overflow-x:visible}.filter-bar{padding:1rem 1.25rem 1.25rem}.search-container{max-width:none;min-width:100%}.content-card .table-container:has(.responsive-table-cards){padding:0 1.25rem 1.25rem}.content-card>.empty-state{padding-left:1.25rem;padding-right:1.25rem}.supervisors-container .action-buttons,.employees-container .action-buttons{gap:.35rem}.supervisors-container .btn-icon:after,.employees-container .btn-icon:after{display:none}.list-pagination{flex-direction:column;align-items:flex-start}.list-pagination-controls{width:100%;overflow-x:auto;padding-bottom:2px}}.panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:100}.slide-panel{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background-color:#fff;z-index:101;display:flex;flex-direction:column;box-shadow:none;border-left:1px solid #e5e7eb;transform:translate(100%);transition:transform .3s ease-in-out}.slide-panel.open{transform:translate(0)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background-color:#fff}.panel-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-close:hover{background-color:#f3f4f6;color:var(--color-text)}.panel-body{flex:1;overflow-y:auto;padding:1.5rem}.panel-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#fff}.form-section{margin-bottom:1.5rem}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6}.form-section-content{display:flex;flex-direction:column;gap:.9rem}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#d97706;letter-spacing:.05em}.required-asterisk{color:#ef4444}.input-control{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:var(--color-text);background-color:#fff;outline:none;transition:border-color .2s}.input-control:focus{border-color:var(--color-primary)}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444}.password-input-wrap{position:relative;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.password-input-control{border:0;background:transparent;width:100%;height:44px;padding:.65rem 5.2rem .65rem 2.5rem;position:relative;z-index:2}.password-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.password-input-wrap.has-error{border-color:#ef4444}.password-input-wrap.has-error:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.password-leading-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#9ca3af;display:inline-flex;pointer-events:none;z-index:3}.password-visibility-btn{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);border:1px solid #e5e7eb;border-radius:9999px;background:#f9fafb;color:#374151;font-size:.75rem;font-weight:600;cursor:pointer;padding:.2rem .6rem;line-height:1.1;transition:all .2s ease;z-index:4}.password-visibility-btn:hover{color:var(--color-primary);border-color:#2563eb59;background:#fff}.password-visibility-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #2563eb33}.error-message{font-size:.75rem;color:#ef4444;margin-top:.25rem}.textarea-control{resize:vertical;min-height:100px}.image-upload-container{display:flex;align-items:center;gap:1.5rem}.image-preview{width:80px;height:80px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;border:1px dashed #d1d5db;display:flex;align-items:center;justify-content:center}.preview-img{width:100%;height:100%;object-fit:cover}.preview-placeholder{color:#9ca3af}.image-upload-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.hidden-input{display:none}.cursor-pointer{cursor:pointer}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-link-danger{color:#ef4444}.btn-link-danger:hover{color:#dc2626}@media(max-width:767px){.slide-panel{width:100vw;border-left:none}.panel-header,.panel-body,.panel-footer{padding:1rem}.panel-footer{gap:.6rem;flex-wrap:wrap}.image-upload-container{flex-direction:column;align-items:flex-start;gap:.8rem}}.dashboard-container{display:flex;flex-direction:column;gap:2rem;max-width:none;margin:0}.dashboard-header{margin-bottom:.5rem}.dashboard-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.dashboard-subtitle{font-size:1rem;color:#6b7280}.greeting-section{margin-bottom:1rem}.greeting-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.greeting-date{font-size:.875rem;color:#6b7280}.dashboard-hero{background:linear-gradient(135deg,#0b3d4f,#114f63 55%,#146b86);border-radius:14px;padding:1.25rem 1.4rem;box-shadow:0 10px 24px #07242e33;color:#fff}.dashboard-hero-company-row{display:flex;align-items:center;gap:.85rem}.dashboard-hero-company-photo{width:56px;height:56px;border-radius:999px;object-fit:cover;border:2px solid rgba(255,255,255,.6);background-color:#fff;flex-shrink:0}.dashboard-hero-company-text{min-width:0}.dashboard-hero-company{margin:0;font-size:1.55rem;font-weight:700;line-height:1.2;color:#fff}.dashboard-hero-greeting{margin:.9rem 0 .1rem;font-size:1.15rem;font-weight:600;color:#fff}.dashboard-hero-date{margin:0;font-size:.88rem;color:#ffffffdb}.section-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 1rem}.section-header{margin-bottom:1rem}.section-header .section-title{margin-bottom:.35rem}.section-subtitle{margin:0;font-size:.875rem;color:#6b7280;line-height:1.45}.dashboard-subscription-section{margin-top:.25rem}.dashboard-subscription-panel{background-color:var(--color-surface);border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0f172a0f}.dashboard-subscription-panel--success{border-color:#a7f3d0;box-shadow:0 1px 3px #0f172a0f,0 0 0 1px #10b9811f}.dashboard-subscription-panel--warning{border-color:#fcd34d;box-shadow:0 1px 3px #0f172a0f,0 0 0 1px #f59e0b26}.dashboard-subscription-panel--danger{border-color:#fca5a5;box-shadow:0 1px 3px #0f172a0f,0 0 0 1px #ef44441f}.dashboard-subscription-panel--ended{border-color:#e5e7eb;background:linear-gradient(180deg,#f9fafb 0%,var(--color-surface) 48%)}.dashboard-subscription-panel--empty{border-color:#e2e8f0;background:linear-gradient(180deg,#f8fafc 0%,var(--color-surface) 55%)}.dashboard-subscription-panel--empty .dashboard-subscription-panel-icon{background:#f1f5f9;color:#64748b}.dashboard-subscription-panel-empty-text{margin:.5rem 0 0;font-size:.875rem;color:#6b7280;line-height:1.5;max-width:42rem}.dashboard-subscription-panel-main{display:flex;align-items:flex-start;gap:.85rem;padding:1.15rem 1.25rem 1rem;flex-wrap:wrap}.dashboard-subscription-panel-icon{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ecfdf5,#d1fae5);color:#059669}.dashboard-subscription-panel--warning .dashboard-subscription-panel-icon{background:linear-gradient(145deg,#fffbeb,#fef3c7);color:#d97706}.dashboard-subscription-panel--danger .dashboard-subscription-panel-icon{background:linear-gradient(145deg,#fef2f2,#fecaca);color:#dc2626}.dashboard-subscription-panel--ended .dashboard-subscription-panel-icon{background:#f3f4f6;color:#6b7280}.dashboard-subscription-panel-copy{flex:1;min-width:0}.dashboard-subscription-panel-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text)}.dashboard-subscription-panel-org{margin:.2rem 0 0;font-size:.8125rem;color:#6b7280}.dashboard-subscription-status-pill{margin-left:auto;align-self:flex-start;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-subscription-status-pill--success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.dashboard-subscription-status-pill--warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.dashboard-subscription-status-pill--danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.dashboard-subscription-status-pill--ended{background:#f3f4f6;color:#4b5563;border:1px solid #e5e7eb}.dashboard-subscription-status-pill--neutral{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.dashboard-subscription-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem 1.25rem;padding:0 1.25rem 1.15rem;border-top:1px solid #f3f4f6}.dashboard-subscription-metric{display:flex;flex-direction:column;gap:.2rem}.dashboard-subscription-metric-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.dashboard-subscription-metric-value{font-size:.9375rem;font-weight:600;color:var(--color-text);line-height:1.3}.dashboard-subscription-metric-hint{font-size:.75rem;color:#6b7280}.dashboard-subscription-panel-footer{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem 1.15rem;background:linear-gradient(180deg,#fafafa,#f3f4f6);border-top:1px solid #e5e7eb}.dashboard-subscription-cta{align-self:flex-start;background-color:var(--color-accent);color:var(--color-text);border:none;padding:.65rem 1.35rem;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s}.dashboard-subscription-cta:hover{background-color:var(--color-accent-hover)}.dashboard-subscription-footnote{font-size:.75rem;color:#6b7280;margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:1.5rem}.metric-card{background-color:var(--color-surface);border:1px solid var(--color-border, #e5e7eb);padding:20px;border-radius:10px;display:flex;flex-direction:column;min-width:0;box-shadow:0 1px 2px #0f172a0a}.metric-value{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem;line-height:1}.metric-title{font-size:.875rem;color:#6b7280;font-weight:500}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.quick-action-card{background-color:var(--color-surface);padding:20px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border:1px solid transparent;cursor:pointer;transition:all .2s;color:var(--color-text);min-width:0;width:100%;box-sizing:border-box;text-align:center}.quick-action-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.quick-action-card:disabled{opacity:.5;cursor:not-allowed;transform:none;border-color:transparent}.quick-action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#f3f4f6;border-radius:50%;color:var(--color-primary)}.quick-action-title{font-size:.875rem;font-weight:500;text-align:center;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.recent-activity-list{display:flex;flex-direction:column;gap:.75rem}.recent-activity-item{background-color:var(--color-surface);border:1px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.recent-activity-title{margin:0;color:var(--color-text);font-size:.9375rem;font-weight:500}.recent-activity-details{margin:.35rem 0 0;color:#4b5563;font-size:.8125rem;line-height:1.45}.recent-activity-time{margin:.35rem 0 0;color:#6b7280;font-size:.8125rem}.recent-activity-status{background-color:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;white-space:nowrap}.recent-activity-empty{background-color:var(--color-surface);border:1px dashed #d1d5db;border-radius:10px;padding:1rem;color:#6b7280;font-size:.875rem}.banner{padding:1rem 1.5rem;border-radius:8px;font-weight:500;margin-bottom:1rem}.banner-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fcd34d}.banner-error{background-color:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.skeleton{background:#e5e7eb;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.skeleton-text{height:1rem;width:100%}.skeleton-title{height:1.5rem;width:60%;margin-bottom:.5rem}.skeleton-metric{height:2.5rem;width:50%;margin-bottom:.5rem}.skeleton-card{background-color:var(--color-surface);padding:20px;border-radius:10px}@media(max-width:1023px){.dashboard-container{gap:1.2rem}.dashboard-subscription-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.dashboard-hero{padding:1rem}.dashboard-hero-company-row{align-items:flex-start}.dashboard-hero-company-photo{width:48px;height:48px}.dashboard-hero-company{font-size:1.2rem}.section-title{margin-bottom:.75rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{padding:12px 14px}.metrics-grid .metric-card:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.metrics-grid .metric-card:last-child:nth-child(odd) .metric-value{margin-bottom:0}.metrics-grid .metric-card:last-child:nth-child(odd) .metric-title{text-align:right}.metric-value{font-size:1.5rem;margin-bottom:.25rem}.metric-title{font-size:.75rem;line-height:1.3}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action-card{flex-direction:row;justify-content:center;align-items:center;padding:10px 12px;gap:8px;min-height:48px}.quick-action-icon{width:40px;height:40px;flex-shrink:0}.quick-action-title{flex:0 1 auto;text-align:center;font-size:.75rem;line-height:1.35;max-width:calc(100% - 48px)}.recent-activity-item{flex-direction:column;align-items:flex-start}.recent-activity-status{white-space:normal}}@media(max-width:360px){.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{align-items:center}}.image-preview-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#1118278c;display:flex;align-items:center;justify-content:center;padding:16px;animation:image-preview-dialog-fade-in .15s ease-out}@keyframes image-preview-dialog-fade-in{0%{opacity:0}to{opacity:1}}.image-preview-dialog-footer-link{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:6px;border:1px solid #bfdbfe;background-color:#eff6ff;color:#1d4ed8;font-size:.8125rem;font-weight:600;text-decoration:none}.image-preview-dialog-footer-link:hover{background-color:#dbeafe}.image-upload-preview-trigger{width:100%;height:100%;padding:0;margin:0;border:none;background:transparent;cursor:zoom-in;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:0}.image-upload-preview-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.image-upload-preview-trigger .preview-img{pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.assignment-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(640px,calc(100vw - 1.5rem));background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1001;display:flex;flex-direction:column;max-height:90vh}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .25rem}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:0}.modal-search{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6}.modal-select-all{padding:.75rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.select-all-label{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer}.modal-body{flex:1;overflow-y:auto;padding:0;min-height:200px}.employee-list{display:flex;flex-direction:column}.employee-checkbox-row{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.employee-checkbox-row:hover{background-color:#f9fafb}.employee-checkbox-row:last-child{border-bottom:none}.checkbox-container{margin-right:1rem;display:flex;align-items:center}.custom-checkbox{width:1.25rem;height:1.25rem;border-radius:4px;border:1px solid #d1d5db;cursor:pointer}.employee-info-container{display:flex;align-items:center;gap:1rem;flex:1}.employee-avatar-small{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.employee-details{display:flex;flex-direction:column}.employee-name{font-weight:500;color:var(--color-text)}.employee-role{font-size:.75rem;color:#6b7280}.employee-assignment-note{display:flex;align-items:center;font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.25rem .625rem;border-radius:4px;white-space:normal;text-align:right}.employee-checkbox-row--disabled{cursor:not-allowed;background-color:#fafafa}.employee-checkbox-row--disabled:hover{background-color:#fafafa}.employee-checkbox-row--disabled .employee-name{color:#9ca3af}.employee-checkbox-row--disabled .employee-role{color:#c4c9d0}.employee-checkbox-row--disabled .employee-avatar-small{opacity:.5}.employee-checkbox-row--disabled .custom-checkbox{cursor:not-allowed;opacity:.45}.empty-search-results{padding:3rem;text-align:center;color:#6b7280}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px}@media(max-width:767px){.assignment-modal{width:calc(100vw - 1rem);max-height:94vh}.modal-header,.modal-search,.modal-select-all,.employee-checkbox-row,.modal-footer{padding-left:1rem;padding-right:1rem}.employee-info-container{gap:.7rem}.employee-avatar-small{width:34px;height:34px}.employee-assignment-note{font-size:.7rem;max-width:110px}.modal-footer{gap:.6rem;flex-wrap:wrap}}.supervisor-detail-container{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.back-link-container{margin-bottom:-.5rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0;transition:color .2s}.btn-back:hover{color:var(--color-text)}.header-actions{display:flex;gap:1rem}.detail-cards{display:grid;grid-template-columns:1fr;gap:1.5rem}.info-card{padding:1.5rem}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#d97706;letter-spacing:.05em}.info-value{font-size:.875rem;color:var(--color-text);font-weight:500}.section-header{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.badge-count{display:inline-flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#4b5563;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.form-records-container{padding:24px;max-width:1200px;margin:0 auto}.form-records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.form-records-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.filters-section{display:flex;gap:16px;margin-bottom:24px;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:200px}.filter-label{font-size:.875rem;font-weight:500;color:#4b5563}.filter-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.records-table-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.records-table{width:100%;min-width:860px;border-collapse:collapse}.records-table th,.records-table td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}.records-table th{background-color:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.records-table td{font-size:.875rem;color:#111827}.records-pagination{border-top:1px solid #e5e7eb;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#fff}.records-pagination-info{font-size:.8125rem;color:#64748b}.records-pagination-controls{display:flex;align-items:center;gap:6px}.records-page-btn{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:6px;min-width:34px;padding:6px 10px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.records-page-btn:hover:not(:disabled){background:#f8fafc}.records-page-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface)}.records-page-btn:disabled{opacity:.45;cursor:not-allowed}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.submitted{background-color:#dcfce7;color:#166534}.status-badge.rejected{background-color:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.btn-icon-action{width:32px;height:32px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#334155;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.btn-icon-action:hover:not(:disabled){background:#f8fafc}.btn-icon-action:focus-visible{outline:2px solid rgba(37,99,235,.3);outline-offset:2px}.btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.btn-outline-view{border-color:var(--color-primary-light);color:var(--color-primary);background:#edf4f7}.btn-outline-view:hover:not(:disabled){background:#e3eef2}.btn-outline-download{border-color:#cbd5e1;color:#334155;background:#f8fafc}.btn-outline-download:hover:not(:disabled){background:#eef2f7}.btn-outline-email{border-color:#cbd5e1;color:#334155;background:#f8fafc}.btn-outline-email:hover:not(:disabled){background:#eef2f7}.btn-outline-delete{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.btn-outline-delete:hover:not(:disabled){background:#fee2e2}.btn-action{padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-action:disabled{opacity:.55;cursor:not-allowed}.btn-view{background-color:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.btn-view:hover{background-color:#dbeafe}.btn-download{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.btn-download:hover{background-color:#e5e7eb}.btn-email{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.btn-email:hover{background-color:#e5e7eb}.empty-state{padding:56px 24px;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.empty-state-icon{width:52px;height:52px;border-radius:9999px;background-color:#e8f1f4;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.empty-state-icon svg{width:24px;height:24px}.empty-state-title{margin:0;color:#111827;font-size:1.125rem;font-weight:700}.empty-state-message{margin:0;color:#6b7280;font-size:.9375rem}.empty-state-btn{margin-top:8px;border:1px solid var(--color-primary-light);background-color:#edf4f7;color:var(--color-primary);border-radius:8px;font-size:.875rem;font-weight:600;padding:8px 14px;cursor:pointer;transition:all .2s ease}.empty-state-btn:hover{background-color:#e3eef2}.fr-email-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.fr-email-modal{width:min(460px,100%);background:#fff;border-radius:12px;box-shadow:0 20px 35px #0f172a40;padding:1rem 1rem .9rem}.fr-email-modal-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:700;color:#0f172a}.fr-email-modal-message{margin:0 0 .9rem;color:#475569;font-size:.9rem}.fr-email-modal-field{display:flex;flex-direction:column;gap:.35rem}.fr-email-modal-field label{font-size:.82rem;font-weight:600;color:#334155}.fr-email-modal-field input{border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;padding:.6rem .7rem}.fr-email-modal-field input:focus{outline:2px solid rgba(0,50,73,.2);border-color:var(--color-primary-mid)}.fr-email-modal-error{margin:.55rem 0 0;font-size:.82rem;color:#b91c1c}.fr-email-modal-actions{margin-top:.95rem;display:flex;justify-content:flex-end;gap:.5rem}.btn-email-cancel{background:#fff;color:#334155;border-color:#cbd5e1}.btn-email-cancel:hover{background:#f8fafc}.btn-email-confirm{background:var(--color-primary);color:var(--color-surface);border-color:var(--color-primary)}.btn-email-confirm:hover{background:var(--color-primary-mid);border-color:var(--color-primary-mid)}.fr-delete-modal{width:min(500px,100%);border:1px solid #fecaca}.fr-delete-header{display:flex;align-items:center;gap:.55rem}.fr-delete-icon{width:26px;height:26px;border-radius:9999px;background:#fee2e2;color:#b91c1c;display:inline-flex;align-items:center;justify-content:center}.fr-delete-meta{margin-top:.65rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;display:flex;flex-direction:column;gap:.5rem;font-size:.82rem;color:#334155}.fr-delete-meta-row{display:flex;justify-content:space-between;gap:.75rem}.fr-delete-meta-label{color:#64748b;font-weight:600}.fr-delete-meta-value{color:#0f172a;font-weight:600;text-align:right;word-break:break-word}.fr-delete-warning{margin:.7rem 0 0;color:#b91c1c;font-size:.8rem;font-weight:600}.btn-delete-confirm{background:#dc2626;color:#fff;border-color:#dc2626}.btn-delete-confirm:hover{background:#b91c1c}@media(max-width:1023px){.form-records-container{padding:16px}.form-records-header{flex-wrap:wrap;gap:8px;margin-bottom:16px}.filters-section{gap:10px;padding:12px;margin-bottom:16px}.filter-group{min-width:180px}}@media(max-width:767px){.form-records-container{padding:12px}.form-records-title{font-size:1.25rem}.filters-section{flex-direction:column}.filter-group{min-width:100%}.records-table-container{-webkit-overflow-scrolling:touch}.records-table{min-width:720px}.records-table th,.records-table td{padding:12px}.action-buttons{gap:6px;flex-wrap:wrap}.btn-icon-action{width:30px;height:30px}.records-pagination{padding:10px 12px;flex-direction:column;align-items:flex-start}.records-pagination-controls{width:100%;overflow-x:auto;padding-bottom:2px}}.fr-raw-modal{max-width:800px;width:90%;max-height:80vh;display:flex;flex-direction:column}.fr-raw-content{flex:1;overflow:auto;background:#f8f9fa;padding:1rem;border-radius:6px;font-family:monospace;font-size:.85rem;margin:1rem 0;border:1px solid #e9ecef}.fr-raw-content pre{margin:0;white-space:pre-wrap;word-break:break-all}.record-detail-container{padding:24px;max-width:800px;margin:0 auto}.record-detail-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.record-detail-email-btn{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:10px 16px;border:1px solid #0d9488;border-radius:8px;background:#fff;color:#0f766e;font-size:.875rem;font-weight:600;cursor:pointer}.record-detail-email-btn:hover{background:#f0fdfa}.record-detail-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.btn-back{background:none;border:none;color:#4b5563;cursor:pointer;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:8px}.btn-back:hover{color:#111827}.record-meta{background-color:#f9fafb;padding:16px;border-radius:8px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase}.meta-value{font-size:.875rem;font-weight:500;color:#111827}.record-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.record-step{margin-bottom:32px}.record-step:last-child{margin-bottom:0}.step-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.answer-item{margin-bottom:16px}.answer-label{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:4px}.answer-value{font-size:1rem;color:#111827;background-color:#f9fafb;padding:12px;border-radius:6px;border:1px solid #e5e7eb;white-space:pre-wrap}.answer-json{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.answer-media{display:flex;flex-direction:column;gap:10px}.answer-link{display:inline-flex;align-items:center;width:fit-content;padding:6px 10px;border-radius:6px;border:1px solid #bfdbfe;background-color:#eff6ff;color:#1d4ed8;font-size:.8125rem;font-weight:600;text-decoration:none}.answer-link:hover{background-color:#dbeafe}.answer-image-preview{max-width:280px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.answer-image-preview--compact{max-width:170px;max-height:90px;object-fit:contain}.record-image-thumb-trigger{display:inline-block;padding:0;margin:0;border:none;background:transparent;cursor:zoom-in;border-radius:8px;line-height:0;vertical-align:top}.record-image-thumb-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.record-image-thumb-trigger .answer-image-preview,.record-image-thumb-trigger .signature-image{vertical-align:middle}.record-image-thumb-trigger--signature,.record-image-thumb-trigger--photo{width:100%}.record-image-thumb-trigger--photo .answer-image-preview--compact{width:100%;max-width:100%}.image-preview-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#1118278c;display:flex;align-items:center;justify-content:center;padding:16px;animation:image-preview-fade-in .15s ease-out}@keyframes image-preview-fade-in{0%{opacity:0}to{opacity:1}}.image-preview-dialog{width:min(960px,100%);max-height:min(92vh,920px);background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 22px 44px #00000038,0 0 0 1px #0f172a0a;display:flex;flex-direction:column;overflow:hidden}.image-preview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.image-preview-dialog-title{margin:0;font-size:1rem;font-weight:700;color:#111827;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.image-preview-dialog-close{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#4b5563;font-size:1.5rem;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.image-preview-dialog-close:hover{background:#f3f4f6;color:#111827}.image-preview-dialog-body{padding:16px;overflow:auto;display:flex;align-items:center;justify-content:center;background:#f3f4f6;flex:1;min-height:0}.image-preview-dialog-img{max-width:100%;max-height:min(72vh,720px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 24px #0f172a1f;background:#fff}.image-preview-dialog-footer{padding:12px 16px 16px;border-top:1px solid #e5e7eb;background:#fff;display:flex;justify-content:flex-end;flex-shrink:0}.photo-upload-value{padding:10px}.photo-grid{display:flex;flex-wrap:wrap;gap:10px}.photo-card{width:190px;max-width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:8px;display:flex;flex-direction:column;gap:6px}.answer-link-list{display:flex;flex-direction:column;gap:10px}.answer-link-list-item{display:flex;flex-direction:column;gap:6px}.answer-link-key{font-size:.75rem;color:#4b5563;font-weight:600}.signature-box{border:2px dashed #d1d5db;padding:14px;border-radius:8px;background-color:#f9fafb;margin-top:8px}.signature-label{font-size:.875rem;color:#6b7280}.signature-gallery{display:flex;flex-wrap:wrap;gap:10px}.signature-preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;width:170px;max-width:100%}.signature-image{width:100%;height:92px;object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.signature-signer-name{font-size:.75rem;color:#374151;font-weight:600;line-height:1.25}.document-grid{display:flex;flex-wrap:wrap;gap:10px}.document-card{width:200px;max-width:100%;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}.document-card-title{font-size:.8rem;font-weight:700;color:#0f172a}.document-card-meta{font-size:.72rem;color:#64748b}.not-found{padding:48px;text-align:center;color:#6b7280}@media(max-width:1023px){.record-detail-container{padding:16px}.record-detail-header{gap:10px;flex-wrap:wrap;align-items:flex-start}.record-content{padding:16px}.record-step{margin-bottom:24px}}@media(max-width:767px){.record-detail-container{padding:12px}.record-detail-title{font-size:1.2rem}.record-meta{grid-template-columns:1fr;gap:10px;padding:12px}.answer-value{padding:10px}.photo-card,.document-card,.signature-preview-card{width:100%}.answer-image-preview,.answer-image-preview--compact{width:100%;max-width:100%;max-height:160px}.signature-image{height:110px}.document-grid,.photo-grid,.signature-gallery{gap:8px}}.status-badge{padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.completed,.status-badge.submitted{background-color:#dcfce7;color:#166534}.status-badge.draft{background-color:#fef3c7;color:#92400e}.status-badge.pending{background-color:#e0f2fe;color:#075985}.status-badge.unknown{background-color:#e2e8f0;color:#334155}.form-config-container{padding:2rem;max-width:var(--page-max-wide, 1200px);margin:0 auto}.form-config-header{margin-bottom:2.5rem}.form-config-title{font-size:2rem;font-weight:800;color:#111827;margin:0}.form-config-subtitle{color:#6b7280;margin-top:.5rem;font-size:1.125rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.5rem}.form-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:all .2s;box-shadow:0 1px 3px #0000000d}.form-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a;border-color:#d1d5db}.form-card-content{flex:1;display:flex;flex-direction:column}.form-card-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.form-card-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;flex:1}.form-card-footer{display:flex;justify-content:flex-end;align-items:center;padding-top:1rem;border-top:1px solid #f3f4f6}.form-card-action{font-size:.875rem;font-weight:600;color:#2563eb}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1023px){.form-config-container{padding:1.25rem}.form-config-header{margin-bottom:1.5rem}.form-config-title{font-size:1.65rem}.form-config-subtitle{font-size:1rem}}@media(max-width:767px){.form-config-container{padding:.9rem}.form-grid{gap:1rem}.form-card{padding:1rem}}.preconfig-builder-container{padding:2rem;max-width:var(--page-max-medium, 1000px);margin:0 auto;background-color:#f9fafb;min-height:calc(100vh - 1.5rem)}.preconfig-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.back-link-simple{display:block;color:#6b7280;text-decoration:none;font-size:.875rem;margin-bottom:.5rem}.back-link-simple:hover{color:#111827}.preconfig-title{font-size:2rem;font-weight:800;color:#111827;margin:0}.preconfig-subtitle{color:#6b7280;margin:.25rem 0 0;font-size:1rem}.btn-preview-runner{background-color:#fff;color:#111827;border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-preview-runner:hover{background-color:#f3f4f6;border-color:#9ca3af}.preconfig-content{display:flex;flex-direction:column;gap:1.5rem}.preconfig-section-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.preconfig-section-title{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1.25rem}.preconfig-fields-list{display:flex;flex-direction:column;gap:.75rem}.preconfig-field-item{background-color:#f9fafb;border-radius:8px;padding:.75rem 1rem}.preconfig-field-main{display:flex;align-items:center;gap:.75rem}.preconfig-field-label{font-weight:600;color:#374151;font-size:1rem}.badge-required{background-color:#dbeafe;color:#1e40af;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px}.badge-conditional{background-color:#fef3c7;color:#92400e;font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:4px}.preconfig-field-options{margin-top:.75rem;display:flex;align-items:flex-start;gap:.5rem}.options-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;margin-top:.25rem}.options-badges{display:flex;flex-wrap:wrap;gap:.375rem}.badge-option{background-color:#f3f4f6;color:#374151;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:4px;border:1px solid #e5e7eb}.preconfig-empty-fields{color:#9ca3af;font-style:italic;font-size:.875rem}.preconfig-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:.75rem}.preconfig-meta-grid.compact{margin-top:.75rem}.preconfig-meta-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.55rem .65rem}.preconfig-meta-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:.2rem}.preconfig-meta-value{display:block;color:#1f2937;font-size:.86rem;word-break:break-word}@media(max-width:1023px){.preconfig-builder-container{padding:1.25rem}.preconfig-header{align-items:flex-start;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.preconfig-title{font-size:1.6rem}}@media(max-width:767px){.preconfig-builder-container{padding:.9rem}.preconfig-section-card{padding:1rem}.preconfig-field-main{align-items:flex-start;flex-wrap:wrap;gap:.4rem}.preconfig-meta-grid{grid-template-columns:1fr}}.form-runner-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;padding:20px}.form-runner-container{width:100%;max-width:420px;min-height:min(850px,90vh);height:auto;max-height:90vh;background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;position:relative}.runner-nav-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:#111827;color:#fff}.runner-back-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.runner-back-btn:disabled{opacity:.3;cursor:not-allowed}.runner-header-info{text-align:center;flex:1}.runner-form-name{font-size:1rem;font-weight:600;margin:0 0 4px}.runner-step-indicator{font-size:.75rem;color:#9ca3af;margin:0}.runner-close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px}.runner-content{flex:1;overflow-y:auto;padding:24px 20px;background-color:#f9fafb}.runner-footer{padding:16px 20px;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;gap:12px}.runner-btn-next{flex:1;padding:14px;background-color:var(--color-accent);color:#111827;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .2s}.runner-btn-next:hover{background-color:#d9921c}.runner-btn-next:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.runner-btn-submit{flex:1;padding:14px;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer}.runner-btn-submit:hover{background-color:#059669}.runner-btn-submit:disabled{background-color:#a7f3d0;cursor:not-allowed}.runner-btn-draft{flex:1;padding:14px;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.runner-btn-draft:hover{background-color:#e5e7eb}.step-header{margin-bottom:24px}.step-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 8px}.step-desc{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.question-list{display:flex;flex-direction:column;gap:24px}.question-container{background-color:#fff;padding:16px;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.question-label{display:block;font-size:1rem;font-weight:600;color:#111827;margin-bottom:4px}.question-required{color:#ef4444;margin-left:4px}.question-help{font-size:.8125rem;color:#6b7280;margin:0 0 12px}.question-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;color:#111827;background-color:#f9fafb;box-sizing:border-box;font-family:inherit}.question-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #fda21533}.question-input:disabled{background-color:#e5e7eb;color:#6b7280;cursor:not-allowed}.question-textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;color:#111827;background-color:#f9fafb;box-sizing:border-box;font-family:inherit;min-height:100px;resize:vertical}.question-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #fda21533}.options-group{display:flex;flex-direction:column;gap:12px}.option-label{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#f9fafb}.option-label:hover{background-color:#f3f4f6}.option-label.selected{border-color:var(--color-accent);background-color:#fffbeb}.option-radio,.option-checkbox{width:20px;height:20px;accent-color:var(--color-accent)}.option-text{font-size:1rem;color:#374151}.yes-no-group{display:flex;gap:12px}.yes-no-btn{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:500;color:#374151;background-color:#f9fafb;cursor:pointer;transition:all .2s}.yes-no-btn.active{background-color:var(--color-accent);color:#111827;border-color:var(--color-accent)}.signature-pad{border:2px dashed #d1d5db;border-radius:8px;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f9fafb;cursor:pointer}.signature-pad.signed{border-style:solid;border-color:#10b981;background-color:#ecfdf5}.signature-icon{font-size:2rem;margin-bottom:8px;color:#9ca3af}.signature-pad.signed .signature-icon{color:#10b981}.signature-text{font-size:.875rem;color:#6b7280}.validation-message{display:flex;align-items:center;gap:6px;color:#dc2626;font-size:.875rem;margin-top:8px;padding:8px 12px;background-color:#fef2f2;border-radius:6px;border-left:3px solid #dc2626}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center}.success-icon{width:80px;height:80px;background-color:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:24px}.success-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 12px}.success-desc{font-size:1rem;color:#6b7280;margin:0 0 32px}.btn-back-dashboard{padding:14px 24px;background-color:#111827;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;width:100%}.btn-back-dashboard:hover{background-color:#374151}.final-step-workers{margin-bottom:24px}.worker-list{display:flex;flex-direction:column;gap:12px}.worker-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.worker-name{font-weight:500;color:#111827}.worker-status{font-size:.75rem;padding:4px 8px;border-radius:9999px;background-color:#e5e7eb;color:#4b5563}.worker-status.signed{background-color:#d1fae5;color:#065f46}@media(max-width:767px){.form-runner-wrapper{padding:8px;align-items:stretch}.form-runner-container{max-width:100%;min-height:calc(100vh - 16px);max-height:calc(100vh - 16px);border-radius:14px}.runner-nav-bar{padding:12px}.runner-content{padding:14px 12px}.runner-footer{padding:10px 12px}.runner-btn-next,.runner-btn-submit{padding:12px;font-size:.95rem}.yes-no-group{flex-direction:column}.question-container{padding:12px}}.notice-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#11182780;display:flex;align-items:center;justify-content:center;padding:20px;animation:notice-modal-fade-in .15s ease-out}@keyframes notice-modal-fade-in{0%{opacity:0}to{opacity:1}}.notice-modal{width:min(440px,100%);background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 22px 44px #0000002e,0 0 0 1px #0f172a0a;overflow:hidden}.notice-modal--info{border-top:4px solid #3b82f6}.notice-modal--success{border-top:4px solid #16a34a}.notice-modal--error{border-top:4px solid #dc2626}.notice-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 0}.notice-modal-title{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a;line-height:1.35;flex:1;min-width:0}.notice-modal-close{flex-shrink:0;width:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#64748b;font-size:1.35rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.notice-modal-close:hover{background:#f1f5f9;color:#0f172a}.notice-modal-message{margin:0;padding:14px 18px 20px;font-size:.9375rem;line-height:1.55;color:#475569;white-space:pre-line}.notice-modal-footer{padding:0 18px 18px;display:flex;justify-content:flex-end}.notice-modal-btn{min-width:100px;height:42px;padding:0 18px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease}.notice-modal-btn:hover{background:#1d4ed8}.notice-modal--error .notice-modal-btn{background:#dc2626}.notice-modal--error .notice-modal-btn:hover{background:#b91c1c}.notice-modal--success .notice-modal-btn{background:#16a34a}.notice-modal--success .notice-modal-btn:hover{background:#15803d}.subscription-container{max-width:920px;margin:0 auto;padding:24px}.subscription-page{padding-bottom:48px;min-height:100%;background:linear-gradient(180deg,#eef2f6,#f4f7f9 40%,#f0f4f8)}.subscription-header{margin-bottom:28px;padding:1.5rem 1.35rem 1.65rem;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#eef2ff 45%,#f0fdf4);border:1px solid #e2e8f0}.subscription-title{font-size:2rem;font-weight:700;color:#0f172a;margin:0 0 .35rem;letter-spacing:-.03em}.subscription-container .subscription-banner{padding:16px 20px;border-radius:8px;margin-bottom:24px;display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;font-weight:500;border-bottom:none}.subscription-container .subscription-banner.expiring_soon{background-color:#fffbeb;color:#b45309;border:1px solid #fde68a}.subscription-container .subscription-banner.expired{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.subscription-container .subscription-banner-icon{flex-shrink:0;font-size:1.125rem;line-height:1.5;display:inline-flex;align-items:center;justify-content:center}.subscription-container .subscription-banner>:not(.subscription-banner-icon){flex:1;min-width:0;line-height:1.5}.subscription-card{background-color:#fff;border-radius:14px;box-shadow:0 4px 6px -1px #0f172a14,0 2px 4px -2px #0f172a0d;border:1px solid #e5e7eb;overflow:hidden}.subscription-card-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.plan-info h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 4px}.plan-price{font-size:1.125rem;color:#4b5563;margin:0}.status-badge{padding:6px 12px;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.expiring_soon{background-color:#fef3c7;color:#92400e}.status-badge.expired{background-color:#fee2e2;color:#991b1b}.subscription-details{padding:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:1rem;color:#111827;font-weight:600}.subscription-actions{padding:24px;background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:16px;flex-wrap:wrap}.btn-upgrade,.btn-renew,.btn-support{padding:10px 20px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-upgrade{background-color:#111827;color:#fff}.btn-upgrade:hover{background-color:#374151}.btn-renew{background-color:#10b981;color:#fff}.btn-renew:hover{background-color:#059669}.btn-support{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-support:hover{background-color:#f3f4f6}.btn-cancel{padding:10px 20px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:1px solid #fecaca;background-color:#fef2f2;color:#991b1b}.btn-cancel:hover:not(:disabled){background-color:#fee2e2}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.subscription-cancel-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;max-width:min(320px,100%);vertical-align:top}.subscription-cancel-wrap--scheduled .btn-cancel:disabled{opacity:1;cursor:default;color:#7f1d1d;background-color:#fee2e2;border-color:#fca5a5}.subscription-cancel-hover-detail{display:none;flex-direction:column;gap:6px;width:min(300px,calc(100vw - 3rem));margin-top:10px;padding:12px 14px;border-radius:10px;background:#0f172a;color:#f8fafc;font-size:.8125rem;line-height:1.45;text-align:left;box-shadow:0 10px 28px -8px #0f172a73}.subscription-cancel-hover-detail strong{color:#fff;font-weight:700}.subscription-cancel-hover-detail-foot{font-size:.75rem;color:#cbd5e1}.subscription-cancel-wrap--scheduled:hover .subscription-cancel-hover-detail,.subscription-cancel-wrap--scheduled:focus-within .subscription-cancel-hover-detail{display:flex}.btn-upgrade:disabled{opacity:.5;cursor:not-allowed}.btn-renew:disabled{opacity:.5;cursor:not-allowed}.status-badge.cancelled{background-color:#f3f4f6;color:#374151}.status-badge.trialing{background-color:#dbeafe;color:#1e40af}.detail-value-capitalize{text-transform:capitalize}.subscription-page-loading{padding:3rem 2rem;max-width:920px;margin:0 auto;color:#475569;font-size:1rem;text-align:center;border-radius:14px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px dashed #cbd5e1}.subscription-source-error{font-size:.875rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px;margin:0 0 10px}.subscription-source-dl{margin:0;display:grid;grid-template-columns:minmax(100px,38%) 1fr;gap:6px 12px;font-size:.875rem}.subscription-source-dl dt{margin:0;color:#94a3b8;font-weight:600}.subscription-source-dl dd{margin:0;color:#0f172a;font-weight:600;word-break:break-word}.subscription-source-dl--compact{font-size:.8125rem}.subscription-id-code{font-size:.75rem;word-break:break-all}.subscription-inline-note{padding:0 24px;margin:0;font-size:.875rem;color:#6b7280}.subscription-inline-note--flush{padding:0;margin:0 0 1rem}.subscription-plans-surface{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.25rem;box-shadow:0 1px 2px #0f172a0a,0 4px 12px -2px #0f172a0f}.subscription-plans-heading-block{margin-bottom:1.35rem;padding-bottom:1.1rem;border-bottom:1px solid #f1f5f9}.subscription-plans-title{margin:0 0 .4rem;font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.subscription-plans-subtitle{margin:0;font-size:.875rem;color:#64748b;line-height:1.55;max-width:48rem}.subscription-plans{margin-top:2rem}.subscription-plans-secondary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.plans-grid--catalog{align-items:stretch;margin-top:1.5rem}.subscription-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a0f;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.subscription-plan-card:hover{border-color:#00324938;box-shadow:0 4px 12px -2px #0f172a1a;transform:translateY(-2px)}.subscription-plan-card--current{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#10b981,#34d399 45%,#6ee7b7) border-box;border-width:1px;border-style:solid;box-shadow:0 0 0 1px #10b9811f,0 12px 32px -12px #10b98147}.subscription-plan-card-accent{height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);flex-shrink:0}.subscription-plan-card--current .subscription-plan-card-accent{background:linear-gradient(90deg,#059669,#10b981 40%,#5eead4)}.subscription-plan-card-body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;flex:1;min-width:0;min-height:0}.subscription-plan-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.subscription-plan-card-identity{display:flex;align-items:center;gap:.75rem;min-width:0}.subscription-plan-card-avatar{flex-shrink:0;width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:800;letter-spacing:.04em;color:var(--color-primary);background:linear-gradient(145deg,#e8f4f8,#d4e8ef);border:1px solid rgba(0,50,73,.12)}.subscription-plan-card-heading{min-width:0;flex:1}.subscription-plan-card-title{margin:0;font-size:1.0625rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-plan-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.subscription-plan-card-badge-current{display:inline-flex;padding:4px 10px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#047857;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:999px}.subscription-plan-card-stripe-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid rgba(22,163,74,.2)}.subscription-plan-card-detail{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:3.25rem;min-width:0}.subscription-plan-card-description-box{min-width:0;max-width:100%;padding:12px 14px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.subscription-plan-card-description-label{margin:0 0 6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.subscription-plan-card-description-content{position:relative;min-width:0}.subscription-plan-card-description-content--clamped .subscription-plan-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.subscription-plan-card-description-fade{position:absolute;left:0;right:0;bottom:0;height:2rem;background:linear-gradient(to bottom,#f8fafc00,#f1f5f9);pointer-events:none}.subscription-plan-card-description{margin:0;font-size:.875rem;color:#334155;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}.subscription-plan-card-description--expanded{max-height:7.5rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.subscription-plan-card-description--expanded::-webkit-scrollbar{width:6px}.subscription-plan-card-description--expanded::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.subscription-plan-card-description-toggle{display:inline-flex;align-items:center;margin-top:8px;padding:4px 12px;border:1px solid rgba(0,50,73,.14);border-radius:999px;background:#e8f4f8;font-size:.75rem;font-weight:700;color:var(--color-primary);cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.subscription-plan-card-description-toggle:hover{background:#d4e8ef;border-color:#00324938}.subscription-plan-card-description-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subscription-plan-card-stripe-hint{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid rgba(22,163,74,.18);color:#047857;font-size:.8125rem;font-weight:600;line-height:1.4}.subscription-plan-card-stripe-hint svg{flex-shrink:0;color:#059669}.subscription-plan-card-features-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.subscription-plan-card-features-list li{display:flex;align-items:flex-start;gap:8px;font-size:.8125rem;color:#334155;line-height:1.4}.subscription-plan-card-feature-check{flex-shrink:0;margin-top:2px;color:#059669}.subscription-plan-card-features-more{padding-left:22px;color:#64748b;font-weight:600}.subscription-plan-card-features-count{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.8125rem;font-weight:600;color:var(--color-primary-mid)}.subscription-plan-card-stripe-note{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.75rem;font-weight:600;color:#059669}.subscription-plan-card-footer{margin-top:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.subscription-plan-card-footer--current{background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border-top-color:#bbf7d0}.subscription-plan-card-prices{display:flex;flex-direction:column;padding:.85rem 1rem 1rem}.subscription-plan-price-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:center;gap:12px 14px;padding:12px 0;border-top:1px solid rgba(226,232,240,.9)}.subscription-plan-price-row:first-child{border-top:none;padding-top:0}.subscription-plan-price-row--current{padding:14px 16px;margin-top:8px;background:#fff;border:1px solid #b6e9ce;border-radius:10px}.subscription-plan-price-stack{display:flex;flex-direction:column;gap:2px}.subscription-plan-price-amount{font-size:1.5rem;font-weight:800;color:var(--color-primary);letter-spacing:-.03em;line-height:1.1}.subscription-plan-price-row--current .subscription-plan-price-amount{color:#064e3b}.subscription-plan-price-interval{font-size:.875rem;font-weight:600;color:#64748b}.subscription-plan-current-status{display:inline-flex;align-items:center;gap:8px;justify-self:end;color:#047857;font-size:.875rem;font-weight:700}.subscription-plan-subscribe-btn{justify-self:end;padding:10px 14px;border-radius:8px;font-weight:600;font-size:.8125rem;cursor:pointer;border:none;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-mid) 100%);color:#fff;min-width:136px;text-align:center;box-shadow:0 1px 2px #00324959}.subscription-plan-subscribe-btn:hover:not(:disabled){filter:brightness(1.05)}.subscription-plan-subscribe-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:480px){.subscription-plan-price-row{grid-template-columns:1fr;gap:10px}.subscription-plan-subscribe-btn,.subscription-plan-current-status{justify-self:stretch;width:100%}}.plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px #0000000f}.plan-card h3{margin:0 0 .5rem;font-size:1.125rem;color:#111827}.plan-card p{margin:0 0 1rem;font-size:.875rem;color:#6b7280}.plan-card--catalog{display:flex;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden;border-radius:14px;border-color:#e2e8f0;box-shadow:0 1px 2px #0f172a0d,0 6px 16px -6px #0f172a14}.plan-card--catalog.plan-card--current-product{position:relative;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#10b981,#34d399 45%,#6ee7b7) border-box;border-width:1px;border-style:solid;box-shadow:0 0 0 1px #10b9811f,0 12px 32px -12px #10b98147,0 4px 16px -4px #0f172a14}.plan-card--catalog.plan-card--current-product:before{content:"";display:block;height:3px;width:100%;flex-shrink:0;background:linear-gradient(90deg,#059669,#10b981 40%,#5eead4);border-radius:14px 14px 0 0}.plan-card-badge-current{display:inline-flex;align-items:center;gap:4px;margin-left:0;padding:4px 10px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#047857;background:linear-gradient(180deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:999px;box-shadow:0 1px 2px #10b9811f}.plan-card--current-product .plan-card-body{background:linear-gradient(180deg,#ecfdf58c,#fff 72%);padding-bottom:1.15rem}.plan-card-footer--current-product{background:linear-gradient(180deg,#f0fdf4,#ecfdf5)!important;border-top:1px solid #bbf7d0!important}.plan-card-footer--current-product .plan-prices--catalog{padding:.75rem 1rem 1rem}.price-option--catalog.price-option--current-price{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;width:100%;box-sizing:border-box;margin:10px 0 0;padding:15px 16px 15px 18px;background:#fff;border:1px solid #b6e9ce;border-radius:10px;box-shadow:none;border-top:none}.price-option--catalog.price-option--current-price:first-child{margin-top:4px}.price-option--catalog.price-option--current-price .price-stack{justify-content:center;min-width:min(100%,8rem)}.price-option--current-price .price-amount{color:#064e3b;line-height:1.2}.price-option--current-price .price-period{color:#0f766e}.plan-current-status{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 0 8px 14px;border:none;border-left:1px solid #d1fae5;border-radius:0;background:transparent;box-shadow:none;color:#047857;font-size:.875rem;font-weight:700;flex-shrink:0}.plan-current-status-icon{display:flex;color:#059669;flex-shrink:0}.plan-current-status-label{letter-spacing:.01em;white-space:nowrap}@media(max-width:520px){.price-option--catalog.price-option--current-price{flex-direction:column;align-items:stretch}.plan-current-status{border-left:none;border-top:1px solid #d1fae5;padding:10px 0 0;justify-content:flex-start}}.plan-card-body{flex:1;padding:1.25rem 1.25rem 1rem;min-height:0}.plan-card-name{margin:0 0 .5rem;font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.plan-card-desc{margin:0;font-size:.875rem;color:#64748b;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.plan-card-hint{margin:0;font-size:.8125rem;color:#94a3b8;line-height:1.5}.plan-card-footer{margin-top:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-top:1px solid #e2e8f0}.plan-prices{display:flex;flex-direction:column;gap:1rem}.plan-prices--catalog{gap:0;margin-top:0;padding:.85rem 1rem 1rem}.price-option{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.75rem 0;border-top:1px solid #f3f4f6}.price-option:first-child{border-top:none;padding-top:0}.price-option--catalog{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:center;gap:12px 14px;padding:12px 0;border-top:1px solid rgba(226,232,240,.9)}.price-option--catalog:first-child{border-top:none;padding-top:0}.price-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.price-option-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .45rem;min-width:0}.price-amount{font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.15}.price-period{font-size:.8125rem;font-weight:600;color:#64748b;text-transform:none}.price-interval{font-size:.875rem;color:#6b7280}.btn-subscribe{margin-left:auto;padding:10px 14px;border-radius:8px;font-weight:600;font-size:.8125rem;cursor:pointer;border:none;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;flex:0 0 auto;min-width:136px;text-align:center;box-shadow:0 1px 2px #2563eb59}.btn-subscribe--catalog{justify-self:end;margin-left:0}.price-option--catalog .btn-subscribe{margin-left:0}.btn-subscribe:hover:not(:disabled){background:linear-gradient(180deg,#2563eb,#1d4ed8)}.btn-subscribe:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:480px){.price-option--catalog{grid-template-columns:1fr;gap:10px}.price-option--catalog .btn-subscribe,.plan-current-status{width:100%;min-width:0;justify-self:stretch}}.subscription-header--compact{margin-bottom:20px;padding:1.1rem 1.25rem}.subscription-header--compact .subscription-title{margin:0}.subscription-empty-state{margin-bottom:28px}.subscription-empty-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:2rem 1.5rem;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 6px 18px -6px #0f172a0f}.subscription-empty-state-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;color:var(--color-primary);background:linear-gradient(145deg,#e8f4f8,#d4e8ef);border:1px solid rgba(0,50,73,.12)}.subscription-empty-state-title{margin:0;font-size:1.375rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.subscription-empty-state-text{margin:0;max-width:36rem;font-size:.9375rem;line-height:1.55;color:#64748b}.subscription-empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.subscription-unified{margin-bottom:28px}.subscription-unified-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:visible;box-shadow:0 1px 2px #0f172a0a,0 6px 18px -6px #0f172a14}.subscription-unified-loading{margin:0;padding:14px 18px 0;font-size:.875rem;color:#64748b}.subscription-summary-card{padding:20px}.subscription-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}.subscription-summary-plan-title{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a}.subscription-summary-subtitle{margin:0 0 6px;font-size:.9375rem;color:#64748b;line-height:1.45}.subscription-summary-seat-line{margin:0 0 20px;font-size:.875rem;color:#475569;font-weight:500}.subscription-muted-line{margin:0 18px 12px;font-size:.875rem;color:#64748b;line-height:1.45}.subscription-stripe-summary{padding:0 18px 14px}.subscription-stripe-summary-text{margin:0;font-size:.875rem;color:#334155;line-height:1.45}.subscription-stripe-cancel-note{color:#b45309;font-weight:600}.subscription-source-dl--tight{gap:4px 10px;font-size:.8125rem}.subscription-ids-details{margin:0 18px 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.subscription-ids-summary{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid transparent;transition:border-color .15s ease}.subscription-ids-summary::-webkit-details-marker{display:none}.subscription-ids-summary:before{content:"";flex-shrink:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid #64748b;transition:transform .15s ease}.subscription-ids-details[open] .subscription-ids-summary{border-bottom-color:#e2e8f0}.subscription-ids-details[open] .subscription-ids-summary:before{transform:rotate(90deg)}.subscription-ids-summary-text{display:flex;flex-direction:column;gap:2px;min-width:0}.subscription-ids-summary-title{font-size:.875rem;font-weight:700;color:#0f172a;letter-spacing:-.01em}.subscription-ids-summary-desc{font-size:.75rem;font-weight:500;color:#64748b;line-height:1.35}.subscription-ids-list{margin:0;padding:12px 14px 14px;list-style:none;display:flex;flex-direction:column;gap:14px}.subscription-ids-item-label{display:block;margin-bottom:6px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#475569}.subscription-ids-item-row{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.subscription-ids-code{flex:1 1 12rem;min-width:0;margin:0;padding:9px 11px;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:600;line-height:1.4;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;word-break:break-all}.subscription-ids-copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;align-self:center;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.subscription-ids-copy-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.subscription-ids-copy-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subscription-actions--unified{padding:16px 18px 18px;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;overflow:visible}.subscription-actions--unified .btn-cancel,.subscription-actions--unified .btn-support{min-height:42px}.subscription-plans-anchor{margin-top:8px}.subscription-support-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;max-width:calc(100vw - 2rem);width:min(420px,100%);height:fit-content;max-height:calc(100vh - 2rem);padding:0;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a14}.subscription-support-dialog::backdrop{background:#0f172a73}.subscription-support-dialog-box{padding:1.35rem 1.5rem 1.25rem}.subscription-support-dialog-heading{margin:0 0 .65rem;font-size:1.125rem;font-weight:700;color:#0f172a}.subscription-support-dialog-text{margin:0 0 .75rem;font-size:.9375rem;color:#475569;line-height:1.5}.subscription-support-dialog-email{margin:0 0 1.15rem;font-size:1rem;font-weight:600}.subscription-support-dialog-email a{color:#2563eb;text-decoration:none}.subscription-support-dialog-email a:hover{text-decoration:underline}.subscription-support-dialog-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.subscription-seat-summary{margin-top:0;padding:0;background-color:transparent;border-radius:0;border:none}.subscription-seat-summary--embedded{border-top:1px solid #e5e7eb;padding-top:20px}.subscription-seat-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.subscription-seat-metrics--compact{grid-template-columns:repeat(3,1fr)}.subscription-seat-inline-banner{margin:0 0 16px;padding:12px 16px}.seat-metric-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;background-color:#f9fafb;border:1px solid #e5e7eb;text-align:center}.seat-metric-label{font-size:.875rem;color:#6b7280;font-weight:500}.seat-metric-value{font-size:1.75rem;color:#111827;font-weight:800}.seat-metric-value.text-danger{color:#ef4444}.subscription-seat-actions{display:flex;gap:16px;flex-wrap:wrap}.subscription-plan-card-seats-selector{margin:12px 0;padding:12px 14px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:12px}.subscription-plan-card-seats-selector label{font-size:.875rem;font-weight:600;color:#475569}.subscription-plan-card-seats-selector input{width:70px;padding:6px 8px;border-radius:6px;border:1px solid #cbd5e1;font-size:.875rem;font-weight:600;text-align:center}.subscription-plan-price-breakdown{font-size:.75rem;color:#64748b;font-weight:500;margin-top:2px}.subscription-plan-card-trial-info{margin:12px 0 0;padding:8px 12px;background:#eff6ff;border-radius:6px;border:1px solid #bfdbfe;color:#1d4ed8;font-size:.75rem;font-weight:600;text-align:center}.subscription-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.subscription-billing-past-due-content p{margin:4px 0 0;font-size:.875rem}.subscription-billing-portal-btn{margin-top:12px}.subscription-billing-trial-notice ul{font-size:.875rem;color:#334155}.subscription-active-strip{padding:1.15rem 1.25rem}.subscription-active-strip-main{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.subscription-active-strip-left{display:flex;align-items:center;gap:10px;flex-shrink:0}.subscription-active-strip-plan{margin:0;font-size:1.125rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.subscription-active-strip-meta{flex:1 1 16rem;margin:0;font-size:.875rem;color:#475569;line-height:1.45;min-width:0}.subscription-active-strip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.subscription-active-strip-btn{padding:8px 14px;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;transition:filter .15s ease}.subscription-active-strip-btn:hover:not(:disabled){filter:brightness(1.06)}.subscription-active-strip-btn:disabled{opacity:.45;cursor:not-allowed}.subscription-active-strip-btn--outline{background:#fff;color:var(--color-primary)}.subscription-active-strip-note{margin:10px 0 0;font-size:.8125rem;color:#64748b;line-height:1.4}.subscription-active-strip-note--warning{color:#b45309;font-weight:500}.subscription-strip-footer{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;padding:12px 1.25rem 1.15rem;border-top:1px solid #f1f5f9}.subscription-strip-footer-btn{font-size:.8125rem;padding:8px 14px;min-height:auto}.subscription-unified-card{padding:0}.subscription-unified-loading{padding:12px 1.25rem 0}.subscription-source-error{margin:12px 1.25rem 0}.subscription-plan-card--modern{padding:1.75rem 1.5rem 1.35rem;border:none;border-radius:1.25rem;box-shadow:0 10px 40px #0f172a14;background:#fff}.subscription-plan-card--modern:hover{border-color:transparent;box-shadow:0 14px 44px #0f172a1f;transform:translateY(-3px)}.subscription-plan-card--modern .subscription-plan-card-title{margin:0;font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1.25;white-space:normal;overflow:visible;text-overflow:unset}.subscription-plan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.subscription-plan-card-price-row{display:flex;align-items:flex-end;gap:.5rem;margin:.5rem 0 1.25rem}.subscription-plan-card--modern .subscription-plan-price-amount{font-size:2.75rem;font-weight:800;color:#111827;letter-spacing:-.04em;line-height:1}.subscription-plan-card-price-meta{display:flex;flex-direction:column;gap:1px;padding-bottom:.3rem;font-size:.875rem;font-weight:500;color:#6b7280;line-height:1.3}.subscription-plan-card-tagline{margin:0 0 .5rem;font-size:.9375rem;font-weight:500;color:#111827;line-height:1.45}.subscription-plan-card-features-text{margin:0 0 1.5rem;font-size:.9rem;color:#374151;line-height:1.55}.subscription-plan-card-cta{width:100%;margin-top:auto;border:none;border-radius:999px;padding:.9rem 1.25rem;font-size:.9375rem;font-weight:700;color:#fff;background:var(--color-primary);cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.subscription-plan-card-cta:hover:not(:disabled){background:#073a4d;transform:translateY(-1px);box-shadow:0 6px 20px #00324947}.subscription-plan-card-cta:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.subscription-plan-card-trial-note{margin:.85rem 0 0;text-align:center;font-size:.8125rem;color:#9ca3af}.seat-modal-compact{max-width:400px}.seat-modal-compact .modal-message{margin-bottom:16px}.seat-modal-compact-summary{margin:0 0 14px;font-size:.9375rem;font-weight:600;color:#0f172a}.seat-modal-compact-field{margin-bottom:12px}.seat-modal-compact-field label{display:block;margin-bottom:6px;font-size:.8125rem;font-weight:600;color:#475569}.seat-modal-compact-field input{width:100%;max-width:120px;padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9375rem;font-weight:600}.seat-modal-compact-proration{margin:0 0 10px;font-size:.875rem;color:#334155}.seat-modal-compact-muted{margin:0 0 10px;font-size:.8125rem;color:#64748b}.seat-modal-compact-warning{margin:0 0 10px;font-size:.8125rem;color:#b91c1c;font-weight:500}.seat-modal-compact-footnote{margin:0;font-size:.75rem;color:#94a3b8;font-style:italic}.seat-modal-compact-text{margin:0;font-size:.9375rem;color:#475569}.checkout-modal-body{display:flex;flex-direction:column;gap:4px}.checkout-modal-plan-row{display:flex;justify-content:space-between;gap:12px;font-weight:600;color:#0f172a;margin-bottom:8px}.checkout-modal-description{margin:0 0 12px;font-size:.875rem;color:#64748b;line-height:1.45}.checkout-modal-total{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;font-weight:700;color:#0f172a}.modal-actions .btn-primary{background:var(--color-primary);color:#fff;border:none;cursor:pointer}.modal-actions .btn-primary:hover:not(:disabled){filter:brightness(1.05)}.modal-actions .btn-primary--danger{background:#dc2626}.modal-actions .btn-primary--danger:hover:not(:disabled){background:#b91c1c}.modal-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;cursor:pointer}.modal-actions .btn-secondary:hover:not(:disabled){background:#f9fafb}@media(max-width:640px){.subscription-active-strip-main{flex-direction:column;align-items:stretch}.subscription-active-strip-actions{margin-left:0;width:100%}.subscription-active-strip-btn{flex:1;text-align:center}}.subscription-success{max-width:560px;margin:0 auto;padding:2rem 1.25rem 3rem}.subscription-success-card{background:linear-gradient(180deg,#f8fafc,#fff 40%);border:1px solid #e2e8f0;border-radius:16px;padding:2.25rem 1.75rem;text-align:center;box-shadow:0 4px 6px -1px #0f172a0f,0 2px 4px -2px #0f172a0a}.subscription-success-icon{display:inline-flex;align-items:center;justify-content:center;width:88px;height:88px;margin:0 auto 1.25rem;border-radius:50%;background:linear-gradient(145deg,#ecfdf5,#d1fae5);color:#059669}.subscription-success-title{margin:0 0 .75rem;font-size:1.625rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.subscription-success-lead{margin:0 0 1.25rem;font-size:1rem;line-height:1.6;color:#475569}.subscription-success-session{margin:0 0 1.5rem;padding:.75rem 1rem;background:#f1f5f9;border-radius:10px;text-align:left}.subscription-success-session-label{display:block;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.35rem}.subscription-success-session-id{display:block;font-size:.8125rem;word-break:break-all;color:#0f172a}.subscription-success-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.25rem}.subscription-success-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.35rem;font-size:.9375rem;font-weight:600;border-radius:10px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.subscription-success-btn-primary{background:#0f172a;color:#fff;border:2px solid #0f172a}.subscription-success-btn-primary:hover{background:#1e293b;border-color:#1e293b}.subscription-success-btn-secondary{background:#fff;color:#334155;border:2px solid #cbd5e1}.subscription-success-btn-secondary:hover{border-color:#94a3b8;background:#f8fafc}.subscription-success-foot{margin:0;font-size:.875rem;color:#64748b}.subscription-success-foot a{color:#2563eb;font-weight:600;text-decoration:none}.subscription-success-foot a:hover{text-decoration:underline}.settings-container{padding:24px;max-width:800px;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.settings-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}.btn-save{background-color:#111827;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-save:hover{background-color:#374151}.btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.settings-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;overflow:hidden}.section-header{padding:16px 24px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.section-content{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.875rem;font-weight:500;color:#374151}.form-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#111827}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.toggle-group{display:flex;justify-content:space-between;align-items:center}.toggle-label{font-size:.875rem;font-weight:500;color:#374151}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#10b981}input:focus+.toggle-slider{box-shadow:0 0 1px #10b981}input:checked+.toggle-slider:before{transform:translate(20px)}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;align-self:flex-start}.btn-secondary:hover{background-color:#f3f4f6}.btn-danger{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca;padding:8px 16px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;align-self:flex-start}.btn-danger:hover{background-color:#fca5a5}.btn-danger-disabled,.btn-danger-disabled:hover{background-color:#f3f4f6;color:#9ca3af;border-color:#e5e7eb;cursor:not-allowed}.logo-preview-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.logo-preview-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;background-color:#f9fafb}.logo-preview-title{margin:0;font-size:.8rem;font-weight:600;color:#4b5563}.logo-preview-image{width:64px;height:64px;border-radius:999px;object-fit:cover;border:1px solid #d1d5db;background-color:#fff}.logo-edit-card{position:relative;display:inline-flex;align-items:center;justify-content:center}.logo-edit-btn{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;border-radius:999px;border:1px solid #d1d5db;background-color:#fff;color:#111827;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.logo-edit-btn:hover{background-color:#f3f4f6}.logo-upload-hint{font-size:.75rem;color:#6b7280}.hidden-file-input{display:none}.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;animation:slideIn .3s ease-out forwards}.toast.success{background-color:#10b981}.toast.error{background-color:#ef4444}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:24px;border-radius:8px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 12px}.modal-body{font-size:.875rem;color:#4b5563;margin-bottom:24px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@media(max-width:767px){.settings-container{padding:12px}.settings-header{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin-bottom:16px}.section-header{padding:12px}.section-content{padding:12px;gap:14px}.toggle-group{flex-direction:column;align-items:flex-start;gap:8px}.logo-preview-row{grid-template-columns:1fr}.toast{left:12px;right:12px;bottom:12px;width:auto;padding:12px 14px}.modal-content{margin:0 12px}}.help-support-page{display:flex;flex-direction:column;gap:var(--space-xl, 1.5rem)}.help-support-page .page-header h1{font-size:1.75rem;font-weight:800;color:var(--color-primary, #003249)}.help-support-page .page-header p,.help-support-muted{color:var(--color-text-muted, #64748b);font-size:.9375rem}.help-support-section{display:flex;flex-direction:column;gap:var(--space-md, 1rem)}.help-support-section h2{font-size:1.125rem;font-weight:800;color:var(--color-primary, #003249)}.help-support-form-card{display:flex;flex-direction:column;gap:var(--space-sm, .5rem);padding:var(--space-lg, 1.25rem);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--color-surface-hover, #f8fafc)}.help-support-form-card input,.help-support-form-card textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);font:inherit}.help-support-form-card textarea{min-height:120px;resize:vertical}.help-support-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary-mid, #0f4c5c)}.help-support-requests-card{background:var(--color-surface, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 10px);box-shadow:0 1px 3px #0000000d;overflow:hidden}.help-support-requests-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md, 1rem);padding:var(--space-md, 1rem) var(--space-lg, 1.25rem);border-bottom:1px solid var(--color-border, #e2e8f0);background:var(--color-surface-hover, #f8fafc)}.help-support-requests-header h2{margin:0;font-size:1rem;font-weight:700;color:var(--color-primary, #003249)}.help-support-requests-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;padding:.125rem .5rem;border-radius:999px;background:var(--color-primary-light, #e0f2f7);color:var(--color-primary, #003249);font-size:.75rem;font-weight:700}.help-support-table{width:100%;border-collapse:collapse;table-layout:fixed}.help-support-table th{padding:.875rem 1.25rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #64748b);text-align:left;background:#f9fafb;border-bottom:1px solid var(--color-border, #e2e8f0)}.help-support-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--color-text, #0f172a);border-bottom:1px solid #f1f5f9;vertical-align:middle}.help-support-row:hover td{background:#f8fafc}.help-support-table .col-date{width:9.5rem}.help-support-table .col-status{width:8.5rem}.help-support-table .col-actions{width:7rem;text-align:right}.help-support-table .cell-actions{text-align:right}.help-support-subject-text{display:block;font-weight:600;color:var(--color-text, #0f172a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-support-status{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.help-support-status--pending{background:#fef3c7;color:#92400e}.help-support-status--resolved{background:#d1fae5;color:#065f46}.help-support-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:var(--color-surface, #fff);color:var(--color-primary, #003249);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.help-support-view-btn:hover{background:var(--color-primary-light, #e0f2f7);border-color:var(--color-primary-mid, #0f4c5c)}.help-support-empty{padding:2rem 1.25rem;text-align:center;color:var(--color-text-muted, #64748b);font-size:.9375rem}.help-support-panel .help-support-subject{font-weight:600}.help-support-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00324966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;opacity:0;transition:opacity .24s ease}.help-support-panel-backdrop.is-visible{opacity:1}.help-support-panel{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);height:100dvh;background:#fff;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001f;z-index:201;transform:translate(100%);transition:transform .28s cubic-bezier(.16,1,.3,1)}.help-support-panel.is-open{transform:translate(0)}.help-support-panel .panel-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #e2e8f0);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:var(--color-surface-hover, #f8fafc)}.help-support-panel .panel-header h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--color-primary, #003249)}.help-support-panel-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted, #64748b);line-height:1.4}.help-support-panel .panel-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.help-support-panel .panel-footer{padding:1rem 1.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--color-border, #e2e8f0);display:flex;justify-content:flex-end;background:#fff}.help-support-panel .close-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted, #64748b);cursor:pointer;flex-shrink:0}.help-support-panel .close-btn:hover{background:var(--color-border, #e2e8f0);color:var(--color-text, #0f172a)}.help-support-panel-loading{padding:2rem 0;text-align:center;color:var(--color-text-muted, #64748b);font-size:.9375rem}.help-support-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.help-support-detail-item{display:flex;flex-direction:column;gap:.375rem}.help-support-detail-item--full{grid-column:1 / -1}.help-support-detail-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #64748b)}.help-support-detail-value{font-size:.9375rem;color:var(--color-text, #0f172a)}.help-support-detail-subject{font-weight:600}.help-support-detail-message{padding:.875rem 1rem;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 8px);background:#f9fafb;color:var(--color-text, #0f172a);font-size:.9375rem;line-height:1.55;white-space:pre-wrap;min-height:8rem}@media(max-width:767px){.help-support-table.responsive-table-cards{min-width:0;width:100%;table-layout:auto}.help-support-table .col-date,.help-support-table .col-status,.help-support-table .col-actions{width:auto}.help-support-table .cell-subject{align-items:flex-start}.help-support-subject-text{white-space:normal;text-align:right}.help-support-table .cell-actions{justify-content:space-between}.help-support-view-btn{margin-left:auto}.help-support-panel{width:100%}.help-support-detail-grid{grid-template-columns:1fr}}:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--page-max-wide: 1200px;--page-max-medium: 1000px;--page-max-narrow: 800px;--color-primary: #003249;--color-primary-dark: #001f2e;--color-primary-mid: #1a4d63;--color-primary-light: #3d6b7d;--color-secondary: #fda215;--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-surface-hover: #F9FAFB;--color-surface-alt: #F3F4F6;--color-text: #0E1015;--color-text-muted: #4B5563;--color-text-light: #9CA3AF;--color-accent: #fda215;--color-accent-hover: #e89210;--color-accent-light: #fff4e0;--color-success: #16A34A;--color-success-light: #DCFCE7;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-danger: #DC2626;--color-danger-light: #FEE2E2;--color-border: #E5E7EB;--color-border-dark: #D1D5DB;--color-border-strong: #9CA3AF;--sidebar-width: 260px;--main-padding: var(--space-xl);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-primary);color:var(--color-surface);border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-mid)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:transparent;color:var(--color-text);border:1px solid var(--color-border-dark, #d1d5db);padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background-color var(--transition-fast, .15s ease)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-alt, #f3f4f6)}.table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table-scroll--hint{background:linear-gradient(to right,var(--color-surface) 95%,rgba(0,0,0,.06))}@media(max-width:767px){.responsive-table-cards thead{display:none}.responsive-table-cards tbody tr{display:block;margin-bottom:12px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);overflow:hidden}.responsive-table-cards tbody tr:hover{background-color:var(--color-surface)}.responsive-table-cards td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:right;vertical-align:middle}.responsive-table-cards td:before{content:attr(data-label);font-weight:700;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;flex-shrink:0;margin-right:auto}.responsive-table-cards td:last-child{border-bottom:none}.responsive-table-cards .cell-avatar,.responsive-table-cards th.col-avatar{display:none}.responsive-table-cards .cell-name{font-weight:700;font-size:.9375rem;justify-content:flex-start;text-align:left;padding-top:12px;padding-bottom:12px;background-color:var(--color-surface-alt)}.responsive-table-cards .cell-name:before{display:none}.responsive-table-cards .cell-actions{justify-content:flex-end;padding-top:8px;padding-bottom:8px}.responsive-table-cards .cell-actions:before{display:none}.responsive-table-cards .action-buttons,.responsive-table-cards .mobile-user-action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px}}