body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.aws-cloud-page{margin:0 auto;max-width:1400px}.aws-section{margin-bottom:24px}.aws-section-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.aws-section-header h2{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;margin:0}.aws-section-header h3{color:#1f2937;font-size:16px;font-weight:600;margin:0}.connection-status-badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.connection-status-badge.status-connected{background-color:#62bb46}.connection-status-badge.status-testing{background-color:#f26522}.connection-status-badge.status-error{background-color:#dc3545}.connection-status-badge.status-disconnected{background-color:#6c757d}.tabs-container{margin-bottom:24px}.tabs-nav{background:#e8ecf1;background:var(--bg-secondary,#e8ecf1);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #ffffffb3;display:flex;flex-wrap:wrap;gap:8px;overflow-x:auto;padding:8px}.tab-button{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:10px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#6c757d;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:relative;top:0;transition:all .2s ease;white-space:nowrap}.tab-button:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#1f2937;top:-1px}.tab-button:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.tab-button.active{background:linear-gradient(145deg,#1aa3c2,#007a9a);box-shadow:4px 4px 10px #bac7d880,-4px -4px 8px #ffffffe6,inset 0 1px 0 #fff3;color:#fff}.tab-button svg{flex-shrink:0}.tab-content-wrapper{animation:fadeIn .2s ease}.tabs-content{display:flex;flex-direction:column;gap:24px}.form-section-text{color:#6c757d;font-size:13px;margin:0 0 12px}.form-input-group{align-items:center;display:flex;position:relative}.form-input-group .form-input{flex:1 1;padding-right:36px}.form-input-addon{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s}.form-input-addon:hover{color:#1f2937}.aws-button-group{display:flex;flex-wrap:wrap;gap:8px}.aws-button-group .btn{box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;flex:1 1;min-width:140px;position:relative;top:0;transition:all .2s ease}.aws-button-group .btn:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;top:-1px}.aws-button-group .btn:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.status-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.status-card{align-items:center;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#6c757d;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center}.status-card svg{color:#0093b2;height:24px;width:24px}.status-card-label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.status-card-value{background:#f3f4f6;border-radius:4px;color:#1f2937;font-size:14px;font-weight:600;padding:4px 8px}.status-card-value.active,.status-card-value.available{background:#d1e7dd;color:#62bb46}.status-card-value.creating,.status-card-value.pending{background:#fff3cd;color:#f26522}.status-card-value.error,.status-card-value.inactive{background:#f8d7da;color:#dc3545}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:16px;text-align:center}.stat-icon{margin-bottom:12px}.stat-label{font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#1f2937;font-size:18px;font-weight:600}.info-block{background:#cfe2ff;border-left:3px solid #0093b2;border-radius:4px;color:#1f2937;font-size:13px;line-height:1.6;margin-top:12px;padding:12px}.info-block strong{color:#1f2937;font-weight:600}.checklist{display:flex;flex-direction:column;gap:12px;margin-top:16px}.checklist-item{align-items:center;background:#f9fafb;border-left:3px solid #d1d5db;border-radius:6px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.checklist-item.checked{background:#d1e7dd;border-left-color:#62bb46}.checklist-label{color:#1f2937;flex:1 1;font-size:14px;font-weight:500}.checklist-status{color:#d1d5db;font-size:12px;font-weight:600;text-transform:uppercase}.checklist-status.status-checked{color:#62bb46}.checklist-status.status-pending{color:#f26522}.compliance-summary{background:#eff6ff;border-left:3px solid #0093b2;border-radius:4px;color:#1f2937;font-size:14px;font-weight:500;margin-top:20px;padding:12px}.data-table-container{margin-top:16px;overflow-x:auto}.data-table{font-size:13px}.data-table thead{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.data-table th{color:#374151;font-weight:600;padding:12px}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.data-table tbody tr:hover{background:#f9fafb}.data-table td{color:#1f2937;padding:12px}.data-table code{background:#f3f4f6;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:11px;padding:4px 8px}.action-cell{display:flex;gap:8px}.action-cell .btn{box-shadow:2px 2px 4px #bac7d859,-2px -2px 4px #fff9,inset 0 1px 0 #ffffff4d;font-size:12px;padding:4px 8px;position:relative;top:0;transition:all .18s ease}.action-cell .btn:hover{box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #fff6;top:-1px}.action-cell .btn:active{box-shadow:inset 2px 2px 4px #bac7d859,inset -2px -2px 4px #fff9;top:1px}.empty-state{align-items:center;background:#fafafa;border:2px dashed #e5e7eb;border-radius:var(--radius-md);color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-state p{color:#6c757d;font-size:14px;font-weight:500;margin:12px 0 0}.empty-state small{color:#9ca3af;display:block;font-size:12px;margin-top:4px}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin:16px 0;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#0093b2,#007a9a);box-shadow:0 0 8px #0d6efd80;height:100%;transition:width .3s ease}.logs-viewer{background:#1f2937;border-radius:var(--radius-md);font-family:Monaco,Courier New,monospace;font-size:12px;margin-top:16px;max-height:400px;overflow-y:auto;padding:12px}.log-entry{border-bottom:1px solid #374151;color:#d1d5db;display:flex;gap:12px;padding:6px 0}.log-entry:last-child{border-bottom:none}.log-timestamp{color:#60a5fa;flex-shrink:0;min-width:150px}.log-message{color:#d1d5db;flex:1 1;word-break:break-word}.spin{animation:spin 1s linear infinite}.alert{font-size:13px;padding:12px}.alert--success{background:#d1e7dd;border-left:3px solid #62bb46;color:#065f46}.alert--error{background:#f8d7da;border-left:3px solid #dc3545;color:#7f1d1d}.alert--info{background:#cfe2ff;border-left:3px solid #0093b2;color:#0c2d48}.alert svg{flex-shrink:0;height:18px;margin-top:2px;width:18px}@media (max-width:1024px){.tabs-nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.status-cards-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.aws-button-group{flex-direction:column}.aws-button-group .btn{width:100%}}@media (max-width:768px){.tabs-nav{flex-direction:column}.tab-button{justify-content:flex-start;width:100%}.stats-grid,.status-cards-grid{grid-template-columns:1fr}.aws-button-group{flex-direction:column}.aws-button-group .btn{width:100%}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px}.action-cell{flex-direction:column}.aws-section-header{flex-wrap:wrap}.aws-section-header h2{margin-bottom:8px;width:100%}.connection-status-badge{justify-content:center;width:100%}.logs-viewer{font-size:11px;max-height:300px}}.ghl-page{max-width:1400px;padding:24px 32px}.ghl-page-header{justify-content:space-between;margin-bottom:20px}.ghl-connection-badge,.ghl-page-header{align-items:center;display:flex}.ghl-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.ghl-badge--connected{background:#1987541f;box-shadow:inset 2px 2px 4px #19875414,inset -2px -2px 4px #fff9;color:#62bb46}.ghl-badge--disconnected{background:#dc35451a;box-shadow:inset 2px 2px 4px #dc354514,inset -2px -2px 4px #fff9;color:#dc3545}.ghl-tabs{background:#e8ecf1;background:var(--bg-secondary,#e8ecf1);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #ffffffb3;display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.ghl-tab{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:10px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;position:relative;top:0;transition:all .2s ease;white-space:nowrap}.ghl-tab:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#212529;color:var(--text-primary,#212529);top:-1px}.ghl-tab:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.ghl-tab--active{background:#fff;background:var(--bg-primary,#fff);box-shadow:4px 4px 10px #bac7d880,-4px -4px 8px #ffffffe6,inset 0 1px 0 #ffffff80;color:#0093b2;color:var(--accent-primary,#0093b2);font-weight:600}.ghl-content{min-height:400px}.ghl-section{display:flex;flex-direction:column;gap:20px}.ghl-card{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:6px 6px 14px #0000000f,-4px -4px 10px #fffc;padding:24px}.ghl-card-title{align-items:center;color:#212529;color:var(--text-primary,#212529);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 12px}.ghl-card-desc{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;line-height:1.5;margin:0 0 16px}.ghl-card-desc code{background:#0d6efd14;border-radius:4px;color:#0093b2;color:var(--accent-primary,#0093b2);font-size:13px;padding:2px 6px}.ghl-card--full{grid-column:1/-1}.ghl-config-box{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:10px;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffffb3;margin-bottom:16px;padding:14px 18px}.ghl-config-item{align-items:center;display:flex;gap:12px;padding:6px 0}.ghl-config-item+.ghl-config-item{border-top:1px solid #0000000d}.ghl-config-key{color:#212529;color:var(--text-primary,#212529);font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600;min-width:160px}.ghl-config-val{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px}.ghl-test-btn{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:8px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#212529;color:var(--text-primary,#212529);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;position:relative;top:0;transition:all .2s}.ghl-test-btn:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;top:-1px}.ghl-test-btn:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.ghl-action-btn{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:8px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#212529;color:var(--text-primary,#212529);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-top:4px;padding:8px 16px;position:relative;top:0;transition:all .2s}.ghl-action-btn:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;top:-1px}.ghl-action-btn:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.ghl-error{background:#dc354514;color:#dc3545}.ghl-error,.ghl-success{border-radius:8px;font-size:13px;line-height:1.4;margin-top:12px;padding:10px 14px}.ghl-success{align-items:center;background:#19875414;color:#62bb46;display:flex;gap:8px}.ghl-hint{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-size:13px;font-style:italic;margin-top:8px}.ghl-overview-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.ghl-overview-item{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000a,inset -2px -2px 5px #fff9;display:flex;flex-direction:column;gap:6px;padding:18px 12px;text-align:center}.ghl-overview-item svg{color:#0093b2;color:var(--accent-primary,#0093b2)}.ghl-overview-item span{color:#212529;color:var(--text-primary,#212529);font-size:14px;font-weight:600}.ghl-overview-item small{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;line-height:1.3}.ghl-toolbar{flex-wrap:wrap;gap:12px}.ghl-search-bar,.ghl-toolbar{align-items:center;display:flex}.ghl-search-bar{background:#fff;background:var(--bg-primary,#fff);border-radius:10px;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #ffffffb3;flex:1 1;gap:8px;min-width:300px;padding:6px 12px}.ghl-search-bar svg{color:#adb5bd;color:var(--text-tertiary,#adb5bd);flex-shrink:0}.ghl-search-bar input{background:#0000;border:none;color:#212529;color:var(--text-primary,#212529);flex:1 1;font-size:14px;outline:none;padding:6px 0}.ghl-search-bar input::placeholder{color:#adb5bd;color:var(--text-tertiary,#adb5bd)}.ghl-pipeline-select{align-items:center;display:flex;gap:8px}.ghl-pipeline-select label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:500}.ghl-pipeline-select select{border:none;border-radius:8px;box-shadow:3px 3px 8px #0000000f,-2px -2px 6px #fffc;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-size:14px;min-width:200px;outline:none;padding:8px 12px}.ghl-data-section,.ghl-pipeline-select select{background:#fff;background:var(--bg-primary,#fff)}.ghl-data-section{border-radius:14px;box-shadow:6px 6px 14px #0000000f,-4px -4px 10px #fffc;padding:20px}.ghl-data-section h3{align-items:center;color:#212529;color:var(--text-primary,#212529);display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 14px}.ghl-count{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-size:13px;font-weight:400}.ghl-table-wrap{border-radius:10px;overflow-x:auto}.ghl-table-wrap--compact{max-height:400px;overflow-y:auto}.ghl-table{border-collapse:collapse;font-size:13px;width:100%}.ghl-table thead th{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-bottom:1px solid #0000000f;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:600;letter-spacing:.04em;padding:10px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.ghl-table tbody td{border-bottom:1px solid #00000008;color:#212529;color:var(--text-primary,#212529);padding:10px 14px}.ghl-table tbody tr:hover{background:#0d6efd08}.ghl-td-name{font-weight:500}.ghl-td-money{color:#62bb46;font-family:SF Mono,Fira Code,monospace;font-weight:600}.ghl-td-preview{color:#6c757d;color:var(--text-secondary,#6c757d);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghl-empty{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-style:italic;padding:24px;text-align:center}.ghl-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.ghl-status--active,.ghl-status--confirmed,.ghl-status--open,.ghl-status--paid{background:#1987541a;color:#62bb46}.ghl-status--won{background:#0d6efd1a;color:#0093b2}.ghl-status--cancelled,.ghl-status--lost,.ghl-status--void{background:#dc354514;color:#dc3545}.ghl-status--draft,.ghl-status--pending,.ghl-status--sent{background:#fd7e141a;color:#f26522}.ghl-stage-badge{background:#0d6efd14;border-radius:12px;color:#0093b2;color:var(--accent-primary,#0093b2);display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.ghl-pagination{align-items:center;border-top:1px solid #0000000a;display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:12px}.ghl-pagination button{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:8px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:6px 14px;position:relative;top:0;transition:all .2s}.ghl-pagination button:hover:not(:disabled){box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#0093b2;color:var(--accent-primary,#0093b2);top:-1px}.ghl-pagination button:active:not(:disabled){box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.ghl-pagination button:disabled{box-shadow:2px 2px 4px #bac7d840,-2px -2px 4px #ffffff80;cursor:not-allowed;opacity:.4}.ghl-pagination span{font-size:13px;font-weight:500}.ghl-loading,.ghl-pagination span{color:#6c757d;color:var(--text-secondary,#6c757d)}.ghl-loading{align-items:center;display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px}@keyframes ghl-spin{to{transform:rotate(1turn)}}.spin{animation:ghl-spin .8s linear infinite}.ghl-fields-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.ghl-fields-grid{grid-template-columns:1fr}}.ghl-tags-list{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.ghl-tag-chip{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:16px;box-shadow:2px 2px 4px #0000000a,-1px -1px 3px #fff9;color:#212529;color:var(--text-primary,#212529);display:inline-block;font-size:13px;font-weight:500;padding:5px 12px}.ghl-sync-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.ghl-sync-grid{grid-template-columns:1fr}}.ghl-sync-details{display:flex;flex-direction:column;gap:14px}.ghl-sync-row{align-items:baseline;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;box-shadow:inset 2px 2px 4px #0000000a,inset -2px -2px 4px #fff9;display:flex;flex-wrap:wrap;gap:12px;padding:10px 14px}.ghl-sync-label{color:#212529;color:var(--text-primary,#212529);font-size:13px;font-weight:600;min-width:120px}.ghl-sync-value{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px}.ghl-sync-meta{font-size:12px;margin-left:auto}.ghl-disconnected-notice,.ghl-sync-meta{color:#adb5bd;color:var(--text-tertiary,#adb5bd)}.ghl-disconnected-notice{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 40px;text-align:center}.ghl-disconnected-notice svg{color:#dc3545;opacity:.5}.ghl-disconnected-notice p{font-size:15px;line-height:1.5;max-width:420px}.ghl-disconnected-notice strong{color:#212529;color:var(--text-primary,#212529)}.stripe-page{max-width:1400px;padding:24px 32px}.stripe-header{justify-content:space-between;margin-bottom:20px}.stripe-conn-badge,.stripe-header{align-items:center;display:flex}.stripe-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.stripe-badge--ok{background:#1987541f;box-shadow:inset 2px 2px 4px #19875414,inset -2px -2px 4px #fff9;color:#62bb46}.stripe-badge--err{background:#dc35451a;box-shadow:inset 2px 2px 4px #dc354514,inset -2px -2px 4px #fff9;color:#dc3545}.stripe-tabs{background:#e8ecf1;background:var(--bg-secondary,#e8ecf1);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #ffffffb3;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.stripe-tab{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:10px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;position:relative;top:0;transition:all .2s ease;white-space:nowrap}.stripe-tab:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#212529;color:var(--text-primary,#212529);top:-1px}.stripe-tab:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.stripe-tab--active{background:#fff;background:var(--bg-primary,#fff);box-shadow:4px 4px 10px #bac7d880,-4px -4px 8px #ffffffe6,inset 0 1px 0 #ffffff80;color:#0093b2;font-weight:600}.stripe-content{min-height:400px}.stripe-section{display:flex;flex-direction:column;gap:20px}.stripe-card{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:6px 6px 14px #0000000f,-4px -4px 10px #fffc;padding:24px}.stripe-card-title{align-items:center;color:#212529;color:var(--text-primary,#212529);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 14px}.stripe-card-desc{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;line-height:1.5;margin:0 0 16px}.stripe-card-desc code{background:#0d6efd14;border-radius:4px;color:#0093b2;font-size:13px;padding:2px 6px}.stripe-metric-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.stripe-metric{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-radius:14px;box-shadow:6px 6px 14px #0000000f,-4px -4px 10px #fffc;display:flex;flex-direction:column;gap:6px;padding:22px 16px;text-align:center}.stripe-metric svg{color:#0093b2}.stripe-metric-value{color:#212529;color:var(--text-primary,#212529);font-size:24px;font-weight:700}.stripe-metric-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px}.stripe-config-box{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:10px;box-shadow:inset 2px 2px 5px #0000000d,inset -2px -2px 5px #ffffffb3;margin-bottom:16px;padding:14px 18px}.stripe-config-item{align-items:center;display:flex;gap:12px;padding:6px 0}.stripe-config-item+.stripe-config-item{border-top:1px solid #0000000d}.stripe-config-key{color:#212529;color:var(--text-primary,#212529);font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:600;min-width:200px}.stripe-config-val{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px}.stripe-test-btn{align-items:center;display:inline-flex;gap:8px}.stripe-error{background:#dc354514;color:#dc3545}.stripe-error,.stripe-success{border-radius:8px;font-size:13px;margin-top:12px;padding:10px 14px}.stripe-success{align-items:center;background:#19875414;color:#62bb46;display:flex;gap:8px}.stripe-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.stripe-search-bar{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-radius:10px;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #ffffffb3;display:flex;flex:1 1;gap:8px;min-width:300px;padding:6px 12px}.stripe-search-bar svg{color:#adb5bd;color:var(--text-tertiary,#adb5bd);flex-shrink:0}.stripe-search-bar input{background:#0000;border:none;color:#212529;color:var(--text-primary,#212529);flex:1 1;font-size:14px;outline:none;padding:6px 0}.stripe-search-bar input::placeholder{color:#adb5bd;color:var(--text-tertiary,#adb5bd)}.stripe-filter{align-items:center;display:flex;gap:8px}.stripe-filter label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:500}.stripe-filter select{background:#fff;background:var(--bg-primary,#fff);border:none;border-radius:8px;box-shadow:3px 3px 8px #0000000f,-2px -2px 6px #fffc;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-size:14px;min-width:140px;outline:none;padding:8px 12px}.stripe-table-wrap{border-radius:10px;overflow-x:auto}.stripe-table{border-collapse:collapse;font-size:13px;width:100%}.stripe-table thead th{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-bottom:1px solid #0000000f;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:600;letter-spacing:.04em;padding:10px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0}.stripe-table tbody td{border-bottom:1px solid #00000008;color:#212529;color:var(--text-primary,#212529);padding:10px 14px}.stripe-table tbody tr:hover{background:#0d6efd08}.stripe-td-name{font-weight:500}.stripe-td-money{color:#62bb46;font-family:SF Mono,Fira Code,monospace;font-weight:600}.stripe-td-mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.stripe-td-desc,.stripe-td-mono{color:#6c757d;color:var(--text-secondary,#6c757d)}.stripe-td-desc{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stripe-empty{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-style:italic;padding:24px;text-align:center}.stripe-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.stripe-status--active,.stripe-status--paid,.stripe-status--succeeded{background:#1987541a;color:#62bb46}.stripe-status--in_transit,.stripe-status--open,.stripe-status--pending,.stripe-status--trialing{background:#fd7e141a;color:#f26522}.stripe-status--canceled,.stripe-status--failed,.stripe-status--past_due,.stripe-status--uncollectible,.stripe-status--void{background:#dc354514;color:#dc3545}.stripe-status--draft{background:#64748b1a;color:#6c757d}.stripe-pagination{border-top:1px solid #0000000a;display:flex;justify-content:center;margin-top:16px;padding-top:12px}.stripe-pagination button{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:8px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:8px 18px;position:relative;top:0;transition:all .2s}.stripe-pagination button:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#0093b2;top:-1px}.stripe-pagination button:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.stripe-loading{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;font-size:14px;gap:10px;justify-content:center;padding:40px}.stripe-empty-state{align-items:center;color:#adb5bd;color:var(--text-tertiary,#adb5bd);display:flex;flex-direction:column;gap:12px;padding:60px}.stripe-empty-state svg{opacity:.3}.stripe-disconnected{align-items:center;color:#adb5bd;color:var(--text-tertiary,#adb5bd);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 40px;text-align:center}.stripe-disconnected svg{color:#dc3545;opacity:.5}.stripe-disconnected p{font-size:15px;line-height:1.5;max-width:420px}.stripe-disconnected strong{color:#212529;color:var(--text-primary,#212529)}.stripe-caps-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stripe-cap{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:10px;box-shadow:inset 2px 2px 4px #0000000a,inset -2px -2px 4px #fff9;color:#212529;color:var(--text-primary,#212529);display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 16px}.stripe-cap svg,.stripe-link{color:#0093b2}.stripe-link{align-items:center;border-radius:4px;display:inline-flex;padding:4px;transition:background .15s}.stripe-link:hover{background:#0d6efd14}.stripe-profile-header{grid-gap:10px;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:10px;box-shadow:inset 2px 2px 5px #0000000a,inset -2px -2px 5px #fff9;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:14px}.stripe-profile-field{color:#212529;color:var(--text-primary,#212529);font-size:14px}.stripe-profile-field strong{color:#6c757d;color:var(--text-secondary,#6c757d);font-weight:600;margin-right:6px}.stripe-profile-field code{background:#0d6efd14;border-radius:4px;color:#0093b2;font-size:12px;padding:2px 6px}.stripe-profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.stripe-profile-grid{grid-template-columns:1fr}}.stripe-pm-list{display:flex;flex-direction:column;gap:8px}.stripe-pm-item{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;box-shadow:inset 2px 2px 4px #0000000a,inset -2px -2px 4px #fff9;color:#212529;color:var(--text-primary,#212529);display:flex;font-size:14px;gap:8px;padding:10px 14px}.stripe-pm-item svg{color:#0093b2}.stripe-report-types{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.stripe-report-type-item{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:8px;box-shadow:inset 2px 2px 4px #0000000a,inset -2px -2px 4px #fff9;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.stripe-report-type-name{color:#212529;color:var(--text-primary,#212529);font-size:14px;font-weight:500}.stripe-report-type-id code{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-size:12px}.stripe-link{background:none;border:none;cursor:pointer}.rpt-page{max-width:1440px;padding:24px 32px}.rpt-print-header{display:none}.rpt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.rpt-header-controls{align-items:center;display:flex;gap:12px}.rpt-period-select{align-items:center;display:flex;gap:8px}.rpt-print-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:none;border-radius:10px;box-shadow:4px 4px 8px #bac7d880,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#0093b2;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px;position:relative;top:0;transition:all .2s}.rpt-print-btn:hover{box-shadow:5px 5px 10px #bac7d880,-5px -5px 10px #ffffffd9,inset 0 1px 0 #ffffff80;top:-1px}.rpt-print-btn:active{box-shadow:inset 3px 3px 6px #bac7d880,inset -3px -3px 6px #fffc;top:1px}.rpt-period-select label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:14px;font-weight:500}.rpt-period-select select{background:#fff;background:var(--bg-primary,#fff);border:none;border-radius:10px;box-shadow:3px 3px 8px #0000000f,-2px -2px 6px #fffc;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:8px 14px}.rpt-tabs{background:#e8ecf1;background:var(--bg-secondary,#e8ecf1);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000f,inset -2px -2px 5px #ffffffb3;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.rpt-tab{align-items:center;background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:10px;box-shadow:3px 3px 6px #bac7d866,-3px -3px 6px #ffffffb3,inset 0 1px 0 #ffffff4d;color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:9px 16px;position:relative;top:0;transition:all .2s ease;white-space:nowrap}.rpt-tab:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #fffc,inset 0 1px 0 #fff6;color:#212529;color:var(--text-primary,#212529);top:-1px}.rpt-tab:active{box-shadow:inset 3px 3px 6px #bac7d866,inset -3px -3px 6px #ffffffb3;top:1px}.rpt-tab--active{background:#fff;background:var(--bg-primary,#fff);box-shadow:4px 4px 10px #bac7d880,-4px -4px 8px #ffffffe6,inset 0 1px 0 #ffffff80;color:#0093b2;font-weight:600}.rpt-content{min-height:400px}.rpt-section{display:flex;flex-direction:column;gap:20px}.rpt-metric-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.rpt-metric-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width:1000px){.rpt-metric-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.rpt-metric-grid--4{grid-template-columns:1fr}}.rpt-metric{align-items:center;background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:6px 6px 14px #0000000f,-4px -4px 10px #fffc;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:22px 16px 18px;position:relative;text-align:center}.rpt-metric:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.rpt-metric--green:before{background:#62bb46}.rpt-metric--green svg{color:#62bb46}.rpt-metric--red:before{background:#dc3545}.rpt-metric--red svg{color:#dc3545}.rpt-metric--yellow:before{background:#f26522}.rpt-metric--yellow svg{color:#f26522}.rpt-metric--blue:before{background:#0093b2}.rpt-metric--blue svg{color:#0093b2}.rpt-metric--purple:before{background:#007a9a}.rpt-metric--purple svg{color:#007a9a}.rpt-metric-value{color:#212529;color:var(--text-primary,#212529);font-size:26px;font-weight:700;line-height:1.1}.rpt-metric-label{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px;font-weight:500}.rpt-metric-sub{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-size:12px}.rpt-card{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:6px 6px 14px #0000000f,-4px -4px 10px #fffc;padding:24px}.rpt-card-title{align-items:center;color:#212529;color:var(--text-primary,#212529);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.rpt-card-title svg{color:#0093b2}.rpt-row-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:900px){.rpt-row-2{grid-template-columns:1fr}}.rpt-kv-list{display:flex;flex-direction:column;gap:0}.rpt-kv{align-items:center;border-bottom:1px solid #0000000a;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.rpt-kv:last-child{border-bottom:none}.rpt-kv span{align-items:center;color:#6c757d;color:var(--text-secondary,#6c757d);display:flex;gap:8px}.rpt-kv strong{color:#212529;color:var(--text-primary,#212529);font-weight:600}.rpt-kv--total{border-top:2px solid #00000014;font-size:15px;margin-top:4px;padding-top:12px}.rpt-kv--total strong{font-size:18px}.rpt-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.rpt-dot--active,.rpt-dot--paid,.rpt-dot--succeeded,.rpt-dot--won{background:#62bb46}.rpt-dot--in_transit,.rpt-dot--needs_response,.rpt-dot--open,.rpt-dot--pending,.rpt-dot--trialing,.rpt-dot--under_review,.rpt-dot--warning_needs_response{background:#f26522}.rpt-dot--canceled,.rpt-dot--charge_refunded,.rpt-dot--failed,.rpt-dot--lost,.rpt-dot--past_due,.rpt-dot--uncollectible,.rpt-dot--void{background:#dc3545}.rpt-dot--draft{background:#adb5bd}.rpt-hbar-list{display:flex;flex-direction:column;gap:10px}.rpt-hbar-row{align-items:center;display:flex;gap:10px}.rpt-hbar-label{color:#6c757d;color:var(--text-secondary,#6c757d);flex-shrink:0;font-size:13px;min-width:100px;text-transform:capitalize}.rpt-hbar-track{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:6px;box-shadow:inset 1px 1px 3px #0000000a,inset -1px -1px 3px #fff9;flex:1 1;height:22px;overflow:hidden}.rpt-hbar-fill{background:linear-gradient(135deg,#0093b2,#007a9a);border-radius:6px;height:100%;min-width:2px;transition:width .5s ease}.rpt-hbar-val{color:#212529;color:var(--text-primary,#212529);flex-shrink:0;font-size:12px;font-weight:600;min-width:120px;text-align:right}.rpt-balance-grid{display:flex;flex-wrap:wrap;gap:20px}.rpt-balance-item{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:12px;box-shadow:inset 2px 2px 5px #0000000a,inset -2px -2px 5px #fff9;display:flex;flex-direction:column;gap:4px;min-width:200px;padding:16px 20px}.rpt-balance-cur{color:#0093b2;font-size:14px;font-weight:700}.rpt-balance-avail,.rpt-balance-pend{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:13px}.rpt-balance-avail strong,.rpt-balance-pend strong{color:#212529;color:var(--text-primary,#212529)}.rpt-table-wrap{border-radius:10px;overflow-x:auto}.rpt-table{border-collapse:collapse;font-size:13px;width:100%}.rpt-table thead th{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-bottom:1px solid #0000000f;color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px;font-weight:600;letter-spacing:.04em;padding:10px 14px;position:sticky;text-align:left;text-transform:uppercase;top:0}.rpt-table tbody td{border-bottom:1px solid #00000008;color:#212529;color:var(--text-primary,#212529);padding:10px 14px}.rpt-table tbody tr:hover{background:#0d6efd08}.rpt-td-name{font-weight:500}.rpt-td-money{color:#62bb46;font-weight:600}.rpt-td-money,.rpt-td-mono{font-family:SF Mono,Fira Code,monospace}.rpt-td-mono{color:#6c757d;color:var(--text-secondary,#6c757d);font-size:12px}.rpt-status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;text-transform:capitalize}.rpt-status--active,.rpt-status--paid,.rpt-status--succeeded{background:#1987541a;color:#62bb46}.rpt-status--open,.rpt-status--pending,.rpt-status--trialing{background:#fd7e141a;color:#f26522}.rpt-status--canceled,.rpt-status--failed,.rpt-status--void{background:#dc354514;color:#dc3545}.rpt-status--draft{background:#64748b1a;color:#6c757d}.rpt-loading{color:#6c757d;color:var(--text-secondary,#6c757d);gap:12px}.rpt-empty,.rpt-loading{align-items:center;display:flex;font-size:15px;justify-content:center;padding:60px}.rpt-empty,.rpt-empty-text{color:#adb5bd;color:var(--text-tertiary,#adb5bd);font-style:italic}.rpt-empty-text{font-size:13px;padding:20px;text-align:center}@keyframes rpt-spin-anim{to{transform:rotate(1turn)}}.rpt-spin{animation:rpt-spin-anim .8s linear infinite}.text-green{color:#62bb46}.text-red{color:#dc3545}.text-blue{color:#0093b2}.text-purple{color:#007a9a}@media print{@page{size:auto;margin:.6in .5in}.app-main>:not(.rpt-page),.rpt-header-controls,.rpt-period-select,.rpt-print-btn,.rpt-tabs,.sidebar{display:none!important}.rpt-print-header{border-bottom:2px solid #212529;display:block!important;margin-bottom:20px;padding-bottom:14px;text-align:center}.rpt-print-header h1{color:#212529;font-size:20px;font-weight:700;margin:0 0 4px}.rpt-print-header h2{color:#475569;font-size:15px;font-weight:600;margin:0 0 6px}.rpt-print-header p{color:#6c757d;font-size:12px;margin:0}.app-layout{display:block!important}.app-main{margin:0!important;overflow:visible!important;padding:0!important;width:100%!important}.rpt-page{max-width:100%!important;padding:0!important}.rpt-balance-item,.rpt-card,.rpt-metric{background:#fff!important;border:1px solid #d1d5db!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.rpt-metric:before{print-color-adjust:exact;-webkit-print-color-adjust:exact}.rpt-table-wrap{overflow:visible!important}.rpt-table thead th{background:#f3f4f6!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.rpt-table{page-break-inside:auto}.rpt-table tr{page-break-after:auto;page-break-inside:avoid}.rpt-hbar-track{border:1px solid #e5e7eb!important;box-shadow:none!important}.rpt-dot,.rpt-hbar-fill,.rpt-status{print-color-adjust:exact;-webkit-print-color-adjust:exact}.rpt-card-title,.rpt-kv span,.rpt-kv strong,.rpt-metric-label,.rpt-metric-value,.rpt-page,body{color:#000!important}.rpt-kv span,.rpt-metric-sub{color:#4b5563!important}.rpt-metric-grid,.rpt-metric-grid--4{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.rpt-row-2{gap:14px!important;grid-template-columns:1fr 1fr!important}.rpt-card{page-break-inside:avoid}.rpt-section{gap:14px!important}a[href]:after{content:none!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}[data-nav-item]:focus-visible,[role=group] button:focus-visible,[role=tab]:focus-visible,[role=tablist] button:focus-visible{box-shadow:0 0 0 3px #0093b240;outline:2px solid #0093b2;outline:2px solid var(--accent,#0093b2);outline-offset:-2px;position:relative;z-index:1}html{font-size:16px}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--sidebar-width:240px;--bg-dark:#0a1628;--bg-sidebar:#0d1b2a;--bg-main:#f8f9fa;--bg-card:#f8f9fa;--bg-secondary:#e9eef5;--bg-primary:#fff;--text-primary:#212529;--text-secondary:#6c757d;--text-light:#adb5bd;--accent-blue:#0093b2;--accent-light:#33a8c1;--accent-hover:#007a9a;--accent-teal:#0093b2;--border:#dee2e6;--red:#dc3545;--amber:#f26522;--green:#62bb46;--warning:#f26522;--success:#62bb46;--danger:#dc3545;--neutral:#6c757d;--divider:#dee2e6;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:16px;--space-2xl:20px;--space-3xl:24px;--space-4xl:32px;--space-5xl:40px;--space-6xl:48px;--font-xs:11px;--font-sm:12px;--font-base:13px;--font-md:14px;--font-lg:16px;--font-xl:20px;--font-2xl:24px;--font-3xl:28px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.75;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--neu-light:#ffffffd9;--neu-dark:#bac7d873;--neu-light-strong:#fffffff2;--neu-dark-strong:#bac7d8a6;--shadow-xs:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light);--shadow-sm:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light);--shadow-md:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light);--shadow-lg:8px 8px 16px var(--neu-dark-strong),-8px -8px 16px var(--neu-light-strong);--shadow-xl:12px 12px 24px var(--neu-dark-strong),-12px -12px 24px var(--neu-light-strong);--shadow-inset:inset 3px 3px 6px var(--neu-dark),inset -3px -3px 6px var(--neu-light);--shadow-inset-sm:inset 2px 2px 4px var(--neu-dark),inset -2px -2px 4px var(--neu-light);--shadow-pressed:inset 4px 4px 8px var(--neu-dark),inset -4px -4px 8px var(--neu-light);--transition-fast:0.1s ease;--transition-base:0.15s ease;--transition-slow:0.2s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0093b24d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0093b280}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .15s ease;animation:fadeIn var(--transition-base)}.slide-in-right{animation:slideInRight .15s ease;animation:slideInRight var(--transition-base)}.slide-in-up{animation:slideInUp .15s ease;animation:slideInUp var(--transition-base)}.app-layout{background:#f8f9fa;background:var(--bg-main);display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:240px;margin-left:var(--sidebar-width);max-height:100vh;overflow-y:auto}.sidebar{background:linear-gradient(180deg,#fff,#f7fafa 50%,#f0f7f8);border-right:1px solid #0093b21a;box-shadow:6px 0 20px #0093b214,-2px 0 6px #ffffffe6;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:240px;width:var(--sidebar-width);z-index:100}.sidebar-brand{align-items:center;border-bottom:none;box-shadow:4px 4px 10px #0093b21a,-4px -4px 10px #ffffffe6;display:flex;gap:12px;gap:var(--space-lg);margin:8px 8px 0;margin:var(--space-md) var(--space-md) 0 var(--space-md);padding:20px 16px;padding:var(--space-2xl) var(--space-xl);padding-bottom:20px;padding-bottom:var(--space-2xl)}.sidebar-brand,.sidebar-logo{background:linear-gradient(145deg,#fff,#f0f7f8);border-radius:12px;border-radius:var(--radius-xl)}.sidebar-logo{box-shadow:3px 3px 6px #0093b21f,-3px -3px 6px #ffffffe6;height:42px;padding:4px;width:42px}.sidebar-brand-text{display:flex;flex-direction:column;gap:6px;gap:var(--space-sm)}.sidebar-title{color:#0093b2;font-size:16px;font-size:var(--font-lg);font-weight:700;font-weight:var(--font-bold);letter-spacing:1.2px;text-shadow:1px 1px 2px #fffc,0 0 6px #0093b21a}.sidebar-version{color:#8a9bb0;font-size:11px;font-size:var(--font-xs);letter-spacing:.3px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px 8px;padding:var(--space-lg) var(--space-md)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0093b20f;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0093b233;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0093b259}.sidebar-section-label{color:#7b8da0;display:block;font-size:11px;font-size:var(--font-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.8px;margin-bottom:6px;margin-bottom:var(--space-sm);margin-top:12px;margin-top:var(--space-lg);padding:12px 12px 6px;padding:var(--space-lg) var(--space-lg) var(--space-sm) var(--space-lg);position:relative;text-transform:uppercase}.sidebar-section-label:before{background:linear-gradient(90deg,#0000,#0093b226,#0000);content:"";height:1px;left:12px;left:var(--space-lg);position:absolute;right:12px;right:var(--space-lg);top:0}.sidebar-section-label:first-child{margin-top:0}.sidebar-section-label:first-child:before{display:none}.sidebar-item{align-items:center;background:linear-gradient(145deg,#0093b2,#007a96);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 8px #007a964d,-3px -3px 6px #ffffffd9;color:#fff;cursor:pointer;display:flex;font-size:14px;font-size:var(--font-md);font-weight:400;font-weight:var(--font-normal);gap:12px;gap:var(--space-lg);margin-bottom:2px;padding:8px 12px;padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s ease;width:100%}.sidebar-item:hover{background:linear-gradient(145deg,#00a8cc,#0093b2);box-shadow:4px 4px 10px #007a9659,-4px -4px 8px #ffffffe6;color:#fff;transform:translateY(-1px)}.sidebar-item:focus-visible{box-shadow:4px 4px 10px #007a9659,-4px -4px 8px #ffffffe6;outline:2px solid #005f73;outline-offset:-2px}.sidebar-item--active{box-shadow:inset 3px 3px 6px #00506466,inset -3px -3px 6px #00a8cc40;font-weight:600;font-weight:var(--font-semibold)}.sidebar-item--active,.sidebar-item--active:hover{background:linear-gradient(145deg,#007a96,#006578);color:#fff}.sidebar-item--active:hover{box-shadow:inset 4px 4px 8px #00506473,inset -3px -3px 6px #00a8cc4d;transform:none}.sidebar-item:active:not(.sidebar-item--active){box-shadow:inset 2px 2px 5px #00506459,inset -2px -2px 5px #00a8cc33;transform:translateY(0)}.sidebar-footer{background:linear-gradient(145deg,#fff,#f0f7f8);border-radius:12px;border-radius:var(--radius-xl);border-top:none;box-shadow:inset 2px 2px 5px #0093b214,inset -2px -2px 5px #ffffffb3;gap:12px;gap:var(--space-lg);justify-content:space-between;margin:0 8px 8px;margin:0 var(--space-md) var(--space-md) var(--space-md);padding:16px;padding:var(--space-xl);padding-top:16px;padding-top:var(--space-xl)}.sidebar-footer,.sidebar-user{align-items:center;display:flex}.sidebar-user{flex:1 1;gap:8px;gap:var(--space-md);min-width:0}.sidebar-user-avatar{align-items:center;background:linear-gradient(145deg,#0093b2,#007a9a);border-radius:50%;box-shadow:3px 3px 6px #0093b233,-3px -3px 6px #ffffffe6,inset 0 1px 0 #ffffff40;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.sidebar-user-info{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs);min-width:0}.sidebar-user-name{color:#374151;font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium)}.sidebar-user-name,.sidebar-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#7b8da0;font-size:11px;font-size:var(--font-xs)}.sidebar-logout{align-items:center;background:linear-gradient(145deg,#fff,#f0f7f8);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #0093b21a,-3px -3px 6px #ffffffe6;color:#7b8da0;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;padding:var(--space-md);transition:all .2s ease}.sidebar-logout:hover{background:linear-gradient(145deg,#fce4e4,#f0d0d0);box-shadow:4px 4px 8px #ef44441f,-4px -4px 8px #ffffffe6,0 0 8px #ef444414;color:#ef4444}.sidebar-logout:active{background:linear-gradient(145deg,#f8d8d8,#ecc8c8);box-shadow:inset 3px 3px 6px #ef44441a,inset -2px -2px 5px #ffffffb3}.page{max-width:1200px;padding:32px;padding:var(--space-4xl)}.page-header{margin-bottom:20px;margin-bottom:var(--space-2xl)}.page-title{color:#212529;color:var(--text-primary);font-size:24px;font-size:var(--font-2xl);font-weight:700;font-weight:var(--font-bold);line-height:1.25;line-height:var(--leading-tight);margin-bottom:6px;margin-bottom:var(--space-sm)}.page-subtitle{font-size:14px;font-size:var(--font-md);font-weight:400;font-weight:var(--font-normal);line-height:1.5;line-height:var(--leading-normal);margin-bottom:24px;margin-bottom:var(--space-3xl)}.page-loading,.page-subtitle{color:#6c757d;color:var(--text-secondary)}.page-loading{align-items:center;display:flex;font-size:16px;font-size:var(--font-lg);height:100vh;justify-content:center}.card{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-2xl);transition:all .25s ease}.card:hover{box-shadow:6px 6px 12px #bac7d873,-6px -6px 12px #ffffffd9;box-shadow:var(--shadow-md)}.stats-grid{grid-gap:16px;grid-gap:var(--space-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px;margin-bottom:var(--space-4xl);margin-top:20px;margin-top:var(--space-2xl)}.stat-card,.stats-grid{gap:16px;gap:var(--space-xl)}.stat-card{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:16px;border-radius:var(--radius-2xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;padding:20px;padding:var(--space-2xl);text-align:left;transition:all .25s ease}.stat-card:hover{box-shadow:6px 6px 12px #bac7d873,-6px -6px 12px #ffffffd9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card:active{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);transform:translateY(0)}.stat-icon{align-items:center;background:#f8f9fa;background:var(--bg-main);border-radius:50%;box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon--blue{background:linear-gradient(145deg,#e7f1ff,#cfe2ff);color:#0093b2;color:var(--accent-blue)}.stat-icon--amber,.stat-icon--blue{box-shadow:3px 3px 6px #a3b1c680,-3px -3px 6px #ffffffb3}.stat-icon--amber{background:linear-gradient(145deg,#fff3cd,#ffe69c);color:#f26522;color:var(--amber)}.stat-icon--red{background:linear-gradient(145deg,#f8d7da,#f1aeb5);color:#dc3545;color:var(--red)}.stat-icon--green,.stat-icon--red{box-shadow:3px 3px 6px #a3b1c680,-3px -3px 6px #ffffffb3}.stat-icon--green{background:linear-gradient(145deg,#d1e7dd,#a3cfbb);color:#62bb46;color:var(--green)}.stat-info{display:flex;flex-direction:column;gap:6px;gap:var(--space-sm)}.stat-value{color:#212529;color:var(--text-primary);font-size:28px;font-weight:700;font-weight:var(--font-bold);line-height:1.25;line-height:var(--leading-tight)}.stat-label{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);font-weight:400;font-weight:var(--font-normal)}.form-group{gap:var(--space-sm);margin-bottom:16px;margin-bottom:var(--space-xl)}.form-label{display:block;font-size:12px;font-size:var(--font-sm);font-weight:var(--font-semibold);letter-spacing:.3px;margin-bottom:4px;margin-bottom:var(--space-xs);text-transform:uppercase}.form-label.required:after{color:#dc3545;color:var(--red);content:" *"}.form-input,.form-select,.form-textarea{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);color:#212529;color:var(--text-primary);font-family:inherit;font-size:14px;font-size:var(--font-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);transition:all .25s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#f8f9fa;background:var(--bg-main);box-shadow:inset 4px 4px 8px #bac7d873,inset -4px -4px 8px #ffffffd9,0 0 0 2px #0093b226;box-shadow:var(--shadow-pressed),0 0 0 2px #0093b226;outline:none}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#e9eef5;box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#adb5bd;color:var(--text-light);cursor:not-allowed;opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd;color:var(--text-light)}.form-textarea{min-height:100px;resize:vertical}.form-checkbox,.form-radio{accent-color:#0093b2;accent-color:var(--accent-blue);cursor:pointer;height:16px;width:16px}.form-section{background-color:#f8f9fa;background-color:var(--bg-main);border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);padding:16px;padding:var(--space-xl)}.form-section,.form-section-title{margin-bottom:16px;margin-bottom:var(--space-xl)}.form-section-title{color:#212529;color:var(--text-primary);font-size:16px;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold);line-height:1.5;line-height:var(--leading-normal);margin-top:0}.form-section+.form-section{margin-top:24px;margin-top:var(--space-3xl)}.form-actions{align-items:center;border-top:none;box-shadow:inset 0 1px 0 #bac7d873;box-shadow:inset 0 1px 0 var(--neu-dark);display:flex;gap:12px;gap:var(--space-lg);justify-content:flex-end;margin-top:20px;margin-top:var(--space-2xl);padding-top:16px;padding-top:var(--space-xl)}.patient-form-grid{grid-gap:16px;grid-gap:var(--space-xl);display:grid;gap:16px;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.patient-form-actions{align-items:center;border-top:none;box-shadow:inset 0 1px 0 #bac7d873;box-shadow:inset 0 1px 0 var(--neu-dark);gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:16px;padding-top:var(--space-xl)}.app-main button{background:#f8f9fa;background:var(--bg-main,#f8f9fa);border:none;border-radius:8px;border-radius:var(--radius-md,8px);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9,inset 0 1px 0 #ffffff59;box-shadow:3px 3px 6px var(--neu-dark,#bac7d880),-3px -3px 6px var(--neu-light,#fffc),inset 0 1px 0 #ffffff59;color:#212529;color:var(--text-primary,#212529);cursor:pointer;font-family:inherit;position:relative;top:0;transition:all .18s cubic-bezier(.4,0,.2,1)}.app-main button:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #ffffff73;box-shadow:4px 4px 8px var(--neu-dark,#bac7d880),-4px -4px 8px var(--neu-light,#fffc),inset 0 1px 0 #ffffff73;top:-1px}.app-main button:active{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:inset 3px 3px 6px var(--neu-dark,#bac7d880),inset -3px -3px 6px var(--neu-light,#fffc);top:1px}.app-main .btn-sm{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9,inset 0 1px 0 #fff6;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light),inset 0 1px 0 #fff6;color:#212529;color:var(--text-primary,#212529);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-md);padding:6px 12px;padding:var(--space-sm) var(--space-lg);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-sm:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #ffffff80;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light),inset 0 1px 0 #ffffff80;top:-1px}.app-main .btn-sm:active{box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);top:2px}.app-main .btn-primary{align-items:center;background:linear-gradient(145deg,#1aa3c2,#007a9a);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:5px 5px 10px #bac7d8a6,-5px -5px 10px #fffffff2,inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;box-shadow:5px 5px 10px var(--neu-dark-strong),-5px -5px 10px var(--neu-light-strong),inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--space-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-primary:hover{background:linear-gradient(145deg,#33a8c1,#0093b2);box-shadow:7px 7px 14px #bac7d8a6,-7px -7px 14px #fffffff2,inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0000001a;box-shadow:7px 7px 14px var(--neu-dark-strong),-7px -7px 14px var(--neu-light-strong),inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0000001a;top:-2px}.app-main .btn-primary:active{background:linear-gradient(145deg,#007a9a,#1aa3c2);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #ffffff1a;top:3px}.app-main .btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;top:0}.app-main .btn-ghost:focus,.app-main .btn-primary:focus{box-shadow:0 0 0 3px #0093b226,4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9;box-shadow:0 0 0 3px #0093b226,4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light);outline:2px solid #0000;outline-offset:2px}.app-main .btn-ghost{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #fff6;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light),inset 0 1px 0 #fff6;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-md);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-ghost:hover{background:#f8f9fa;background:var(--bg-main);box-shadow:6px 6px 12px #bac7d873,-6px -6px 12px #ffffffd9,inset 0 1px 0 #ffffff80;box-shadow:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light),inset 0 1px 0 #ffffff80;color:#0093b2;color:var(--accent-blue);top:-2px}.app-main .btn-ghost:active{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);top:3px}.app-main .btn-secondary{align-items:center;background:#f8f9fa;background:var(--bg-main);border:1px solid #0093b2;border:1px solid var(--accent-blue);border-radius:10px;border-radius:var(--radius-lg);box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #fff6;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light),inset 0 1px 0 #fff6;color:#0093b2;color:var(--accent-blue);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-md);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-secondary:hover{background:#0093b20f;box-shadow:6px 6px 12px #bac7d873,-6px -6px 12px #ffffffd9,inset 0 1px 0 #ffffff80;box-shadow:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light),inset 0 1px 0 #ffffff80;top:-2px}.app-main .btn-secondary:active{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);top:3px}.app-main .btn-danger{align-items:center;background:linear-gradient(145deg,#e4606d,#b02a37);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:5px 5px 10px #bac7d8a6,-5px -5px 10px #fffffff2,inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;box-shadow:5px 5px 10px var(--neu-dark-strong),-5px -5px 10px var(--neu-light-strong),inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--space-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-danger:hover{background:linear-gradient(145deg,#f1868f,#dc3545);box-shadow:7px 7px 14px #bac7d8a6,-7px -7px 14px #fffffff2,inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0000001a;box-shadow:7px 7px 14px var(--neu-dark-strong),-7px -7px 14px var(--neu-light-strong),inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0000001a;top:-2px}.app-main .btn-danger:active{background:linear-gradient(145deg,#b02a37,#dc3545);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #ffffff1a;top:3px}.app-main .btn-danger:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;top:0}.app-main .btn-icon-danger{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:2px 2px 4px #bac7d873,-2px -2px 4px #ffffffd9;box-shadow:2px 2px 4px var(--neu-dark),-2px -2px 4px var(--neu-light);color:#dc3545;color:var(--red);cursor:pointer;display:flex;margin-left:auto;padding:6px;position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-icon-danger:hover{background:#f8d7da;box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light);color:#dc3545;top:-1px}.app-main .btn-icon-danger:active{box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);top:2px}.app-main .btn-sm.btn-primary{background:linear-gradient(145deg,#1aa3c2,#007a9a);border:none;box-shadow:3px 3px 6px #bac7d8a6,-3px -3px 6px #fffffff2,inset 0 1px 0 #fff3;box-shadow:3px 3px 6px var(--neu-dark-strong),-3px -3px 6px var(--neu-light-strong),inset 0 1px 0 #fff3;color:#fff;font-size:12px;font-size:var(--font-sm);padding:6px 12px;padding:var(--space-sm) var(--space-lg)}.app-main .btn-sm.btn-primary:hover{background:linear-gradient(145deg,#33a8c1,#0093b2)}.app-main .btn-sm.btn-primary:active{box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 4px #ffffff14}.app-main .btn-sm.btn-ghost{background:#f8f9fa;background:var(--bg-main);color:#6c757d;color:var(--text-secondary)}.app-main .btn-icon{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:2px 2px 4px #bac7d873,-2px -2px 4px #ffffffd9;box-shadow:2px 2px 4px var(--neu-dark),-2px -2px 4px var(--neu-light);color:#6c757d;color:var(--text-secondary,#6c757d);cursor:pointer;display:flex;justify-content:center;padding:6px;padding:var(--space-sm);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-icon:hover{box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light);top:-1px}.app-main .btn-icon:active{box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);top:2px}.app-main .btn-icon--primary{color:#0093b2;color:var(--accent-blue)}.app-main .btn-icon--primary:hover{background:#cfe2ff}.app-main .btn-icon--success{color:#62bb46}.app-main .btn-icon--success:hover{background:#d1e7dd}.app-main .btn-icon--gray{color:#6c757d}.app-main .btn-icon--gray:hover{background:#f3f4f6}.button-group{display:flex;gap:6px;gap:var(--space-sm);justify-content:center}.form-section__title{font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);margin-bottom:12px;margin-bottom:var(--space-lg);margin-top:0}.form-helper-text{color:#6c757d;color:var(--text-secondary);margin-top:4px;margin-top:var(--space-xs)}.form-helper-text,.form-input--sm{font-size:12px;font-size:var(--font-sm)}.form-input--sm{padding:6px 8px;padding:var(--space-sm) var(--space-md)}.form-actions--inline{border-top:none;gap:8px;gap:var(--space-md);justify-content:flex-start;margin-top:12px;margin-top:var(--space-lg);padding-top:0}.alert--danger{background-color:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc3545;border-left:4px solid var(--red);color:#dc3545;color:var(--red)}.alert--danger__content{align-items:flex-start;display:flex;flex:1 1;gap:8px;gap:var(--space-md)}.alert--danger__icon{color:#dc3545;color:var(--red);flex-shrink:0;margin-top:2px}.alert--danger__body{flex:1 1}.alert--danger__title{font-weight:600;font-weight:var(--font-semibold);margin:0 0 8px;margin:0 0 var(--space-md) 0}.alert--danger__input{margin-bottom:8px;margin-bottom:var(--space-md);width:100%}.alert--interaction{border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);margin-bottom:12px;margin-bottom:var(--space-lg);padding:8px;padding:var(--space-md)}.alert--interaction__content{align-items:flex-start;display:flex;gap:8px;gap:var(--space-md)}.alert--interaction__icon{flex-shrink:0;margin-top:2px}.alert--interaction__title{font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold)}.alert--interaction__description{font-size:12px;font-size:var(--font-sm);margin:4px 0 0;margin:var(--space-xs) 0 0 0}.medication-name{align-items:center;display:flex;gap:6px;gap:var(--space-sm)}.medication-name__icon{color:#0093b2;flex-shrink:0}.table-center{text-align:center}.data-table-empty{color:#6c757d;color:var(--text-secondary);padding:12px;padding:var(--space-lg);text-align:center}.alert{align-items:flex-start;animation:slideInUp .15s ease;animation:slideInUp var(--transition-base);border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:14px;font-size:var(--font-md);gap:12px;gap:var(--space-lg);line-height:1.5;line-height:var(--leading-normal);margin-bottom:16px;margin-bottom:var(--space-xl);padding:12px 16px;padding:var(--space-lg) var(--space-xl)}.alert--error{background:linear-gradient(145deg,#ffeff0,#f5dfe0);border:none;border-left:4px solid #dc3545;border-left:4px solid var(--red);color:#dc3545;color:var(--red)}.alert--error,.alert--warning{box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs)}.alert--warning{background:linear-gradient(145deg,#fff9e6,#f5edce);border:none;border-left:4px solid #f26522;border-left:4px solid var(--amber);color:#92400e}.alert--info{background:linear-gradient(145deg,#eaf4ff,#d8e8f5);border:none;border-left:4px solid #0093b2;border-left:4px solid var(--accent-blue);color:#1e40af}.alert--info,.alert--success{box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs)}.alert--success{background:linear-gradient(145deg,#eefaf0,#dbeedd);border:none;border-left:4px solid #62bb46;border-left:4px solid var(--green);color:#166534}.alert__icon{flex-shrink:0;margin-top:2px}.alert__content{flex:1 1}.alert__title{display:block;font-weight:600;font-weight:var(--font-semibold);margin-bottom:4px;margin-bottom:var(--space-xs)}.alert__close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;opacity:.7;padding:4px;padding:var(--space-xs);transition:opacity .15s ease;transition:opacity var(--transition-base)}.alert__close:hover{opacity:1}.access-denied{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);color:#e65100;margin:20px 0;margin:var(--space-2xl) 0;padding:20px;padding:var(--space-2xl);text-align:center}.access-denied h3{font-weight:600;font-weight:var(--font-semibold);margin-bottom:12px;margin-bottom:var(--space-lg)}.access-denied p{font-size:14px;font-size:var(--font-md)}.search-bar{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);color:#6c757d;color:var(--text-secondary);display:flex;gap:12px;gap:var(--space-lg);margin:16px 0;margin:var(--space-xl) 0;padding:12px 16px;padding:var(--space-lg) var(--space-xl);transition:all .25s ease}.search-bar:focus-within{box-shadow:inset 4px 4px 8px #bac7d873,inset -4px -4px 8px #ffffffd9,0 0 0 2px #1565c01f;box-shadow:var(--shadow-pressed),0 0 0 2px #1565c01f}.search-input{background:#0000;border:none;color:#212529;color:var(--text-primary);flex:1 1;font-size:14px;font-size:var(--font-md);outline:none}.search-input::placeholder{color:#adb5bd;color:var(--text-light)}.filter-bar{align-items:center;gap:var(--space-lg);margin:16px 0;margin:var(--space-xl) 0}.filter-label{color:#6c757d;color:var(--text-secondary);font-weight:500;font-weight:var(--font-medium)}.filter-label,.filter-select{font-size:14px;font-size:var(--font-md)}.filter-select{border-radius:8px;border-radius:var(--radius-md);color:#212529;color:var(--text-primary);cursor:pointer;min-width:280px;padding:8px 12px;padding:var(--space-md) var(--space-lg);transition:all .15s ease;transition:all var(--transition-base)}.filter-select:hover{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset)}.filter-select:focus{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9,0 0 0 2px #4299e14d;box-shadow:var(--shadow-inset),0 0 0 2px #4299e14d;outline:none}.dashboard-section{margin-top:8px;margin-top:var(--space-md)}.section-title{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:16px;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--space-md);line-height:1.25;line-height:var(--leading-tight);margin-bottom:12px;margin-bottom:var(--space-lg)}.activity-list{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);overflow:hidden}.activity-row{grid-gap:12px;grid-gap:var(--space-lg);align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:grid;font-size:12px;font-size:var(--font-sm);gap:12px;gap:var(--space-lg);grid-template-columns:100px 1fr 160px 180px;padding:12px 16px;padding:var(--space-lg) var(--space-xl);transition:all .15s ease;transition:all var(--transition-base)}.activity-row:hover{background:#f8f9fa;background:var(--bg-main);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm)}.activity-row:last-child{border-bottom:none}.activity-action{color:#0093b2;color:var(--accent-blue);font-size:11px;font-size:var(--font-xs);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.activity-detail{color:#212529;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium)}.activity-user{color:#6c757d;color:var(--text-secondary);font-weight:400;font-weight:var(--font-normal)}.activity-time{color:#adb5bd;color:var(--text-light);font-family:Monaco,Courier New,monospace;font-size:12px;font-size:var(--font-sm)}.split-layout{display:flex;gap:20px;gap:var(--space-2xl);margin-top:8px;margin-top:var(--space-md)}.encounter-list,.patient-list{display:flex;flex-direction:column;flex-shrink:0;gap:6px;gap:var(--space-sm);max-height:calc(100vh - 220px);overflow-y:auto;padding-right:8px;padding-right:var(--space-md);width:320px}.encounter-detail,.patient-detail{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);flex:1 1;max-height:calc(100vh - 220px);overflow-y:auto;padding:24px;padding:var(--space-3xl)}.encounter-card,.patient-card{align-items:flex-start;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);cursor:pointer;display:flex;font-family:inherit;gap:12px;gap:var(--space-lg);padding:12px;padding:var(--space-lg);text-align:left;transition:all .15s ease;transition:all var(--transition-base);width:100%}.encounter-card:hover,.patient-card:hover{border-color:#0093b2;border-color:var(--accent-blue);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.encounter-card:focus-visible,.patient-card:focus-visible{box-shadow:6px 6px 12px #bac7d873,-6px -6px 12px #ffffffd9;box-shadow:var(--shadow-md);outline:2px solid #0093b2;outline:2px solid var(--accent-blue);outline-offset:2px}.encounter-card--active,.patient-card--active{background:#f8f9fa;background:var(--bg-main);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset)}.patient-card-icon{align-items:center;background:#f8f9fa;background:var(--bg-main);border-radius:50%;box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);color:#0093b2;color:var(--accent-blue);display:flex;flex-shrink:0;font-weight:600;font-weight:var(--font-semibold);height:36px;justify-content:center;width:36px}.patient-card-info{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-xs);min-width:0}.patient-card-name{color:#212529;color:var(--text-primary);font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);line-height:1.25;line-height:var(--leading-tight)}.patient-card-meta{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.encounter-card{flex-direction:column;gap:6px;gap:var(--space-sm)}.encounter-card-header{color:#212529;color:var(--text-primary);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-md)}.encounter-card-header,.encounter-card-type{align-items:center;font-size:12px;font-size:var(--font-sm)}.encounter-card-type{color:#6c757d;color:var(--text-secondary);display:flex;gap:6px;gap:var(--space-sm);text-transform:capitalize}.encounter-card-complaint{color:#adb5bd;color:var(--text-light);font-size:12px;font-size:var(--font-sm);line-height:1.5;line-height:var(--leading-normal)}.detail-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);gap:12px;gap:var(--space-lg);margin-bottom:16px;margin-bottom:var(--space-xl);padding-bottom:16px;padding-bottom:var(--space-xl)}.detail-header h2{color:#212529;color:var(--text-primary);font-size:20px;font-size:var(--font-xl);font-weight:600;font-weight:var(--font-semibold);line-height:1.25;line-height:var(--leading-tight);margin:0;text-transform:capitalize}.detail-mrn{background:#f8f9fa;background:var(--bg-main);border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#adb5bd;color:var(--text-light);font-family:Monaco,Courier New,monospace;font-size:12px;font-size:var(--font-sm);padding:6px 12px;padding:var(--space-sm) var(--space-lg)}.detail-meta{align-items:center;color:#6c757d;color:var(--text-secondary);flex-wrap:wrap;font-size:12px;font-size:var(--font-sm);gap:12px;gap:var(--space-lg)}.detail-grid,.detail-meta{display:flex;margin-bottom:20px;margin-bottom:var(--space-2xl)}.detail-grid{flex-direction:column}.detail-grid,.detail-item{gap:8px;gap:var(--space-md)}.detail-item{align-items:center;background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);display:flex;font-size:12px;font-size:var(--font-sm);padding:8px;padding:var(--space-md)}.detail-item svg{color:#adb5bd;color:var(--text-light);flex-shrink:0;height:16px;width:16px}.detail-section{border-top:none;box-shadow:inset 0 1px 0 #bac7d873;box-shadow:inset 0 1px 0 var(--neu-dark);margin-top:20px;margin-top:var(--space-2xl);padding-top:16px;padding-top:var(--space-xl)}.detail-section-title{font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);margin-bottom:12px;margin-bottom:var(--space-lg);text-transform:capitalize}.detail-row,.detail-section-title{color:#212529;color:var(--text-primary)}.detail-row{align-items:center;box-shadow:inset 0 1px 0 #bac7d873;box-shadow:inset 0 1px 0 var(--neu-dark);display:flex;flex-wrap:wrap;font-size:12px;font-size:var(--font-sm);gap:8px;gap:var(--space-md);padding:6px 0;padding:var(--space-sm) 0}.detail-row,.detail-row:last-child{border-bottom:none}.detail-row--abnormal{background:#fafaf8;border-bottom:1px solid #ffcdd2;border-radius:6px;border-radius:var(--radius-sm);color:#dc3545;color:var(--red);font-weight:500;font-weight:var(--font-medium);padding:6px 8px;padding:var(--space-sm) var(--space-md)}.soap-section{background:#f8f9fa;background:var(--bg-main);border:none;border-left:3px solid #0093b2;border-left:3px solid var(--accent-blue);border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);margin-bottom:16px;margin-bottom:var(--space-xl);padding:16px;padding:var(--space-xl)}.soap-section h3{color:#0093b2;color:var(--accent-blue);display:block;font-size:12px;font-size:var(--font-sm);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-md);text-transform:uppercase}.soap-section p{color:#212529;color:var(--text-primary);font-size:14px;font-size:var(--font-md);line-height:1.6;line-height:var(--leading-relaxed);margin:0}.codes-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-md);margin-top:12px;margin-top:var(--space-lg)}.code-label{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.3px;text-transform:uppercase}.code-tag{border-radius:12px;border-radius:var(--radius-xl);box-shadow:1px 1px 3px #bac7d873,-1px -1px 3px #ffffffd9;box-shadow:1px 1px 3px var(--neu-dark),-1px -1px 3px var(--neu-light);color:#0093b2;color:var(--accent-blue);font-family:Monaco,Courier New,monospace;font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);padding:4px 12px;padding:var(--space-xs) var(--space-lg)}.code-tag,.data-table-container{background:#f8f9fa;background:var(--bg-main)}.data-table-container{border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);max-height:calc(100vh - 260px);overflow:auto}.data-table{border-collapse:collapse;font-size:12px;font-size:var(--font-sm);width:100%}.data-table th{background:#f8f9fa;background:var(--bg-main);box-shadow:0 2px 4px #bac7d873;box-shadow:0 2px 4px var(--neu-dark);color:#6c757d;color:var(--text-secondary);font-size:11px;font-size:var(--font-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.5px;position:sticky;text-align:left;text-transform:uppercase;top:0}.data-table td,.data-table th{border-bottom:none;padding:12px 16px;padding:var(--space-lg) var(--space-xl)}.data-table td{box-shadow:inset 0 -1px 0 #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark);color:#212529;color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:all .15s ease;transition:all var(--transition-base)}.data-table tbody tr:hover td{background:#f8f9fa;background:var(--bg-main);box-shadow:inset 0 -1px 0 #bac7d873,inset 2px 2px 4px #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark),inset 2px 2px 4px var(--neu-dark)}.data-table td svg{margin-right:8px;margin-right:var(--space-md);vertical-align:-2px}.data-table tr:hover td{background:#f8f9fa;background:var(--bg-main)}.row--abnormal td{background:#fff5f5}.mono{font-family:Monaco,Courier New,monospace;font-size:12px;font-size:var(--font-sm)}.icon--red{color:#dc3545;color:var(--red)}.icon--amber{color:#f26522;color:var(--amber)}.icon--green{color:#62bb46;color:var(--green)}.status-badge{border-radius:var(--radius-xl);box-shadow:1px 1px 3px #bac7d873,-1px -1px 3px #ffffffd9;box-shadow:1px 1px 3px var(--neu-dark),-1px -1px 3px var(--neu-light);display:inline-block;font-size:11px;font-size:var(--font-xs);font-weight:var(--font-semibold);padding:var(--space-xs) var(--space-lg);text-transform:capitalize;transition:all .15s ease;transition:all var(--transition-base)}.status-badge--signed{background:#dcf5e2;color:#2e7d32}.status-badge--completed{background:#d6eaf8;color:#0093b2}.status-badge--open{background:#fff5d6;color:#f57f17}.status-badge--in_progress{background:#ffe5cc;color:#ef6c00}.status-badge--final{background:#dcf5e2;color:#2e7d32}.status-badge--pending{background:#f3e5f5;color:#7b1fa2}.status-badge--preliminary{background:#fff5d6;color:#f57f17}.role-badge{border-radius:12px;border-radius:var(--radius-xl);box-shadow:1px 1px 3px #bac7d873,-1px -1px 3px #ffffffd9;box-shadow:1px 1px 3px var(--neu-dark),-1px -1px 3px var(--neu-light);display:inline-block;font-size:11px;font-size:var(--font-xs);font-weight:600;font-weight:var(--font-semibold);padding:4px 12px;padding:var(--space-xs) var(--space-lg);text-transform:capitalize}.role-badge--admin{background:#f8d7da;color:#c62828}.role-badge--physician{background:#d6eaf8;color:#0093b2}.role-badge--nurse{background:#dcf5e2;color:#2e7d32}.role-badge--researcher{background:#f3e5f5;color:#7b1fa2}.role-badge--readonly{background:#eceff1;color:#546e7a}.action-badge{border-radius:12px;border-radius:var(--radius-xl);box-shadow:1px 1px 3px #bac7d873,-1px -1px 3px #ffffffd9;box-shadow:1px 1px 3px var(--neu-dark),-1px -1px 3px var(--neu-light);display:inline-block;font-size:11px;font-size:var(--font-xs);font-weight:700;font-weight:var(--font-bold);letter-spacing:.3px;padding:4px 12px;padding:var(--space-xs) var(--space-lg);text-transform:uppercase}.action-badge--view{background:#d6eaf8;color:#0093b2}.action-badge--create{background:#dcf5e2;color:#2e7d32}.action-badge--update{background:#fff5d6;color:#f57f17}.action-badge--delete{background:#f8d7da;color:#c62828}.action-badge--login{background:#f3e5f5;color:#7b1fa2}.allergy-cards{grid-gap:12px;grid-gap:var(--space-lg);display:grid;gap:12px;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.allergy-card{background:#f8f9fa;background:var(--bg-main);border:none;border-left:4px;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);padding:16px;padding:var(--space-xl);transition:all .15s ease;transition:all var(--transition-base)}.allergy-card:hover{box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.allergy-card--mild{border-left-color:#f26522;border-left-color:var(--amber)}.allergy-card--moderate{border-left-color:#ff9800}.allergy-card--severe{background:#fafaf8;border-left-color:#dc3545;border-left-color:var(--red)}.allergy-card--life_threatening{background:#fff5f5;border-left-color:#b71c1c}.allergy-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-md);margin-bottom:8px;margin-bottom:var(--space-md)}.allergy-card-name{color:#212529;color:var(--text-primary);flex:1 1;font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold)}.allergy-card-onset,.allergy-card-reaction{color:#6c757d;color:var(--text-secondary);flex:1 1;font-size:12px;font-size:var(--font-sm);min-width:150px}.severity-badge{border-radius:10px;border-radius:var(--radius-lg);box-shadow:1px 1px 3px #bac7d873,-1px -1px 3px #ffffffd9;box-shadow:1px 1px 3px var(--neu-dark),-1px -1px 3px var(--neu-light);font-size:11px;font-size:var(--font-xs);font-weight:600;font-weight:var(--font-semibold);padding:4px 12px;padding:var(--space-xs) var(--space-lg);text-transform:capitalize}.severity-badge--mild{background:#fff5d6;color:#f57f17}.severity-badge--moderate{background:#ffe5cc;color:#e65100}.severity-badge--severe{background:#f8d7da;color:#c62828}.severity-badge--life_threatening{background:#b71c1c;color:#fff}.allergy-tag{background:#fff5d6;border-radius:8px;border-radius:var(--radius-md);color:#e65100;display:inline-block;font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);margin:6px 8px 6px 0;margin:var(--space-sm) var(--space-md) var(--space-sm) 0;padding:8px 12px;padding:var(--space-md) var(--space-lg)}.allergy-tag--life_threatening{background:#f8d7da;color:#b71c1c;font-weight:700;font-weight:var(--font-bold)}.allergy-tag--severe{background:#f8d7da;color:#c62828}.allergy-tag--severe,.pain-indicator{font-weight:600;font-weight:var(--font-semibold)}.pain-indicator{background:#f8f9fa;background:var(--bg-main);border-radius:6px;border-radius:var(--radius-sm);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);display:inline-block;font-size:12px;font-size:var(--font-sm);padding:4px 8px;padding:var(--space-xs) var(--space-md)}.pain-indicator--low{background:#dcf5e2;color:#62bb46;color:var(--green)}.pain-indicator--med{background:#fff5d6;color:#f26522;color:var(--amber)}.pain-indicator--high{background:#f8d7da;color:#dc3545;color:var(--red)}.settings-section{margin-bottom:32px;margin-bottom:var(--space-4xl)}.settings-section-title{color:#212529;color:var(--text-primary);font-size:20px;font-size:var(--font-xl);font-weight:600;font-weight:var(--font-semibold);margin-bottom:20px;margin-bottom:var(--space-2xl)}.settings-grid{grid-gap:12px;grid-gap:var(--space-lg);display:grid;gap:12px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px;margin-top:var(--space-lg)}.settings-item{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);padding:16px;padding:var(--space-xl);transition:all .15s ease;transition:all var(--transition-base)}.settings-item:hover{box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm)}.settings-label{color:#6c757d;color:var(--text-secondary);display:block;font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);letter-spacing:.3px;margin-bottom:8px;margin-bottom:var(--space-md);text-transform:uppercase}.settings-value{color:#212529;color:var(--text-primary);font-size:16px;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold)}.login-page{align-items:center;background:linear-gradient(135deg,#e9eef5,#f8f9fa 50%,#fff);display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--space-xl)}.login-card{background:#fff;border-radius:24px;box-shadow:8px 8px 20px #bac7d873,-8px -8px 20px #ffffffe6,inset 0 1px 0 #fff9;max-width:400px;padding:32px;padding:var(--space-4xl);width:100%}.login-header{margin-bottom:32px;margin-bottom:var(--space-4xl);text-align:center}.login-logo{background:#fff;border-radius:50%;box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffe6;height:64px;margin:0 auto 12px;margin:0 auto var(--space-lg);padding:6px;width:64px}.login-title{color:#212529;color:var(--text-primary);font-size:24px;font-size:var(--font-2xl);font-weight:700;font-weight:var(--font-bold);letter-spacing:1px;margin:0 0 6px;margin:0 0 var(--space-sm)}.login-subtitle{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);margin-top:8px;margin-top:var(--space-md)}.login-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-xl)}.login-error{align-items:center;animation:slideInUp .15s ease;animation:slideInUp var(--transition-base);background:linear-gradient(145deg,#ffeff0,#f5dfe0);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 2px 2px 4px #c8646426,inset -2px -2px 4px #ffffff80;color:#c62828;display:flex;font-size:12px;font-size:var(--font-sm);gap:8px;gap:var(--space-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl)}.login-field{flex-direction:column}.login-field,.login-label{display:flex;gap:6px;gap:var(--space-sm)}.login-label{align-items:center;color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.5px;text-transform:uppercase}.login-input{background:#f0f3f7;border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 3px 3px 6px #bac7d859,inset -3px -3px 6px #fffc;color:#212529;color:var(--text-primary);font-family:inherit;font-size:14px;font-size:var(--font-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);transition:all .25s ease;width:100%}.login-input:focus{background:#e9eef5;box-shadow:inset 4px 4px 8px #bac7d866,inset -4px -4px 8px #ffffffd9,0 0 0 2px #0093b233;outline:none}.login-input::placeholder{color:#adb5bd;color:var(--text-light)}.login-password-wrapper{position:relative}.login-password-wrapper .login-input{padding-right:40px}.login-password-toggle{background:none;border:none;color:#adb5bd;color:var(--text-light);cursor:pointer;padding:6px;padding:var(--space-sm);position:absolute;right:12px;right:var(--space-lg);top:50%;transform:translateY(-50%);transition:color .15s ease;transition:color var(--transition-base)}.login-password-toggle:hover{color:#6c757d;color:var(--text-secondary)}.app-main .login-button,.login-button{background:linear-gradient(145deg,#1aa3c2,#007a9a);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:6px 6px 12px #b8bdc5,-6px -6px 12px #fff,inset 0 2px 0 #fff3,inset 0 -2px 0 #00000014;color:#fff;cursor:pointer;font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);margin-top:8px;margin-top:var(--space-md);padding:12px;padding:var(--space-lg);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .login-button:hover,.login-button:hover{background:linear-gradient(145deg,#33a8c1,#0093b2);box-shadow:8px 8px 16px #b0b5be,-8px -8px 16px #fff,inset 0 2px 0 #ffffff40,inset 0 -2px 0 #00000014;top:-3px}.app-main .login-button:active,.login-button:active{background:linear-gradient(145deg,#007a9a,#1aa3c2);box-shadow:inset 4px 4px 8px #0003,inset -3px -3px 6px #ffffff1a;top:3px}.app-main .login-button:disabled,.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;top:0}.login-footer{border-top:none;box-shadow:inset 0 1px 0 #bac7d873;box-shadow:inset 0 1px 0 var(--neu-dark);margin-top:24px;margin-top:var(--space-3xl);padding-top:20px;padding-top:var(--space-2xl);text-align:center}.login-hipaa-notice{align-items:center;color:#adb5bd;color:var(--text-light);display:flex;gap:8px;gap:var(--space-md);justify-content:center}.login-hipaa-notice,.login-version{font-size:11px;font-size:var(--font-xs)}.login-version{color:#adb5bd;color:var(--text-light,#adb5bd);margin-top:12px;margin-top:var(--space-lg)}.chat-page .page-subtitle{margin-bottom:16px;margin-bottom:var(--space-xl)}.chat-layout{border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:8px 8px 16px #bac7d8a6,-8px -8px 16px #fffffff2;box-shadow:var(--shadow-lg);gap:0;height:calc(100vh - 180px);overflow:hidden}.chat-layout,.chat-sidebar{background:#f8f9fa;background:var(--bg-main);display:flex}.chat-sidebar{border-right:none;box-shadow:4px 0 8px #bac7d873;box-shadow:4px 0 8px var(--neu-dark);flex-direction:column;width:280px}.chat-sidebar-header{align-items:center;border-bottom:none;box-shadow:inset 0 -1px 0 #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark);color:#212529;color:var(--text-primary);display:flex;font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);gap:12px;gap:var(--space-lg);justify-content:space-between;padding:12px 16px;padding:var(--space-lg) var(--space-xl)}.chat-new-btn{align-items:center;background:linear-gradient(145deg,#1aa3c2,#007a9a);border:none;border-radius:50%;box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9,inset 0 1px 0 #fff3;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light),inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-weight:700;font-weight:var(--font-bold);height:32px;justify-content:center;position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1);width:32px}.chat-new-btn:hover{box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9,inset 0 1px 0 #ffffff40;box-shadow:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light),inset 0 1px 0 #ffffff40;top:-2px}.chat-new-btn:active{box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff14;top:2px}.chat-new-channel{background:#eef2f7;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;gap:var(--space-md);padding:12px;padding:var(--space-lg)}.chat-input-sm{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);font-size:12px;font-size:var(--font-sm);padding:6px 12px;padding:var(--space-sm) var(--space-lg);transition:all .15s ease;transition:all var(--transition-base)}.chat-input-sm:focus{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9,0 0 0 2px #4299e14d;box-shadow:var(--shadow-inset),0 0 0 2px #4299e14d;outline:none}.chat-member-select{display:flex;flex-direction:column;gap:8px;gap:var(--space-md);max-height:120px;overflow-y:auto}.chat-member-option{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#212529;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-sm);gap:6px;gap:var(--space-sm);padding:6px;padding:var(--space-sm);transition:all .15s ease;transition:all var(--transition-base)}.chat-member-option:hover{background:#1565c01a}.chat-new-actions{display:flex;gap:6px;gap:var(--space-sm)}.chat-channel-list{flex:1 1;overflow-y:auto}.chat-channel-item{align-items:center;background:#0000;border:none;box-shadow:inset 0 -1px 0 #e0e5ed;cursor:pointer;display:flex;font-family:inherit;gap:12px;gap:var(--space-lg);padding:12px 16px;padding:var(--space-lg) var(--space-xl);text-align:left;transition:all .15s ease;transition:all var(--transition-base);width:100%}.chat-channel-item:hover{box-shadow:inset 2px 2px 4px #bac7d873,inset 0 -1px 0 #e0e5ed;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 0 -1px 0 #e0e5ed}.chat-channel-item:focus-visible{outline:2px solid #0093b2;outline:2px solid var(--accent-blue);outline-offset:-2px}.chat-channel-item--active{border-left:3px solid #0093b2;border-left:3px solid var(--accent-blue);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset)}.chat-channel-icon{align-items:center;background:#f8f9fa;background:var(--bg-main);border-radius:50%;box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);color:#0093b2;color:var(--accent-blue);display:flex;flex-shrink:0;font-weight:600;font-weight:var(--font-semibold);height:30px;justify-content:center;width:30px}.chat-channel-info{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-xs);min-width:0}.chat-channel-name{color:#212529;color:var(--text-primary);font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold)}.chat-channel-name,.chat-channel-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-channel-preview{color:#adb5bd;color:var(--text-light)}.chat-channel-preview,.chat-phi-badge{font-size:11px;font-size:var(--font-xs)}.chat-phi-badge{background:#f8d7da;border-radius:6px;border-radius:var(--radius-sm);box-shadow:1px 1px 3px #bac7d873,-1px -1px 3px #ffffffd9;box-shadow:1px 1px 3px var(--neu-dark),-1px -1px 3px var(--neu-light);color:#c62828;flex-shrink:0;font-weight:700;font-weight:var(--font-bold);letter-spacing:.3px;padding:4px 8px;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.chat-main{display:flex;flex:1 1;flex-direction:column}.chat-main-header{align-items:center;background:#f8f9fa;background:var(--bg-main);border-bottom:none;box-shadow:inset 0 -1px 0 #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark);display:flex;gap:12px;gap:var(--space-lg);padding:12px 20px;padding:var(--space-lg) var(--space-2xl)}.chat-main-header h2{color:#212529;color:var(--text-primary);font-size:16px;font-size:var(--font-lg);font-weight:600;font-weight:var(--font-semibold);margin:0}.chat-patient-context{background:#d6eaf8;border-radius:10px;border-radius:var(--radius-lg);color:#0093b2;color:var(--accent-blue);font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);padding:4px 12px;padding:var(--space-xs) var(--space-lg)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;gap:var(--space-lg);overflow-y:auto;padding:16px 20px;padding:var(--space-xl) var(--space-2xl)}.chat-message{align-self:flex-start;animation:slideInUp .15s ease;animation:slideInUp var(--transition-base);background:#f0f4f8;border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);max-width:75%;padding:12px 16px;padding:var(--space-lg) var(--space-xl)}.chat-message--own{align-self:flex-end;background:linear-gradient(145deg,#d6eaf8,#c2dcef);color:#212529;color:var(--text-primary)}.chat-message-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-sm);margin-bottom:6px;margin-bottom:var(--space-sm)}.chat-message-sender{color:#212529;color:var(--text-primary);font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold)}.chat-message-role{text-transform:capitalize}.chat-message-role,.chat-message-time{color:#adb5bd;color:var(--text-light);font-size:11px;font-size:var(--font-xs)}.chat-message-time{font-family:Monaco,Courier New,monospace;margin-left:auto}.chat-message-body{color:#212529;color:var(--text-primary);font-size:14px;font-size:var(--font-md);line-height:1.5;line-height:var(--leading-normal);margin:0}.chat-compose{background:#f8f9fa;background:var(--bg-main);border-top:none;box-shadow:inset 0 1px 0 #ffffffd9;box-shadow:inset 0 1px 0 var(--neu-light);padding:12px 20px;padding:var(--space-lg) var(--space-2xl)}.chat-compose-options{align-items:center;display:flex;gap:12px;gap:var(--space-lg);margin-bottom:8px;margin-bottom:var(--space-md)}.chat-compose-toggle{align-items:center;color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-sm);gap:6px;gap:var(--space-sm);transition:color .15s ease;transition:color var(--transition-base)}.chat-compose-toggle:hover{color:#0093b2;color:var(--accent-blue)}.chat-priority-select{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);cursor:pointer;font-size:12px;font-size:var(--font-sm);padding:4px 12px;padding:var(--space-xs) var(--space-lg);transition:all .15s ease;transition:all var(--transition-base)}.chat-priority-select:focus,.chat-priority-select:hover{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset)}.chat-compose-row{display:flex;gap:8px;gap:var(--space-md)}.chat-compose-input{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:14px;font-size:var(--font-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);transition:all .15s ease;transition:all var(--transition-base)}.chat-compose-input:focus{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9,0 0 0 2px #4299e14d;box-shadow:var(--shadow-inset),0 0 0 2px #4299e14d;outline:none}.chat-send-btn{align-items:center;background:linear-gradient(145deg,#1aa3c2,#007a9a);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #fff3;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light),inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-weight:700;font-weight:var(--font-bold);justify-content:center;position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1);width:42px}.chat-send-btn:hover{background:linear-gradient(145deg,#33a8c1,#0093b2);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9,inset 0 1px 0 #ffffff40;box-shadow:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light),inset 0 1px 0 #ffffff40;top:-2px}.chat-send-btn:active{box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 4px #ffffff14;top:2px}.chat-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;top:0}.chat-empty{color:#adb5bd;color:var(--text-light);flex:1 1;flex-direction:column;gap:12px;gap:var(--space-lg);padding:32px;padding:var(--space-4xl)}.chat-empty,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;inset:0;position:fixed;z-index:1000}.modal-content{background:#f8f9fa;background:var(--bg-card);border-radius:10px;border-radius:var(--radius-lg);box-shadow:12px 12px 24px #bac7d8a6,-12px -12px 24px #fffffff2;box-shadow:var(--shadow-xl);max-width:540px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px;padding:var(--space-lg) var(--space-xl)}.modal-header h3{color:#212529;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#adb5bd;color:var(--text-light);cursor:pointer;padding:4px;padding:var(--space-xs);transition:all .15s ease}.modal-close:hover{background:#0000000d;color:#212529;color:var(--text-primary)}.modal-body{padding:16px;padding:var(--space-xl)}.modal-footer{align-items:center;border-top:1px solid #dee2e6;border-top:1px solid var(--border);display:flex;gap:6px;gap:var(--space-sm);justify-content:flex-end;padding:8px 16px;padding:var(--space-md) var(--space-xl)}.chat-page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-lg)}.chat-page-header .btn-sm{align-items:center;display:flex;gap:4px;gap:var(--space-xs);margin-top:6px;margin-top:var(--space-sm)}.chat-channel-item-wrapper{align-items:stretch;border-radius:8px;border-radius:var(--radius-md);display:flex;position:relative}.chat-channel-item-wrapper .chat-channel-item{flex:1 1;min-width:0}.chat-channel-delete-btn{align-items:center;background:#0000;border:none;border-radius:0 8px 8px 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:#adb5bd;color:var(--text-light);cursor:pointer;display:none;flex-shrink:0;justify-content:center;transition:all .15s ease;width:28px}.chat-channel-item-wrapper:hover .chat-channel-delete-btn{display:flex}.chat-channel-delete-btn:hover{background:#fc81811a;color:#dc3545;color:var(--red)}.chat-header-delete-btn{align-items:center;display:flex;gap:4px;gap:var(--space-xs);margin-left:auto}.chat-delete-modal{max-width:480px}.chat-delete-warning{align-items:flex-start;background:#f6ad5514;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);display:flex;gap:8px;gap:var(--space-md);margin-bottom:8px;margin-bottom:var(--space-md);padding:8px;padding:var(--space-md)}.chat-delete-warning p{color:#212529;color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}.chat-delete-phi-notice{align-items:center;background:#fc818114;border-radius:6px;border-radius:var(--radius-sm);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#dc3545;color:var(--red);display:flex;font-size:.82rem;gap:6px;gap:var(--space-sm);padding:6px 8px;padding:var(--space-sm) var(--space-md)}.chat-delete-reason{font-size:.9rem;min-height:60px;resize:vertical}.chat-deletion-log-modal{max-height:80vh;max-width:640px}.chat-deletion-log-modal .modal-body{max-height:60vh;overflow-y:auto}.chat-deletion-log-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-md)}.chat-deletion-log-entry{background:#f8f9fa;background:var(--bg-card);border-radius:8px;border-radius:var(--radius-md);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);padding:8px;padding:var(--space-md)}.chat-log-entry-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-sm);margin-bottom:6px;margin-bottom:var(--space-sm)}.chat-log-channel-name{color:#212529;color:var(--text-primary);font-size:.95rem;font-weight:600}.chat-log-timestamp{color:#adb5bd;color:var(--text-light);font-size:.78rem;margin-left:auto}.chat-log-entry-details{color:#6c757d;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.82rem;gap:2px;margin-bottom:6px;margin-bottom:var(--space-sm)}.chat-log-entry-reason{border-top:1px solid #dee2e6;border-top:1px solid var(--border);color:#212529;color:var(--text-primary);font-size:.85rem;padding-top:6px;padding-top:var(--space-sm)}.email-page .page-subtitle{margin-bottom:12px;margin-bottom:var(--space-lg)}.email-toolbar{border-bottom:none;box-shadow:inset 0 -1px 0 #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark);display:flex;gap:8px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--space-md)}.email-tab{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:3px 3px 6px var(--neu-dark),-3px -3px 6px var(--neu-light);color:#6c757d;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-size:var(--font-sm);font-weight:500;font-weight:var(--font-medium);gap:6px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-md) var(--space-xl);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.email-tab,.email-tab:hover{background:#f8f9fa;background:var(--bg-main)}.email-tab:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light);color:#212529;color:var(--text-primary);top:-1px}.email-tab:active{box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);top:2px}.email-tab--active{box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 4px #ffffff14;top:1px}.email-tab--active,.email-tab--compose{background:linear-gradient(145deg,#1aa3c2,#007a9a);color:#fff}.email-tab--compose{border-radius:10px;border-radius:var(--radius-lg);box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #fff3;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light),inset 0 1px 0 #fff3;margin-left:auto}.email-tab--compose:hover{background:linear-gradient(145deg,#33a8c1,#0093b2);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9,inset 0 1px 0 #ffffff40;box-shadow:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light),inset 0 1px 0 #ffffff40;top:-2px}.email-tab--compose:active{box-shadow:inset 3px 3px 6px #0003,inset -2px -2px 4px #ffffff14;top:2px}.email-list{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);overflow:hidden}.email-row{grid-gap:12px;grid-gap:var(--space-lg);align-items:center;background:#0000;border:none;box-shadow:inset 0 -1px 0 #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark);cursor:pointer;display:grid;font-family:inherit;font-size:12px;font-size:var(--font-sm);gap:12px;gap:var(--space-lg);grid-template-columns:180px 1fr 140px;padding:12px 16px;padding:var(--space-lg) var(--space-xl);text-align:left;transition:all .15s ease;transition:all var(--transition-base);width:100%}.email-row:hover{box-shadow:inset 2px 2px 4px #bac7d873,inset 0 -1px 0 #bac7d873;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 0 -1px 0 var(--neu-dark)}.email-row:last-child{box-shadow:none}.email-row--unread{background:#fafcff;font-weight:600;font-weight:var(--font-semibold)}.email-row-from{font-weight:500;font-weight:var(--font-medium)}.email-row-from,.email-row-subject{color:#212529;color:var(--text-primary)}.email-row-subject{align-items:center;display:flex;gap:6px;gap:var(--space-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-row-date{color:#adb5bd;color:var(--text-light);font-family:Monaco,Courier New,monospace;font-size:11px;font-size:var(--font-xs);text-align:right;white-space:nowrap}.email-read{padding:16px 0;padding:var(--space-xl) 0}.email-read-header{margin:16px 0;margin:var(--space-xl) 0}.email-read-header h2{color:#212529;color:var(--text-primary);font-size:20px;font-size:var(--font-xl);line-height:1.25;line-height:var(--leading-tight);margin-bottom:8px;margin-bottom:var(--space-md)}.email-read-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-lg)}.email-read-meta,.email-read-recipients{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm)}.email-read-recipients{margin-top:8px;margin-top:var(--space-md)}.email-read-body{border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);color:#212529;color:var(--text-primary);font-size:14px;font-size:var(--font-md);line-height:1.6;line-height:var(--leading-relaxed);margin-top:20px;margin-top:var(--space-2xl);padding:20px;padding:var(--space-2xl);white-space:pre-wrap}.email-compose,.email-read-body{background:#f8f9fa;background:var(--bg-main);border:none}.email-compose{border-radius:12px;border-radius:var(--radius-xl);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-3xl)}.email-compose-toggle{display:flex;gap:6px;gap:var(--space-sm)}.email-compose-toggle,.email-field{margin-bottom:16px;margin-bottom:var(--space-xl)}.email-label{color:#6c757d;color:var(--text-secondary);display:block;font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.3px;margin-bottom:8px;margin-bottom:var(--space-md);text-transform:uppercase}.email-input{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);font-family:inherit;font-size:14px;font-size:var(--font-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);transition:all .15s ease;transition:all var(--transition-base);width:100%}.email-input:focus{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9,0 0 0 2px #4299e14d;box-shadow:var(--shadow-inset),0 0 0 2px #4299e14d;outline:none}.email-textarea{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);font-family:inherit;font-size:14px;font-size:var(--font-md);min-height:120px;padding:16px;padding:var(--space-xl);resize:vertical;transition:all .15s ease;transition:all var(--transition-base);width:100%}.email-textarea:focus{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9,0 0 0 2px #4299e14d;box-shadow:var(--shadow-inset),0 0 0 2px #4299e14d;outline:none}.email-multi-select{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);color:#212529;color:var(--text-primary);font-size:12px;font-size:var(--font-sm);min-height:80px;overflow-y:auto;padding:8px;padding:var(--space-md);width:100%}.email-multi-select--sm{min-height:50px}.email-tls-notice{align-items:center;color:#62bb46;color:var(--green);display:flex;font-size:11px;font-size:var(--font-xs);font-weight:500;font-weight:var(--font-medium);gap:8px;gap:var(--space-md);margin-top:8px;margin-top:var(--space-md)}.email-compose-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-lg);margin-top:16px;margin-top:var(--space-xl)}.email-send-status{color:#6c757d;color:var(--text-secondary);font-size:12px;font-size:var(--font-sm)}.email-smtp-config{max-width:700px}.empty-state{line-height:1.6;line-height:var(--leading-relaxed);padding:32px;padding:var(--space-4xl)}@media (max-width:768px){.encounter-list,.patient-list{border-right:1px solid #dee2e6;border-right:1px solid var(--border);max-width:100%}.split-layout{gap:16px;gap:var(--space-xl)}.page{padding:20px;padding:var(--space-2xl)}.settings-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.allergy-cards{grid-template-columns:1fr}}.encounters-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;margin-top:20px}.encounter-card{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:8px;box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);cursor:pointer;padding:16px;transition:all .2s}.encounter-card:hover{box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm)}.encounter-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.encounter-type{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;margin:0 0 6px}.encounter-date{align-items:center;display:flex;font-size:13px}.encounter-complaint,.encounter-date{color:#6c757d;color:var(--text-secondary);margin:0}.encounter-complaint{font-size:14px;line-height:1.4}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-badge-draft{background:#f8f9fa;background:var(--bg-main);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);color:#6c757d;color:var(--text-secondary)}.status-badge-completed{background:#fff5d6;color:#856404}.status-badge-signed{background:#dcf5e2;color:#155724}.page-title-section{align-items:center;display:flex;gap:12px;margin-bottom:24px}.page-icon{color:#0093b2;color:var(--accent-blue);height:28px;width:28px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-select{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);transition:all .25s ease}.detail-header{align-items:flex-start;border-bottom:none;box-shadow:inset 0 -1px 0 #bac7d873;box-shadow:inset 0 -1px 0 var(--neu-dark);display:flex;gap:24px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.split-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 280px}.confirm-banner{align-items:center;border-radius:10px;border-radius:var(--radius-lg);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.confirm-banner.banner-success{background:linear-gradient(135deg,#dcf5e2,#c8f0d8);color:#155724}.confirm-banner.banner-warning{background:linear-gradient(135deg,#fff5d6,#ffedd5);color:#856404}.detail-value-block{background:#f8f9fa;background:var(--bg-main);border-radius:6px;box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);margin:0;padding:12px}.detail-item{margin-bottom:12px}.detail-item-label{color:#6c757d;color:var(--text-secondary);font-size:12px;font-weight:600;margin:0 0 4px}.detail-item-value{color:#212529;color:var(--text-primary);font-size:14px;margin:0}.detail-value-block-wrapper{border-radius:8px;margin-bottom:20px;padding:16px}.code-block,.detail-value-block-wrapper{background:#f8f9fa;background:var(--bg-main);box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm)}.code-block{border-radius:6px;color:#6c757d;color:var(--text-secondary);font-size:13px;padding:12px}.codes-section{margin-bottom:20px}.codes-section-title{color:#212529;color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#212529;color:var(--text-primary);font-size:14px;font-weight:600}.form-input{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:6px;box-shadow:inset 2px 2px 4px #bac7d873,inset -2px -2px 4px #ffffffd9;box-shadow:var(--shadow-inset-sm);font-family:inherit;font-size:14px;padding:8px 12px}.form-input:focus{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9,0 0 0 2px #4299e14d;box-shadow:var(--shadow-inset),0 0 0 2px #4299e14d;outline:none}.form-input:disabled{background:#f8f9fa;background:var(--bg-main);color:#adb5bd;color:var(--text-light);cursor:not-allowed;opacity:.5}.patient-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.section-title-large{color:#212529;color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 16px}.section-title-large.soap-title{margin-top:24px}.subtitle-detail{color:#6c757d;color:var(--text-secondary);font-size:14px;margin:8px 0 0}.flex-row{display:flex}.flex-row-between,.flex-row-center{align-items:center;display:flex}.flex-row-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.margin-bottom-20{margin-bottom:20px}.no-margin{margin:0}.icon-spacing{margin-right:8px}.icon-spacing-small{margin-right:6px}.inline-display{display:inline}.no-encounters-message{color:#6c757d;color:var(--text-secondary);padding:20px}.form-container{max-width:800px}.form-grid{grid-gap:20px;display:grid;gap:20px}.form-input-monospace{font-family:monospace;font-size:13px}.soap-text{white-space:pre-wrap}.button-column-group{display:flex;flex-direction:column;gap:8px}.page-title-spacious{margin-bottom:28px}.personnel-widget{margin-top:24px;margin-top:var(--space-3xl)}.personnel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-xl)}.personnel-header .section-title{margin:0}.personnel-loading{color:#adb5bd;color:var(--text-light);font-size:14px;font-size:var(--font-md)}.personnel-counters{flex-wrap:wrap;margin-bottom:20px;margin-bottom:var(--space-2xl)}.personnel-counter,.personnel-counters{display:flex;gap:12px;gap:var(--space-lg)}.personnel-counter{align-items:center;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);flex:1 1 120px;padding:16px 20px;padding:var(--space-xl) var(--space-2xl);transition:all .15s ease;transition:all var(--transition-base)}.personnel-counter--active{background:linear-gradient(135deg,#d6eaf8,#c2dcef);color:#0093b2;color:var(--accent-blue)}.personnel-counter--active,.personnel-counter--inactive{box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm)}.personnel-counter--inactive{background:linear-gradient(135deg,#f8d7da,#f5d4d4);color:#c62828}.personnel-counter--add{background:linear-gradient(145deg,#1aa3c2,#007a9a);border:none;box-shadow:5px 5px 10px #bac7d8a6,-5px -5px 10px #fffffff2,inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;box-shadow:5px 5px 10px var(--neu-dark-strong),-5px -5px 10px var(--neu-light-strong),inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);position:relative;text-align:left;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.personnel-counter--add:hover{background:linear-gradient(145deg,#33a8c1,#0093b2);box-shadow:7px 7px 14px #bac7d8a6,-7px -7px 14px #fffffff2,inset 0 2px 0 #ffffff40;box-shadow:7px 7px 14px var(--neu-dark-strong),-7px -7px 14px var(--neu-light-strong),inset 0 2px 0 #ffffff40;top:-2px}.personnel-counter--add:active{box-shadow:inset 4px 4px 8px #0003,inset -3px -3px 6px #ffffff14;top:3px}.personnel-counter-value{font-size:24px;font-size:var(--font-2xl);font-weight:700;font-weight:var(--font-bold);line-height:1}.personnel-counter--add .personnel-counter-value{font-size:14px;font-size:var(--font-md)}.personnel-counter-label{font-size:12px;font-size:var(--font-sm);margin-top:2px;opacity:.8}.personnel-counter--add .personnel-counter-label{font-size:11px;font-size:var(--font-xs);font-weight:400;font-weight:var(--font-normal)}.personnel-grid{grid-gap:12px;grid-gap:var(--space-lg);display:grid;gap:12px;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.personnel-role-card{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9;box-shadow:var(--shadow-xs);overflow:hidden;transition:all .15s ease;transition:all var(--transition-base)}.personnel-role-card:hover{box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm)}.personnel-role-header{align-items:center;display:flex;justify-content:space-between;padding:8px 16px;padding:var(--space-md) var(--space-xl)}.personnel-role-count,.personnel-role-header{font-size:12px;font-size:var(--font-sm);font-weight:700;font-weight:var(--font-bold)}.personnel-role-count{background:#fff9;border-radius:99px;padding:1px 8px;padding:1px var(--space-md)}.personnel-role-members{padding:6px 0;padding:var(--space-sm) 0}.personnel-member{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:13px;font-size:var(--font-base);gap:8px;gap:var(--space-md);padding:6px 16px;padding:var(--space-sm) var(--space-xl)}.personnel-member-dot{background:#62bb46;background:var(--green);border-radius:50%;flex-shrink:0;height:7px;width:7px}.personnel-member-more{color:#adb5bd;color:var(--text-light);font-size:12px;font-size:var(--font-sm);padding:4px 16px;padding:var(--space-xs) var(--space-xl)}.personnel-empty{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);color:#adb5bd;color:var(--text-light);padding:24px;padding:var(--space-3xl);text-align:center}.personnel-empty svg{margin-bottom:8px;margin-bottom:var(--space-md);opacity:.3}.personnel-empty p{font-size:14px;font-size:var(--font-md);margin:0 0 12px;margin:0 0 var(--space-lg) 0}:focus-visible{outline:2px solid #0093b2;outline:2px solid var(--accent-blue);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}.app-main .btn-success{align-items:center;background:linear-gradient(145deg,#72cb56,#4fa038);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:5px 5px 10px #bac7d8a6,-5px -5px 10px #fffffff2,inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;box-shadow:5px 5px 10px var(--neu-dark-strong),-5px -5px 10px var(--neu-light-strong),inset 0 2px 0 #fff3,inset 0 -2px 0 #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-md);font-weight:600;font-weight:var(--font-semibold);gap:8px;gap:var(--space-md);padding:12px 16px;padding:var(--space-lg) var(--space-xl);position:relative;top:0;transition:all .15s cubic-bezier(.4,0,.2,1)}.app-main .btn-success:hover{background:linear-gradient(145deg,#3dd682,#62bb46);box-shadow:7px 7px 14px #bac7d8a6,-7px -7px 14px #fffffff2,inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0000001a;box-shadow:7px 7px 14px var(--neu-dark-strong),-7px -7px 14px var(--neu-light-strong),inset 0 2px 0 #ffffff40,inset 0 -2px 0 #0000001a;top:-2px}.app-main .btn-success:active{background:linear-gradient(145deg,#4fa038,#62bb46);box-shadow:inset 4px 4px 8px #00000040,inset -3px -3px 6px #ffffff1a;top:3px}.app-main .btn-success:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;top:0}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .6s linear infinite;border:2px solid #dee2e6;border-top-color:#0093b2;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent-blue);height:20px;width:20px}.empty-state{background:#f8f9fa;background:var(--bg-main);border:none;border-radius:10px;border-radius:var(--radius-lg);box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:var(--shadow-inset);color:#adb5bd;color:var(--text-light);margin-top:16px;margin-top:var(--space-xl);padding:32px 20px;padding:var(--space-4xl) var(--space-2xl);text-align:center}.empty-state,.empty-state__title{font-size:14px;font-size:var(--font-md)}.empty-state__title{color:#6c757d;color:var(--text-secondary);font-weight:500;margin:0 0 4px;margin:0 0 var(--space-xs) 0}.empty-state__subtitle{color:#adb5bd;color:var(--text-light);font-size:12px;font-size:var(--font-sm);margin:0}.page{animation:fadeIn .2s ease}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.badge{align-items:center;border-radius:99px;box-shadow:2px 2px 4px #bac7d873,-2px -2px 4px #ffffffd9;box-shadow:2px 2px 4px var(--neu-dark),-2px -2px 4px var(--neu-light);display:inline-flex;font-size:11px;font-size:var(--font-xs);font-weight:600;font-weight:var(--font-semibold);gap:4px;line-height:1.4;padding:3px 10px}.badge--blue{background:linear-gradient(145deg,#eaf4ff,#d4e5f7);color:#0093b2}.badge--green{background:linear-gradient(145deg,#eefaf0,#dbeedd);color:#2e7d32}.badge--red{background:linear-gradient(145deg,#ffeff0,#f5dfe0);color:#c62828}.badge--amber{background:linear-gradient(145deg,#fff9e6,#f5edce);color:#e65100}.badge--gray{background:linear-gradient(145deg,#f8f9fa,#e8eaed);color:#4b5563}[data-tooltip]{position:relative}[data-tooltip]:after{background:#212529;background:var(--text-primary);border-radius:6px;border-radius:var(--radius-sm);bottom:calc(100% + 6px);box-shadow:5px 5px 10px #bac7d873,-5px -5px 10px #ffffffd9;box-shadow:var(--shadow-sm);color:#fff;content:attr(data-tooltip);font-size:11px;font-size:var(--font-xs);left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;transition:opacity var(--transition-base);white-space:nowrap}[data-tooltip]:hover:after{opacity:1}.zg-print-header{display:none}.zg-print-btn{align-items:center;background:#f8f9fa;background:var(--bg-card);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:3px 3px 6px #bac7d873,-3px -3px 6px #ffffffd9,inset 0 1px 0 #ffffff59;box-shadow:3px 3px 6px var(--neu-dark,#bac7d873),-3px -3px 6px var(--neu-light,#ffffffd9),inset 0 1px 0 #ffffff59;color:#212529;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:12px;font-size:var(--font-sm);font-weight:600;font-weight:var(--font-semibold);gap:6px;padding:7px 16px;position:relative;top:0;transition:box-shadow .18s,transform .12s,top .12s;white-space:nowrap}.zg-print-btn:hover{box-shadow:4px 4px 8px #bac7d873,-4px -4px 8px #ffffffd9,inset 0 1px 0 #ffffff73;box-shadow:4px 4px 8px var(--neu-dark,#bac7d880),-4px -4px 8px var(--neu-light,#fffc),inset 0 1px 0 #ffffff73;top:-1px}.zg-print-btn:active{box-shadow:inset 3px 3px 6px #bac7d873,inset -3px -3px 6px #ffffffd9;box-shadow:inset 3px 3px 6px var(--neu-dark,#bac7d880),inset -3px -3px 6px var(--neu-light,#fffc);top:1px}.page-header-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:6px;margin-bottom:var(--space-sm)}.page-header-row .page-title{margin-bottom:0}@media print{@page{size:auto;margin:.5in}.zg-print-header{border-bottom:2px solid #212529;display:block!important;margin-bottom:18px;padding-bottom:12px;text-align:center}.zg-print-header h1{color:#212529;font-size:18px;font-weight:700;margin:0 0 3px}.zg-print-header h2{color:#475569;font-size:14px;font-weight:600;margin:0 0 4px}.zg-print-header p{color:#6c757d;font-size:11px;margin:0}.zg-print-header .zg-print-date{margin-top:2px}.rpt-print-btn,.sidebar,.zg-print-btn{display:none!important}.app-layout{display:block!important}.app-main{margin-left:0!important;max-height:none!important;overflow:visible!important}.page{max-width:100%!important;padding:0!important}.app-layout,.app-main,.page,body{background:#fff!important}.card,.neu-card,[class*=card]{background:#fff!important;border:1px solid #d1d5db!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}table{page-break-inside:auto}tr{page-break-after:auto;page-break-inside:avoid}thead{display:table-header-group}thead th{background:#f3f4f6!important}.badge--amber,.badge--blue,.badge--gray,.badge--green,.badge--red,[class*=badge],[class*=status],thead th{print-color-adjust:exact;-webkit-print-color-adjust:exact}.page,.page-subtitle,.page-title,.section-title,body,h1,h2,h3,h4,h5,h6,li,p,span,td,th{color:#000!important}.page-subtitle,.text-secondary{color:#4b5563!important}a[href]:after{content:none!important}}
/*# sourceMappingURL=main.137bb4f5.css.map*/