:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--danger-color: #dc2626;--success-color: #16a34a;--warning-color: #ca8a04;--background-color: #f8fafc;--background-color-darkened: #edf3f8;--text-color: #1e293b;--border-color: #e2e8f0;--border-color-hover: #eaf1fa;--badge-success-bg: #dcfce7;--badge-danger-bg: #fee2e2;--badge-warning-bg: #fef3c7;--badge-warning-text: #92400e;--alert-success-bg: #dcfce7;--alert-success-border: #86efac;--alert-danger-bg: #fee2e2;--alert-danger-border: #fca5a5;--alert-info-bg: #cff4fc;--alert-info-border: #0dcaf0;--alert-info-text: #055160;--readonly-field-bg: #f8fafc;--readonly-field-border: #e2e8f0;--readonly-field-text: #64748b;--readonly-item-bg: #f8fafc;--readonly-item-border: #e2e8f0;--readonly-value-text: #1e293b;--update-summary-bg: #fff3cd;--update-summary-border: #ffeeba;--update-summary-text: #856404;--calendar-icon-color: #64748b;--flatpickr-selected-bg: #2563eb;--flatpickr-hover-bg: #e2e8f0;--flatpickr-clear-bg: #fee2e2;--flatpickr-clear-text: #dc2626;--flatpickr-clear-hover-bg: #fecaca;--toast-success-bg: #28a745;--toast-warning-bg: #ffc107;--toast-error-bg: #dc3545;--toast-info-bg: #007bff;--signing-option-hover-border: #93c5fd;--signing-option-hover-bg: #f0f9ff;--signing-option-selected-border: #2563eb;--signing-option-selected-bg: #eff6ff;--new-badge-bg: #22c55e;--status-safe-bg: #d1fae5;--status-safe-text: #059669;--status-caution-bg: #fef3c7;--status-caution-text: #d97706;--status-active-bg: #fee2e2;--status-active-text: #dc2626;--settings-alert-danger-bg: #fef2f2;--settings-alert-danger-border: #fecaca;--settings-alert-danger-text: #991b1b;--auth-error-bg: #fef2f2;--auth-error-border: #fecaca;--auth-gradient-start: #f8fafc;--auth-gradient-end: #e2e8f0;--dashboard-card-header-text: #000;--changes-preview-bg: #f8fafc;--changes-preview-hover-bg: #f1f5f9;--changes-full-bg: #f8fafc;--modal-backdrop-bg: rgba(0, 0, 0, 0.5);--filter-bg: white;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 0.9375rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 1.75rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-xxl: 1920px;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400;--z-toast: 9999;--z-modal-backdrop: 1000;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem;--radius-2xl: 1rem;--radius-full: 9999px;--color-white: #ffffff;--color-black: #000000;--border-color-dark: #999999;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;color:var(--text-color);background-color:var(--background-color)}.mobile_menu{display:none}.app-container{display:flex;min-height:100vh}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.main-content{flex:1;padding:var(--spacing-xl);background-color:var(--background-color);overflow-x:hidden}.content-container{margin:0;width:100%}.content-header{display:flex;justify-content:flex-start;align-items:start;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.inner-content-container{width:100%}@media(min-width: var(--breakpoint-xxl)){.content-container{width:80%}}.sidebar{width:250px;flex-shrink:0;background-color:var(--color-white);border-right:1px solid var(--border-color);padding:var(--spacing-lg) 0;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-lg)}.sidebar-section-title{padding:var(--spacing-sm) var(--spacing-lg);color:var(--secondary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;opacity:.5}.sidebar-nav a{display:block;padding:.75rem var(--spacing-lg);color:var(--text-color);text-decoration:none;transition:background-color .2s;min-height:44px}.sidebar-nav a:hover{background-color:var(--background-color)}.sidebar-nav a.active{background-color:var(--background-color);color:var(--primary-color);font-weight:var(--font-weight-semibold)}.site-logo a{display:block}.site-logo img{width:150px;margin:0 auto var(--spacing-xl);display:block}.header{background-color:var(--color-white);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-dropdown)}.header-actions{display:flex;gap:var(--spacing-md);align-items:center}.header-title-link{padding:var(--spacing-md) var(--spacing-xl);color:var(--text-color);text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.profile-section{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl)}.avatar{width:2.5rem;height:2.5rem;min-height:44px;min-width:44px;background-color:var(--primary-color);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.profile-dropdown{display:none;position:absolute;top:100%;right:0;background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow);min-width:200px;z-index:var(--z-modal-backdrop)}.profile-dropdown.visible{display:block}.profile-section:hover .profile-dropdown{display:block}.profile-dropdown a,.profile-dropdown button{min-height:44px;display:flex;width:100%;padding:.75rem var(--spacing-md);text-align:left;border:none;background:none;color:var(--text-color);font-size:var(--font-size-base);text-decoration:none;cursor:pointer}.profile-dropdown a:hover,.profile-dropdown button:hover{background-color:var(--background-color)}.logout-form{margin:0;padding:0}.logout-button{width:100%;text-align:left;background:none;border:none;color:var(--danger-color);padding:.75rem var(--spacing-md);cursor:pointer;font-size:var(--font-size-base)}.logout-button:hover{background-color:var(--background-color)}.form-container{margin:0 auto;background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.form-container h1{margin-bottom:var(--spacing-xl);color:var(--text-color);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.form-group input:not([type=checkbox]),.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.form-row .form-group{flex:1;min-width:250px;max-width:50%}.name-row .form-group.middle_name,.name-row .form-group.payer_middle_name{max-width:150px}.form-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);border-bottom:1px solid var(--border-color);background:var(--background-color)}.form-section:last-child{border-bottom:none}.form-section h2{color:var(--primary-color);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold);display:inline-block}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:.4rem}.required .required-text{font-size:var(--font-size-sm);color:var(--secondary-color);font-weight:var(--font-weight-normal)}.required .form-label{display:flex;align-items:center;gap:var(--spacing-xs)}.required .form-label .required-marker{color:var(--danger-color);font-weight:var(--font-weight-bold)}.required .form-label .required-text{font-size:var(--font-size-sm);color:var(--secondary-color);font-weight:var(--font-weight-normal)}.form-control{width:100%;padding:.625rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.1);outline:none}.help-text{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--secondary-color)}.error-message{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--danger-color)}.form-control.error{border-color:var(--danger-color)}.form-actions{display:flex;gap:var(--spacing-md)}.checkbox-group .form-group{display:flex;flex-direction:row-reverse;justify-content:start;gap:6px}.checkbox-group .form-group label{margin-bottom:0}.readonly-field{background-color:var(--readonly-field-bg);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--readonly-field-border)}.readonly-field-group{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.readonly-item{background-color:var(--readonly-item-bg);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--readonly-item-border)}.readonly-item.full-width{grid-column:1/-1}.readonly-item label{display:block;font-weight:var(--font-weight-medium);color:var(--readonly-field-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.readonly-value{color:var(--readonly-value-text);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.form-group.email-field .form-label{color:var(--readonly-field-text)}.form-group.email-field .required-text{display:none}.form-group.email-field .help-text{color:var(--readonly-field-text);font-style:italic}.signing-link-item{grid-column:1/-1}.signing-link-container{display:flex;gap:var(--spacing-sm);align-items:stretch;width:100%}.signing-link-input{flex:1;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:monospace;background-color:var(--background-color);color:var(--text-color);word-break:break-all;min-width:0}.signing-link-input:focus{outline:none;border-color:var(--primary-color);background-color:var(--color-white)}.btn-copy-link{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0}.btn-copy-link svg{flex-shrink:0}.copy-feedback{margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--success-color);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);animation:fadeIn .2s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 768px){.signing-link-container{flex-direction:column}.btn-copy-link{width:100%;justify-content:center}}.btn{display:inline-block;padding:.9rem 1.2rem;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;border-radius:.375rem;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s;line-height:1rem;margin:.2rem;background:var(--border-color);color:var(--text-color);float:left}.btn:hover{background-color:var(--border-color-hover)}.btn:active{background-color:var(--color-white)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--color-white);color:var(--text-color);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--background-color)}.copy-data-container{display:inline-block;margin-bottom:-8px}.copy-data-container button{padding:.2rem var(--spacing-sm);font-size:var(--font-size-xs)}.btn::before{font-weight:normal;font-style:normal;font-size:var(--font-size-base);vertical-align:bottom;margin-right:.2rem}.btn-edit::before{content:""}.btn-deactivate::before{content:"";color:var(--danger-color)}.btn-activate::before{content:"";color:var(--success-color)}.btn-view::before{content:""}.btn-terminate::before{content:"";color:var(--danger-color)}.btn-resend::before{content:""}.copy-data-container button::before{content:""}.table-actions form.d-inline,.table-actions a.btn{float:left}.table-actions .btn{padding:.2rem .5rem;font-size:.75rem}.btn-save{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-save:active{transform:translateY(0)}.btn-copy-link-list{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.2rem .5rem;min-width:auto;height:auto}.btn-copy-link-list svg{width:14px;height:14px;flex-shrink:0}.btn-copy-link-list.copied{background-color:var(--success-color);color:#fff}.header-content{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;gap:var(--spacing-xs);cursor:pointer}.header-content.sortable{position:relative;padding-right:var(--spacing-lg)}.header-content:not(.sortable){padding-bottom:var(--spacing-md)}.header-content.sortable:after{content:"↕";position:absolute;right:var(--spacing-sm);opacity:.3}.header-content.sortable.sorted-asc:after{content:"↑";opacity:1}.header-content.sortable.sorted-desc:after{content:"↓";opacity:1}.table th{padding:0;background-color:var(--border-color);font-weight:600;vertical-align:top}.filter-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:0;border-left:none;border-right:none;font-size:var(--font-size-sm)}.filter-input:focus{outline:none;background-color:var(--color-white);border-color:var(--primary-color)}.table th:not(:last-child) .filter-input{border-right:none}.table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto;margin-bottom:var(--spacing-xl)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background-color:var(--border-color);font-weight:var(--font-weight-semibold)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(135deg, var(--auth-gradient-start) 0%, var(--auth-gradient-end) 100%)}.auth-box{background-color:var(--color-white);padding:var(--spacing-xxl) 2.5rem;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);width:100%;max-width:420px;border:1px solid var(--border-color);opacity:.8}.auth-box h2{text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-color);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);letter-spacing:-0.025em}.auth-box .help-text{text-align:center;color:var(--secondary-color);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.auth-box .form-group{margin-bottom:var(--spacing-lg)}.auth-box .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-md)}.auth-box .form-group input[type=email],.auth-box .form-group input[type=password]{width:100%;padding:.75rem var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all .2s ease;background-color:var(--color-white)}.auth-box .form-group input[type=email]:focus,.auth-box .form-group input[type=password]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.auth-box .btn-primary{width:100%;padding:.875rem var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);margin-top:var(--spacing-sm);transition:all .2s ease;box-shadow:var(--shadow-sm)}.auth-box .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.auth-box .error-message{background-color:var(--auth-error-bg);border:1px solid var(--auth-error-border);color:var(--danger-color);padding:.875rem var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);text-align:center}.auth-links{margin-top:var(--spacing-lg);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.auth-links a{color:var(--primary-color);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:color .2s ease}.auth-links a:hover{color:var(--primary-hover);text-decoration:underline}.existing-signature-container{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.existing-signature{max-width:300px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--color-white);padding:var(--spacing-md);margin:var(--spacing-md) 0}.signature-preview-container{background-color:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.signature-preview{position:relative;margin-bottom:var(--spacing-lg);border-radius:var(--radius-lg);overflow:hidden}.signature-image{max-width:300px;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--color-white);padding:var(--spacing-md);transition:filter .3s ease}.signature-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(2px);z-index:10}.lock-icon{color:var(--secondary-color);margin-bottom:var(--spacing-sm);transform:scale(1);transition:transform .3s ease}.signature-preview:hover .lock-icon{transform:scale(1.1)}.unlock-message{color:var(--secondary-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.signature-metadata{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--background-color-darkened);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--secondary-color)}.signature-authorization{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);opacity:0;transform:translateY(10px);transition:all .3s ease}.signature-authorization.visible{opacity:1;transform:translateY(0)}.signature-consent{margin:10px 0}.form-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.signature-date{color:var(--secondary-color);font-size:var(--font-size-sm)}.signature-container{margin-bottom:var(--spacing-lg)}.signature-pad{border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:var(--color-white);width:100%;height:200px}.signature-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.signature-metadata{background-color:var(--background-color);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.signature-id{margin-bottom:var(--spacing-sm)}.monospace{font-family:monospace;font-size:var(--font-size-sm);background:var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:9999px}.badge-success{background-color:var(--badge-success-bg);color:var(--success-color)}.badge-danger{background-color:var(--badge-danger-bg);color:var(--danger-color)}.badge-warning{background-color:var(--badge-warning-bg);color:var(--badge-warning-text)}.alert{padding:1rem;margin-bottom:1rem;border-radius:.375rem;border:1px solid rgba(0,0,0,0)}.alert-success{background-color:var(--alert-success-bg);border-color:var(--alert-success-border);color:var(--success-color)}.alert-danger{background-color:var(--alert-danger-bg);border-color:var(--alert-danger-border);color:var(--danger-color)}.detail-container{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);padding:2rem;display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.detail-section{margin-bottom:2rem}.detail-section h2{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-weight:600;color:var(--secondary-color);font-size:.875rem}.signature-section{margin-top:1rem;padding:1rem;background-color:var(--background-color);border-radius:.5rem}.signature-image{max-width:300px;border:1px solid var(--border-color);border-radius:.25rem;background-color:#fff;padding:1rem}.signature-date{margin-top:.5rem;color:var(--secondary-color);font-size:.875rem}.signature-info{display:flex;flex-direction:column;gap:.5rem}.signature-details{font-size:.875rem;color:var(--secondary-color)}.signature-details small{display:inline-block}.signature-placeholder{padding:1rem;border:1px dashed var(--border-color);border-radius:.25rem;text-align:center;color:var(--secondary-color)}.consent-section{background-color:var(--background-color);padding:1rem;border-radius:.5rem;margin:1rem 0}.consent-header{margin-bottom:1rem;font-weight:600}.consent-options{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.update-summary{background-color:var(--update-summary-bg);border:1px solid var(--update-summary-border);color:var(--update-summary-text);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.readonly-field{background-color:var(--background-color);padding:.5rem;border-radius:.375rem;border:1px solid var(--border-color)}.filter-container{background:#fff;border-radius:.5rem;box-shadow:var(--shadow)}.filter-form{display:flex;gap:1rem;align-items:flex-end}.filter-group{flex:1}.filter-input,.filter-select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem}.status-filter{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.status-filter a{color:var(--text-color);text-decoration:none;margin-right:1rem;font-weight:500}.status-filter a:hover{color:var(--primary-color)}.status-filter a.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:.25rem}.footer{background-color:#fff;padding:1rem 2rem;border-top:1px solid var(--border-color);text-align:center;font-size:.875rem;color:var(--secondary-color)}.calendar-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--calendar-icon-color);width:20px;height:20px;cursor:pointer;pointer-events:none}.flatpickr-calendar{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);border-radius:.5rem}.flatpickr-day:hover{background:var(--flatpickr-hover-bg)}.flatpickr-current-month .flatpickr-monthDropdown-months{font-size:1rem;border-radius:.375rem;padding:.25rem}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background-color:var(--background-color-darkened)}.flatpickr-clear-button{padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-xs);border-radius:var(--radius-md);background-color:var(--flatpickr-clear-bg);color:var(--flatpickr-clear-text);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .2s}.flatpickr-clear-button:hover{background-color:var(--flatpickr-clear-hover-bg)}.readonly-field-group{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin:1.5rem 0}.readonly-item{background-color:var(--readonly-item-bg);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--readonly-item-border)}.readonly-item.full-width{grid-column:1/-1}.readonly-item label{display:block;font-weight:var(--font-weight-medium);color:var(--readonly-field-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.readonly-value{color:var(--readonly-value-text);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.alert-info{background-color:var(--alert-info-bg);border-left:4px solid var(--alert-info-border);color:var(--alert-info-text);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0}.alert-info-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.alert-info-icon{font-size:var(--font-size-xl);color:var(--alert-info-border);flex-shrink:0}.alert-info-body{flex:1}.alert-info-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--alert-info-text)}.alert-info-text{color:var(--alert-info-text);white-space:pre-wrap}.alert-info a{color:var(--alert-info-text);text-decoration:underline;font-weight:var(--font-weight-semibold)}.alert-info a:hover{text-decoration:none}.modal-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-backdrop-bg);z-index:var(--z-modal-backdrop)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;margin:-0.5rem;color:var(--secondary-color)}.modal-content{margin:1rem 0}.changes-preview{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;background-color:var(--changes-preview-bg);padding:var(--spacing-sm);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-sm);cursor:pointer;margin:0}.changes-preview:hover{background-color:var(--changes-preview-hover-bg)}.changes-full{white-space:pre-wrap;padding:var(--spacing-md);background-color:var(--changes-full-bg);border-radius:var(--radius-md);font-family:monospace;font-size:var(--font-size-sm);margin:0}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-top:1px solid var(--border-color);font-size:.875rem}.pagination-info{color:var(--secondary-color)}.pagination-controls{display:flex;gap:.5rem;align-items:center}.pagination-link{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);text-decoration:none;transition:all .2s}.pagination-link:hover{background-color:var(--background-color);border-color:var(--primary-color)}.pagination-link.current{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-size{display:flex;align-items:center;gap:.5rem}.page-size-select{padding:.375rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:#fff}.form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.form-row .form-group{flex:1;min-width:250px;max-width:50%}.name-row .form-group.middle_name,.name-row .form-group.payer_middle_name{max-width:150px}.form-section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none}.form-section h2{color:var(--primary-color);font-size:1.25rem;margin-bottom:1.5rem;font-weight:600;display:inline-block}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;display:flex;align-items:center;gap:.4rem}.required .required-text{font-size:.875rem;color:var(--secondary-color);font-weight:normal}.required .form-label{display:flex;align-items:center;gap:.25rem}.required .form-label .required-marker{color:var(--danger-color);font-weight:bold}.required .form-label .required-text{font-size:.875rem;color:var(--secondary-color);font-weight:normal}.form-control{width:100%;padding:.625rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:1rem}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.1);outline:none}.help-text{display:block;margin-top:.25rem;font-size:.875rem;color:var(--secondary-color)}.error-message{display:block;margin-top:.25rem;font-size:.875rem;color:var(--danger-color)}.form-control.error{border-color:var(--danger-color)}.form-actions{display:flex;gap:1rem}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast-message{display:flex;align-items:center;background-color:rgba(0,0,0,.85);color:#fff;padding:15px;border-radius:5px;min-width:250px;max-width:400px;box-shadow:0 4px 6px rgba(0,0,0,.2);opacity:1;transition:opacity .5s ease-in-out,transform .3s ease-in-out;transform:translateY(0)}.toast-message.success{background-color:var(--toast-success-bg)}.toast-message.warning{background-color:var(--toast-warning-bg)}.toast-message.error{background-color:var(--toast-error-bg)}.toast-message.info{background-color:var(--toast-info-bg)}.toast-message .close-btn{margin-left:auto;background:rgba(0,0,0,0);border:none;color:#fff;font-size:18px;cursor:pointer}.toast-message.hide{opacity:0;transform:translateY(-20px)}.form-group.email-field .form-label{color:var(--readonly-field-text)}.form-group.email-field .required-text{display:none}.form-group.email-field .help-text{color:var(--readonly-field-text);font-style:italic}.signing-mode-section{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);background-color:var(--background-color)}.signing-options{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.signing-option{flex:1;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--color-white);cursor:pointer;transition:all .2s ease}.signing-option:hover{border-color:var(--signing-option-hover-border);background-color:var(--signing-option-hover-bg)}.signing-option.selected{border-color:var(--signing-option-selected-border);background-color:var(--signing-option-selected-bg)}.option-content{display:flex;align-items:flex-start;gap:var(--spacing-md)}.option-content svg{flex-shrink:0;color:var(--readonly-field-text)}.option-text{flex:1}.remote-fields{display:none;padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-lg);background-color:var(--color-white)}.new-badge{display:inline-flex;align-items:center;background-color:var(--new-badge-bg);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:.125rem var(--spacing-sm);border-radius:var(--radius-full);margin-left:var(--spacing-sm);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}100%{opacity:.8}}.dashboard-container{padding:var(--spacing-md);max-width:1200px}.dashboard-sections{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.dashboard-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.dashboard-card-message{margin-bottom:var(--spacing-lg)}.dashboard-card-header{padding:1.25rem;background-color:var(--border-color);color:var(--dashboard-card-header-text);font-weight:var(--font-weight-semibold)}.dashboard-card-header h2{font-size:var(--font-size-lg);margin:0}.dashboard-card-content{padding:var(--spacing-lg)}.dashboard-list{list-style:none;padding:0;margin:var(--spacing-lg) 0}.dashboard-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.dashboard-list li:last-child{border-bottom:none}.dashboard-list i{color:var(--primary-color);font-size:var(--font-size-lg);margin-top:.125rem}.dashboard-action-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.dashboard-admin-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.admin-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--background-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-color);text-decoration:none;transition:all .2s;gap:var(--spacing-sm)}.admin-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);background-color:var(--background-color-darkened)}.admin-tile i{font-size:var(--font-size-xl);color:var(--primary-color)}.admin-tile span{font-weight:var(--font-weight-medium)}@media(max-width: var(--breakpoint-md)){.dashboard-admin-grid{grid-template-columns:repeat(2, 1fr)}.dashboard-action-links{flex-direction:column}.dashboard-action-links .btn{width:100%}}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.settings-form-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.settings-form-header{background-color:var(--background-color-darkened);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.settings-form-header h2{margin:0;color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.settings-form-body{padding:var(--spacing-xl)}.settings-form-body .form-group{margin-bottom:var(--spacing-lg)}.settings-form-body .form-group:last-child{margin-bottom:0}.settings-form-body .form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.settings-form-body .form-control{width:100%;max-width:300px;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s}.settings-form-body .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.settings-form-body .form-text{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--secondary-color)}.settings-form-body .form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.btn-save{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:var(--color-white);border:none;padding:.75rem var(--spacing-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-save:active{transform:translateY(0)}.settings-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.info-card-header{background-color:var(--background-color-darkened);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.info-card-header h3{margin:0;color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.info-card-body{padding:var(--spacing-lg)}.last-updated{display:flex;align-items:center;gap:.75rem}.last-updated-icon{width:2rem;height:2rem;background-color:var(--primary-color);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-sm)}.last-updated-text{flex:1}.last-updated-label{font-size:var(--font-size-xs);color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.last-updated-date{font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-sm)}.info-content{color:var(--secondary-color);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.settings-form-body .alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border:1px solid}.settings-form-body .alert-danger{background-color:var(--settings-alert-danger-bg);border-color:var(--settings-alert-danger-border);color:var(--settings-alert-danger-text)}.settings-form-body .invalid-feedback{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.system-status-card{border-left:4px solid var(--primary-color)}.deployment-status{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.5rem;background:var(--background-color)}.status-indicator{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.status-safe .status-indicator{background-color:var(--status-safe-bg);color:var(--status-safe-text)}.status-caution .status-indicator{background-color:var(--status-caution-bg);color:var(--status-caution-text)}.status-active .status-indicator{background-color:var(--status-active-bg);color:var(--status-active-text)}.status-content{flex:1}.status-message{font-weight:600;font-size:.875rem;margin-bottom:.5rem}.status-safe .status-message{color:var(--status-safe-text)}.status-caution .status-message{color:var(--status-caution-text)}.status-active .status-message{color:var(--status-active-text)}.last-activity{margin-top:.75rem}.activity-label{font-size:.75rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.activity-time{font-weight:600;color:var(--text-color);font-size:.875rem;margin-bottom:.25rem}.activity-duration{font-size:.75rem;color:var(--secondary-color)}.no-activity{color:var(--secondary-color);font-style:italic;font-size:.875rem}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:1rem;background:var(--background-color);border-radius:.5rem;border:1px solid var(--border-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-description{font-size:.75rem;color:var(--secondary-color)}.active-users-list{margin-top:1rem}.list-header{font-size:.75rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:600}.users-list{space-y:.5rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.user-item:last-child{border-bottom:none}.user-name{font-size:.875rem;font-weight:500;color:var(--text-color)}.user-activity-time{font-size:.75rem;color:var(--secondary-color)}.more-users{text-align:center;font-size:.75rem;color:var(--secondary-color);font-style:italic;margin-top:.5rem;padding:.5rem}.inner-content-container{width:100%}.info-description{color:var(--secondary-color);font-size:.875rem;line-height:1.5}.job-list{display:flex;flex-direction:column;gap:1.5rem}.job-item{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.job-item:last-child{border-bottom:none}.job-info{flex:1}.job-info h4{margin:0 0 .5rem 0;color:var(--text-color);font-size:1.25rem;font-weight:600}.job-description{color:var(--secondary-color);font-size:.875rem;line-height:1.5;margin:0}.job-actions{display:flex;gap:1rem;align-items:center}.job-status{margin-top:.5rem;font-size:.875rem}.scheduled-jobs-list{display:flex;flex-direction:column;gap:1.5rem}.scheduled-job-item{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.scheduled-job-item:last-child{border-bottom:none}.scheduled-job-item .job-info h4{margin:0 0 .25rem 0}@media(max-width: 768px){.app-container{flex-direction:column}.mobile_menu{display:block}.mobile_menu .menu-icon{font-size:40px;padding-left:1rem;color:var(--primary-color)}.mobile_menu nav.mobile-nav{display:none;background:#fff;position:absolute;border:1px solid var(--border-color);border-radius:.375rem;box-shadow:var(--shadow);min-width:200px;z-index:1000;top:100%}.mobile_menu nav.mobile-nav .nav-section .nav-section-title{padding:.5rem 1.5rem;color:var(--secondary-color);font-size:.875rem;font-weight:600;text-transform:uppercase;opacity:.5}.mobile_menu nav.mobile-nav .nav-section a{display:block;padding:.75rem 1.5rem;color:var(--text-color);text-decoration:none;transition:background-color .2s;min-height:44px}.mobile_menu nav.mobile-nav .nav-section a:hover{background-color:var(--background-color)}.mobile_menu nav.mobile-nav .nav-section a.active{background-color:var(--background-color);color:var(--primary-color);font-weight:600}.mobile_menu nav.mobile-nav.active{display:block}.main-content{padding:1rem}.sidebar{display:none}.table-container{margin:0 auto;border-radius:0;overflow-x:auto;max-width:100%}.table-container table.table{border-collapse:collapse;font-size:.8rem}.table-container table.table thead tr th:last-child,.table-container table.table tbody tr td:last-child{position:sticky;right:0}.table-container table.table tbody tr td:last-child{background:#fff}.table-container table.table thead tr th:last-child::before,.table-container table.table tbody tr td:last-child::before{content:"";display:block;position:absolute;top:0;right:-1px;bottom:0;left:0;z-index:-1;border-left:1px solid var(--border-color-dark);box-shadow:-4px 8px 8px rgba(0,0,0,.2)}.table-actions .btn{display:flex}.filter-form{flex-direction:column}.filter-group{width:100%}.form-container{padding:1rem}.form-row{flex-direction:column}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.flatpickr-calendar{max-width:350px}.signing-options{flex-direction:column}.signing-option{width:100%}}@media(min-width: 1920px){.content-container{width:80%}}.dashboard-container{padding:1rem;max-width:1200px}.dashboard-sections{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.dashboard-card{background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);overflow:hidden}.dashboard-card-header{padding:1.25rem;background-color:var(--border-color);color:var(--color-black);font-weight:600}.dashboard-card-header h2{font-size:1.25rem;margin:0}.dashboard-card-content{padding:1.5rem}.dashboard-list{list-style:none;padding:0;margin:1.5rem 0}.dashboard-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.dashboard-list li:last-child{border-bottom:none}.dashboard-list i{color:var(--primary-color);font-size:1.25rem;margin-top:.125rem}.dashboard-action-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.dashboard-admin-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:1rem;margin-top:1.5rem}.admin-tile{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background-color:var(--background-color);border-radius:.5rem;box-shadow:var(--shadow-sm);color:var(--text-color);text-decoration:none;transition:all .2s;gap:.5rem}.admin-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);background-color:var(--background-color-darkened)}.admin-tile i{font-size:2rem;color:var(--primary-color)}.admin-tile span{font-weight:500}@media(max-width: 768px){.dashboard-admin-grid{grid-template-columns:repeat(2, 1fr)}.dashboard-action-links{flex-direction:column}.dashboard-action-links .btn{width:100%}}.error-box{text-align:center;padding:2.5rem;max-width:500px}.error-icon{margin-bottom:1.5rem}.error-heading{color:var(--danger-color);margin-bottom:1.5rem}.error-message-container{margin-bottom:2rem}.error-actions{margin-bottom:1.5rem}.error-support{color:var(--secondary-color);font-size:.9rem;margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.error-support a{color:var(--primary-color);text-decoration:none}.error-support a:hover{text-decoration:underline}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem}.settings-form-card{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);overflow:hidden}.settings-form-header{background-color:var(--background-color-darkened);padding:1.5rem;border-bottom:1px solid var(--border-color)}.settings-form-header h2{margin:0;color:var(--text-color);font-size:1.25rem;font-weight:600}.settings-form-body{padding:2rem}.settings-form-body .form-group{margin-bottom:1.5rem}.settings-form-body .form-group:last-child{margin-bottom:0}.settings-form-body .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.settings-form-body .form-control{width:100%;max-width:300px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.settings-form-body .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.settings-form-body .form-text{margin-top:.25rem;font-size:.875rem;color:var(--secondary-color)}.settings-form-body .form-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-save{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.btn-save:active{transform:translateY(0)}.settings-main{display:flex;flex-direction:column;gap:1.5rem}.settings-sidebar{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#fff;border-radius:.5rem;box-shadow:var(--shadow);overflow:hidden}.info-card-header{background-color:var(--background-color-darkened);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.info-card-header h3{margin:0;color:var(--text-color);font-size:1rem;font-weight:600}.info-card-body{padding:1.5rem}.last-updated{display:flex;align-items:center;gap:.75rem}.last-updated-icon{width:2rem;height:2rem;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.last-updated-text{flex:1}.last-updated-label{font-size:.75rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.last-updated-date{font-weight:600;color:var(--text-color);font-size:.875rem}.info-content{color:var(--secondary-color);font-size:.875rem;line-height:1.5}.settings-form-body .alert{padding:1rem;border-radius:.375rem;margin-bottom:1rem;border:1px solid}.settings-form-body .alert-danger{background-color:var(--settings-alert-danger-bg);border-color:var(--settings-alert-danger-border);color:var(--settings-alert-danger-text)}.settings-form-body .invalid-feedback{color:var(--danger-color);font-size:.875rem;margin-top:.25rem}.system-status-card{border-left:4px solid var(--primary-color)}.deployment-status{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:.5rem;background:var(--background-color)}.status-indicator{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.status-safe .status-indicator{background-color:var(--status-safe-bg);color:var(--status-safe-text)}.status-caution .status-indicator{background-color:var(--status-caution-bg);color:var(--status-caution-text)}.status-active .status-indicator{background-color:var(--status-active-bg);color:var(--status-active-text)}.status-content{flex:1}.status-message{font-weight:600;font-size:.875rem;margin-bottom:.5rem}.status-safe .status-message{color:var(--status-safe-text)}.status-caution .status-message{color:var(--status-caution-text)}.status-active .status-message{color:var(--status-active-text)}.last-activity{margin-top:.75rem}.activity-label{font-size:.75rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.activity-time{font-weight:600;color:var(--text-color);font-size:.875rem;margin-bottom:.25rem}.activity-duration{font-size:.75rem;color:var(--secondary-color)}.no-activity{color:var(--secondary-color);font-style:italic;font-size:.875rem}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:1rem;background:var(--background-color);border-radius:.5rem;border:1px solid var(--border-color)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-color);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-description{font-size:.75rem;color:var(--secondary-color)}.active-users-list{margin-top:1rem}.list-header{font-size:.75rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:600}.users-list{space-y:.5rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.user-item:last-child{border-bottom:none}.user-name{font-size:.875rem;font-weight:500;color:var(--text-color)}.user-activity-time{font-size:.75rem;color:var(--secondary-color)}.more-users{text-align:center;font-size:.75rem;color:var(--secondary-color);font-style:italic;margin-top:.5rem;padding:.5rem}@media(max-width: 768px){.settings-grid{grid-template-columns:1fr;gap:1.5rem}.settings-form-body .form-control{max-width:100%}.user-stats{grid-template-columns:1fr}.deployment-status{flex-direction:column;text-align:center}.status-indicator{align-self:center}}.readonly-field{background-color:var(--readonly-field-bg) !important;border:1px solid var(--readonly-field-border) !important;color:var(--readonly-field-text) !important;cursor:not-allowed !important}.readonly-field:focus{box-shadow:none !important;border-color:var(--readonly-field-border) !important}.flatpickr-day.selected{background:var(--flatpickr-selected-bg) !important;border-color:var(--flatpickr-selected-bg) !important}.flatpickr-current-month{padding-top:5px !important}.flatpickr-monthDropdown-months{background:rgba(0,0,0,0) !important}.btn::before{font-family:boxicons !important}@media(max-width: 768px){.flatpickr-calendar{width:100% !important;max-width:350px}}