﻿:root{--surface: #f4f6fa;--surface-raised: #ffffff;--surface-muted: #eef1f6;--border-subtle: #e2e8f0;--text-muted: #475569;--primary-color: #4a67c7;--primary-hover: #3d5ab5;--primary-subtle: #eef2fb;--danger-color: #b91c1c;--danger-hover: #991b1b;--success-color: #15803d;--warning-color: #92400e;--info-color: #0369a1;--background-color: var(--surface);--background-color-darkened: #e8edf4;--text-color: #1e293b;--border-color: var(--border-subtle);--border-color-hover: #d8e0eb;--border-color-strong: #76879d;--badge-success-bg: #dcfce7;--badge-danger-bg: #fee2e2;--badge-warning-bg: #fef3c7;--badge-warning-text: #92400e;--badge-info-bg: #e0f2fe;--badge-info-text: #075985;--badge-secondary-bg: #e2e8f0;--badge-secondary-text: #475569;--alert-success-bg: #dcfce7;--alert-success-border: #86efac;--alert-danger-bg: #fee2e2;--alert-danger-border: #fca5a5;--alert-info-bg: #e0f2fe;--alert-info-border: #7dd3fc;--alert-info-text: #075985;--alert-warning-bg: #fef3c7;--alert-warning-border: #fcd34d;--alert-warning-text: #92400e;--readonly-field-bg: var(--surface);--readonly-field-border: var(--border-subtle);--readonly-field-text: var(--text-muted);--readonly-item-bg: var(--surface);--readonly-item-border: var(--border-subtle);--readonly-value-text: var(--text-color);--update-summary-bg: #fef3c7;--update-summary-border: #fcd34d;--update-summary-text: #92400e;--calendar-icon-color: var(--text-muted);--flatpickr-selected-bg: var(--primary-color);--flatpickr-hover-bg: var(--surface-muted);--flatpickr-clear-bg: #fee2e2;--flatpickr-clear-text: var(--danger-color);--flatpickr-clear-hover-bg: #fecaca;--toast-success-bg: var(--success-color);--toast-warning-bg: var(--warning-color);--toast-error-bg: var(--danger-color);--toast-info-bg: var(--info-color);--signing-option-hover-border: #93c5fd;--signing-option-hover-bg: #f0f9ff;--signing-option-selected-border: var(--primary-color);--signing-option-selected-bg: var(--primary-subtle);--new-badge-bg: var(--success-color);--status-safe-bg: #d1fae5;--status-safe-text: #047857;--status-caution-bg: #fef3c7;--status-caution-text: #92400e;--status-active-bg: #fee2e2;--status-active-text: #b91c1c;--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: var(--surface);--auth-gradient-end: #dfe5ef;--dashboard-card-header-text: var(--text-color);--changes-preview-bg: var(--surface);--changes-preview-hover-bg: var(--surface-muted);--changes-full-bg: var(--surface);--modal-backdrop-bg: rgba(15, 23, 42, 0.45);--focus-ring-color: var(--primary-color);--focus-ring-width: 3px;--focus-ring-offset: 2px;--transition-fast: 0.15s ease;--transition-normal: 0.2s ease;--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-normal: 1.5;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-dropdown: 100;--z-modal-backdrop: 1000;--z-skip-link: 1100;--radius-sm: 0.25rem;--radius-md: 0.375rem;--radius-lg: 0.625rem;--radius-2xl: 1rem;--radius-full: 9999px;--color-white: #ffffff;--color-black: #000000;--border-color-dark: #64748b;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / 0.04);--shadow: 0 1px 3px 0 rgb(15 23 42 / 0.06), 0 1px 2px -1px rgb(15 23 42 / 0.06);--shadow-md: 0 4px 12px -2px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.04);--shadow-lg: 0 10px 25px -5px rgb(15 23 42 / 0.1), 0 8px 10px -6px rgb(15 23 42 / 0.06);--shadow-xl: 0 25px 50px -12px rgb(15 23 42 / 0.2)}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light;scroll-padding-top:4.5rem}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:var(--line-height-normal);color:var(--text-color);background-color:var(--background-color)}.mobile_menu{display:none}.skip-link{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:var(--z-skip-link);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:var(--color-white);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-md);transform:translateY(-120%);transition:transform var(--transition-fast)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:var(--focus-ring-width) solid var(--color-white);outline-offset:var(--focus-ring-offset)}:focus-visible:not(input,textarea,select){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}h1,h2,h3{text-wrap:balance}.app-container{display:flex;min-height:100vh;min-height:100dvh}.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:center;flex-wrap:wrap;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.content-header h1{text-wrap:balance;font-weight:var(--font-weight-semibold);letter-spacing:-0.02em}.content-header .header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.inner-content-container{width:100%}@media(min-width: 1920px){.content-container{width:80%}}.sidebar{width:250px;flex-shrink:0;background-color:var(--surface-raised);border-right:1px solid var(--border-subtle);padding:var(--spacing-lg) 0;height:100vh;height:100dvh;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(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.sidebar-nav a{display:block;padding:.75rem var(--spacing-lg);margin:0 var(--spacing-sm);color:var(--text-color);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast);min-height:44px;border-left:3px solid rgba(0,0,0,0)}.sidebar-nav a:hover{background-color:var(--surface-muted)}.sidebar-nav a.active{background-color:var(--primary-subtle);color:var(--primary-color);font-weight:var(--font-weight-semibold);border-left-color:var(--primary-color)}.site-logo a{display:block}.site-logo img{width:150px;margin:0 auto var(--spacing-xl);display:block}.header{background-color:var(--surface-raised);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);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);letter-spacing:-0.02em;text-wrap:balance}.header-title-link:hover{color:var(--primary-color)}.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;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-family:inherit;font-size:inherit;line-height:inherit}.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-dropdown:focus-within{display:block}@media(hover: hover){.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(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle);padding:var(--spacing-xl)}.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:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-color)}.form-group input:not([type=checkbox]),.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) .75rem;border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--surface-raised);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:not([type=checkbox]):focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(74,103,199,.75);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 75%, transparent)}.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);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:var(--radius-lg)}.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;text-wrap:balance}.form-label{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.required .required-text{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-normal)}.required .form-label{display:flex;align-items:center;gap:var(--spacing-xs)}.required .form-label .required-text{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-normal)}.form-control{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color-strong);border-radius:var(--radius-md);font-size:var(--font-size-base);background-color:var(--surface-raised);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(74,103,199,.75);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 75%, transparent);outline:none}.help-text{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.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)}.checkbox-group .form-group{display:flex;flex-direction:row-reverse;justify-content:start;gap:var(--spacing-sm)}.checkbox-group .form-group label{margin-bottom:0}.checkbox-group input#id_remote_signing{width:0;height:0}.checkbox-field{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.checkbox-field input[type=checkbox]{width:auto;margin-top:var(--spacing-xs);flex-shrink:0}.checkbox-field-content{flex:1;display:flex;flex-direction:column}.checkbox-field .form-label{margin-bottom:0;font-weight:var(--font-weight-normal);cursor:pointer}.checkbox-field .help-text{margin-left:0;margin-top:var(--spacing-xs)}.checkbox-field .error-message{margin-left:0;margin-top:var(--spacing-xs)}.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:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--readonly-item-border)}.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:var(--spacing-sm);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}}.dropdown{position:relative}.pdok-suggestions.listbox{position:absolute;z-index:10;background:var(--surface-raised);width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-top:var(--spacing-xs);box-shadow:var(--shadow-md);max-height:240px;overflow:auto}.pdok-suggestions .item{padding:var(--spacing-sm) .75rem;cursor:pointer}.pdok-suggestions .item[aria-disabled=true]{color:var(--text-muted);cursor:default}.pdok-suggestions .item:hover{background:var(--surface-muted)}.pdok-suggestions .item.active{background:var(--primary-subtle)}.pdok-suggestions.hidden{display:none}.status{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-sm)}.status.error{color:var(--danger-color)}.status.ok{color:var(--success-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.625rem 1.125rem;min-height:2.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;text-decoration:none;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,0);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);line-height:1.25;margin:.2rem;background:var(--surface-muted);color:var(--text-color)}.btn:hover{background-color:var(--border-color-hover)}.btn:active{background-color:var(--surface-raised)}.btn-primary{background-color:var(--primary-color);color:var(--color-white)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--surface-raised);color:var(--text-color);border-color:var(--border-subtle)}.btn-secondary:hover{background-color:var(--surface);border-color:var(--border-color-strong)}.btn-danger{background-color:var(--danger-color);color:var(--color-white)}.btn-danger:hover,.btn-danger:active{background-color:var(--danger-hover)}.btn-outline-primary{background-color:rgba(0,0,0,0);color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover,.btn-outline-primary:active{background-color:var(--primary-color);color:var(--color-white)}.btn-link{background:none;border-color:rgba(0,0,0,0);color:var(--primary-color);text-decoration:underline}.btn-link:hover,.btn-link:active{background:none;color:var(--primary-hover)}.copy-data-container{display:inline-block;margin-bottom:-8px}.copy-data-container button{padding:.2rem var(--spacing-sm);font-size:var(--font-size-xs);min-height:1.75rem}.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{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.table-actions form.d-inline,.table-actions a.btn{float:none}.table-actions .btn{padding:.35rem .55rem;font-size:var(--font-size-xs);min-height:1.75rem;min-width:1.75rem;margin:0}.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:transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-save:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-save:active{transform:translateY(0)}.btn-copy-link-list{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:.2rem var(--spacing-sm);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:var(--color-white)}.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(--surface-muted);font-weight:var(--font-weight-semibold);vertical-align:top;color:var(--text-color)}.filter-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-subtle);border-radius:0;border-left:none;border-right:none;font-size:var(--font-size-sm);background-color:var(--surface-raised);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.filter-input:focus{outline:none;background-color:var(--surface-raised);border-color:var(--primary-color);box-shadow:inset 0 -2px 0 0 var(--primary-color)}.table th:not(:last-child) .filter-input{border-right:none}.table-container{background-color:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle);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-subtle)}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--primary-subtle)}.table tbody tr:last-child td{border-bottom:none}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:linear-gradient(160deg, var(--auth-gradient-start) 0%, var(--auth-gradient-end) 100%)}.auth-box{background-color:var(--surface-raised);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-subtle)}.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;text-wrap:balance}.auth-box .help-text{text-align:center;color:var(--text-muted);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-strong);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-color:var(--surface-raised)}.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(74,103,199,.75);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 75%, transparent)}.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:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-sm)}.auth-box .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.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-subtle)}.auth-links a:not(.btn){color:var(--primary-color);text-decoration:none;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.auth-links a:not(.btn):hover{color:var(--primary-hover);text-decoration:underline}.auth-links a.btn{text-decoration:none;float:none}.auth-links a.btn-primary{color:var(--color-white)}.auth-links a.btn-primary:hover{color:var(--color-white);background-color:var(--primary-hover);text-decoration:none}.existing-signature-container{overflow:auto;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-sm);background-color:var(--color-white);padding:var(--spacing-md);transition:filter .3s ease}.signature-preview.unauthorized .signature-image{filter:grayscale(1) opacity(0.7)}.signature-preview.authorized .signature-image{filter:none;opacity:1}.signature-overlay{position:absolute;inset:0;background:rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(2px);z-index:10}.signature-preview.authorized .signature-overlay{opacity:0;visibility:hidden;pointer-events:none}.lock-icon{color:var(--text-muted);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(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.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-preview.authorized::after{content:"✓";position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--success-color);color:var(--color-white);width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:14px;animation:checkmark .3s ease forwards}.signature-date{color:var(--text-muted);font-size:var(--font-size-sm)}.signature-container{margin-bottom:var(--spacing-lg);background:var(--surface-raised);padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.signature-row{display:flex;gap:var(--spacing-xl);justify-content:space-between}.signature-col{flex:1;min-width:0}.signature-heading{color:var(--primary-color);font-size:var(--font-size-base);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.signature-display{max-width:100%;height:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.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{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-muted)}.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)}.signature-error{margin:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--danger-color)}.signature-error[hidden]{display:none}.form-error-summary ul{margin:var(--spacing-sm) 0 0;padding-left:var(--spacing-lg)}.form-error-summary a{color:inherit;text-decoration:underline}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.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)}.badge-info{background-color:var(--badge-info-bg);color:var(--badge-info-text)}.badge-secondary{background-color:var(--badge-secondary-bg);color:var(--badge-secondary-text)}.alert{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-md);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)}.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(--info-color);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}.alert-warning{background-color:var(--alert-warning-bg);border-left:4px solid var(--alert-warning-border);color:var(--alert-warning-text);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0}.birthdate-warning-container{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-md)}.birthdate-warning{margin:0}.birthdate-warning-content{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.birthdate-warning-icon{font-size:var(--font-size-lg);color:var(--warning-color);flex-shrink:0;margin-top:.125rem}.birthdate-warning-text{flex:1;line-height:var(--line-height-normal);font-size:var(--font-size-sm)}.detail-container{background-color:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle);padding:var(--spacing-xl);display:flex;flex-direction:column}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.detail-actions-spaced{margin-top:var(--spacing-md)}.detail-section{margin-bottom:var(--spacing-xl)}.detail-section h2{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);text-wrap:balance}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item label{font-weight:var(--font-weight-semibold);color:var(--text-muted);font-size:var(--font-size-sm)}.signature-date{margin-top:var(--spacing-sm);color:var(--text-muted);font-size:var(--font-size-sm)}.signature-info{display:flex;flex-direction:column;gap:var(--spacing-sm)}.signature-placeholder{padding:var(--spacing-md);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted)}.consent-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.filter-container{background-color:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle)}.filter-form{display:flex;gap:1rem;align-items:flex-end}.filter-input{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(--text-muted)}.datepicker-wrapper{position:relative;display:inline-block;width:100%}.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,.flatpickr-current-month .numInputWrapper{font-size:1rem;border-radius:.375rem;padding:.25rem}.flatpickr-current-month .flatpickr-monthDropdown-months:hover,.flatpickr-current-month .numInputWrapper:hover{background-color:var(--background-color-darkened)}.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:var(--surface-raised);padding:var(--spacing-xl);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm);margin:calc(var(--spacing-sm)*-1);color:var(--text-muted);min-width:2.5rem;min-height:2.5rem}.modal-content{margin:var(--spacing-md) 0}.modal-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:var(--spacing-md)}.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(--text-muted)}.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}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast-message{display:flex;align-items:center;background-color:rgba(15,23,42,.9);color:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-md);min-width:250px;max-width:400px;box-shadow:var(--shadow-md);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);color:var(--color-white)}.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:var(--color-white);font-size:var(--font-size-lg);cursor:pointer;min-width:2rem;min-height:2rem}.toast-message.hide{opacity:0;transform:translateY(-20px)}.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}.pdf-mail-badge{animation:none}.pdf-mail-badge--pending{background-color:var(--toast-warning-bg);animation:pulse 2s infinite}.pdf-mail-badge--failed{background-color:var(--danger-color)}@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(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle);overflow:hidden}.dashboard-card-message{margin-bottom:var(--spacing-lg)}.dashboard-card-header{padding:var(--spacing-lg);background-color:var(--surface-muted);color:var(--dashboard-card-header-text);font-weight:var(--font-weight-semibold);border-bottom:1px solid var(--border-subtle)}.dashboard-card-header h2{font-size:var(--font-size-lg);margin:0;text-wrap:balance}.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-subtle)}.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(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);color:var(--text-color);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);gap:var(--spacing-sm)}.admin-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background-color:var(--primary-subtle);border-color:color-mix(in srgb, var(--primary-color) 25%, var(--border-subtle))}.admin-tile i{font-size:2rem;color:var(--primary-color)}.admin-tile span{font-weight:var(--font-weight-medium)}@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%}}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.settings-grid>*{min-width:0}.settings-form-card{background-color:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle);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-subtle);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.settings-form-body .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(74,103,199,.75);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary-color) 75%, transparent)}.settings-form-body .form-text{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted)}.settings-form-body .form-actions{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.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-color:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-subtle);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:50%;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(--text-muted);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(--text-muted);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:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--surface)}.status-indicator{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.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:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.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:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.activity-time{font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.activity-duration{font-size:var(--font-size-xs);color:var(--text-muted)}.no-activity{color:var(--text-muted);font-style:italic;font-size:var(--font-size-sm)}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-item{text-align:center;padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--text-color);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.stat-description{font-size:var(--font-size-xs);color:var(--text-muted)}.active-users-list{margin-top:var(--spacing-md)}.list-header{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:var(--font-weight-semibold)}.user-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-subtle)}.user-item:last-child{border-bottom:none}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color)}.user-activity-time{font-size:var(--font-size-xs);color:var(--text-muted)}.more-users{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);font-style:italic;margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.info-description{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.job-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.job-item{display:flex;flex-direction:column;gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle)}.job-item:last-child{border-bottom:none}.job-info{flex:1}.job-info h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-color);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.job-description{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.job-option{margin-top:var(--spacing-md)}.job-option-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.job-option-label input{cursor:pointer}.job-actions{display:flex;gap:var(--spacing-md);align-items:center}.job-status{margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.job-preview{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-subtle)}.job-preview-title{margin-bottom:var(--spacing-md)}.job-preview-count{margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold)}.job-preview-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.job-preview-table{max-height:400px;overflow-y:auto;margin-bottom:var(--spacing-md)}.scheduled-jobs-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.scheduled-job-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.scheduled-job-item:last-child{border-bottom:none}.scheduled-job-item .job-info h4{margin:0 0 var(--spacing-xs) 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:var(--z-modal-backdrop);top:100%}.mobile_menu nav.mobile-nav .nav-section .nav-section-title{padding:.5rem 1.5rem;color:var(--text-muted);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}.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%}}.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(--text-muted);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}@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}}.d-none{display:none}.d-inline{display:inline}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--alert-info-text)}.empty-message,.table .empty-message{padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--text-muted)}.student-form-fields{position:relative;transition:opacity .3s ease}.student-form-fields.loading{opacity:.6;pointer-events:none}.loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:4px solid var(--background-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;z-index:1}.student-form-fields.loading>.loading-spinner{display:block}@keyframes spin{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@media(max-width: 768px){.form-row .form-group{min-width:0;max-width:100%;width:100%}.name-row .form-group.middle_name,.name-row .form-group.payer_middle_name{max-width:100%}.form-section{padding:var(--spacing-md)}.form-section .form-section{padding-left:0;padding-right:0}.signing-mode-section,.signing-option,.remote-fields,.signature-preview-container{padding:var(--spacing-md)}.signature-image{max-width:min(300px,100%);height:auto}.option-content{gap:var(--spacing-sm)}.option-text{min-width:0;overflow-wrap:anywhere}.readonly-field-group{grid-template-columns:minmax(0, 1fr);gap:var(--spacing-md)}.readonly-item{min-width:0;padding:var(--spacing-md)}.readonly-item label,.readonly-value{overflow-wrap:anywhere}.detail-container{padding:var(--spacing-md)}.modal{padding:var(--spacing-md)}.content-header,.detail-header{flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.content-header>*,.detail-header>*{min-width:0;max-width:100%}.content-header h1,.detail-header h1,.form-container h1{overflow-wrap:anywhere}.content-header .header-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.detail-actions{min-width:0;max-width:100%}.detail-item{min-width:0;overflow-wrap:anywhere}.detail-section>.signature-row{flex-direction:column}.pagination{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-md)}.pagination-controls{flex-wrap:wrap;justify-content:center}.toast-message{max-width:calc(100vw - 40px)}input,select,textarea,.form-control,.filter-input,.page-size-select,.signing-link-input,.select2-container .select2-search__field{font-size:max(16px,1em)}}@media(max-width: 480px){.auth-container{padding:var(--spacing-md)}.auth-box{padding:var(--spacing-xl) var(--spacing-lg)}}@media(max-width: 1024px){.settings-grid{grid-template-columns:minmax(0, 1fr)}.settings-main,.settings-sidebar{min-width:0}.detail-section>.signature-row>.signature-col{min-width:0}.content-header{flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.content-header .header-actions{flex-wrap:wrap;gap:var(--spacing-sm)}.monospace{overflow-wrap:anywhere}}@media(min-width: 769px)and (max-width: 1024px){.signing-options{flex-wrap:wrap;gap:var(--spacing-md)}.signing-option{flex:1 1 240px;min-width:0}}@media(pointer: coarse){input,select,textarea,.form-control,.filter-input,.page-size-select,.signing-link-input,.select2-container .select2-search__field{font-size:max(16px,1em)}.table-actions .btn{display:flex;align-items:center;justify-content:center;min-height:44px;padding-left:.75rem;padding-right:.75rem}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.page-size-select{min-height:44px}.status-filter a{position:relative}.status-filter a::after{content:"";position:absolute;top:50%;right:-0.5rem;left:-0.5rem;height:44px;transform:translateY(-50%)}.modal-close{min-width:44px;min-height:44px}.toast-message .close-btn{flex-shrink:0;min-width:44px;min-height:44px;margin-top:-10px;margin-right:-10px;margin-bottom:-10px}.form-checkbox,.checkbox-field input[type=checkbox]{width:1.5rem;height:1.5rem}.checkbox-field input[type=checkbox]{margin-top:10px}.checkbox-group .form-group label,.checkbox-field .form-label{min-height:44px}.checkbox-group .form-group{align-items:center}}.agreement-container{max-width:900px;margin:var(--spacing-xl) auto;background-color:var(--color-white);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:var(--spacing-xl)}.agreement-container .agreement-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.agreement-container .agreement-header h1{color:var(--primary-color);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm)}.agreement-container .agreement-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.agreement-container .agreement-section h2{color:#334155;font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.agreement-container .info-panel{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.agreement-container .info-row{display:flex;margin-bottom:var(--spacing-sm)}.agreement-container .info-label{font-weight:bold;width:30%;color:var(--text-muted)}.agreement-container .info-value{width:70%}.agreement-container .teacher-signature{max-width:300px;margin:var(--spacing-md) 0;border:1px solid var(--border-color);border-radius:4px;padding:10px;background-color:var(--color-white)}.agreement-container .expiry-notice{background-color:#fffbeb;border:1px solid var(--badge-warning-bg);color:var(--badge-warning-text);padding:.75rem;border-radius:6px;margin:var(--spacing-md) 0;font-weight:var(--font-weight-medium)}.agreement-container .form-section{margin-bottom:var(--spacing-lg)}.agreement-container .form-row{margin-bottom:var(--spacing-md)}.agreement-container .consent-options .form-group{flex:1}.agreement-container .signature-container{margin-top:var(--spacing-lg)}.agreement-container .signature-pad{border-radius:4px}@media(max-width: 768px){.agreement-container{margin:var(--spacing-md) auto;padding:var(--spacing-md)}.agreement-container .form-row{flex-direction:column}.agreement-container .form-row .form-group{min-width:0;max-width:100%}.agreement-container .form-section{padding:var(--spacing-md)}.agreement-container .info-row{flex-direction:column}.agreement-container .info-label,.agreement-container .info-value{width:100%}.agreement-container .info-value{overflow-wrap:anywhere}.agreement-container .teacher-signature{max-width:100%;max-width:min(300px,100%);height:auto}}.mobile_menu .menu-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;font-family:inherit;line-height:1;cursor:pointer;display:flex;align-items:center;min-width:44px;min-height:44px}@media(max-width: 768px){.header-title{min-width:0}.header-title-link{display:block;padding:var(--spacing-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-section{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.mobile_menu{flex-shrink:0}.mobile_menu nav.mobile-nav{left:0;max-width:100vw;max-height:calc(100vh - 61px);max-height:calc(100dvh - 61px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile_menu nav.mobile-nav a:focus-visible{outline-offset:-2px}}.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}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.new-badge,.copy-feedback,.signature-preview.authorized::after{animation:none}.toast-message,.student-form-fields,.signature-image,.signature-overlay,.signature-authorization,.lock-icon{transition:none}.admin-tile:hover,.btn-save:hover,.auth-box .btn-primary:hover,.signature-preview:hover .lock-icon{transform:none}}
