body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}.app-container{height:100vh;background-color:#f9fafb;display:flex;flex-direction:column}.header{background-color:#fff;box-shadow:0 1px 2px #0000000d;border-bottom:1px solid #e5e7eb;flex-shrink:0}.header-container{max-width:1280px;margin:0 auto;padding:0 16px}.header-content{display:flex;justify-content:space-between;align-items:center;height:64px}.header-title{font-size:20px;font-weight:700;color:#111827;margin:0}.header-user-section{display:flex;align-items:center;gap:16px}.welcome-text{font-size:14px;color:#4b5563}.sign-out-btn{font-size:14px;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .2s}.sign-out-btn:hover{color:#374151}.access-denied-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f9fafb}.access-denied-card{background-color:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;text-align:center}.access-denied-title{font-size:24px;font-weight:700;color:#dc2626;margin:0 0 16px}.access-denied-text{color:#4b5563;margin:0 0 24px}.access-denied-btn{padding:8px 24px;background-color:#dc2626;color:#fff;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s}.access-denied-btn:hover{background-color:#b91c1c}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;height:128px;width:128px;border-bottom:2px solid #2563eb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-banner{background-color:#fef2f2;border:1px solid #fecaca;padding:12px 16px;margin:16px 16px 0;border-radius:6px}.error-content{display:flex}.error-icon-container{flex-shrink:0}.error-icon{height:20px;width:20px;color:#f87171}.error-message{margin-left:12px}.error-text{font-size:14px;font-weight:500;color:#991b1b;margin:0}.error-close-container{margin-left:auto;padding-left:12px}.error-close-btn{display:inline-flex;border-radius:6px;background-color:#fef2f2;padding:6px;color:#ef4444;border:none;cursor:pointer;transition:background-color .2s}.error-close-btn:hover{background-color:#fee2e2}.error-close-icon{height:16px;width:16px}.view-toggle-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.view-toggle-buttons{display:flex;gap:8px}.view-toggle-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;transition:background-color .2s}.view-toggle-btn--active{background-color:#2563eb;color:#fff}.view-toggle-btn--inactive{background-color:#e5e7eb;color:#374151}.view-toggle-btn--inactive:hover{background-color:#d1d5db}.main-content{flex:1;overflow:hidden}.main-content--table{padding:16px}.table-container{max-width:1280px;margin:0 auto}.tree-table-container{overflow-x:auto}.tree-table{min-width:100%;background-color:#fff;border:1px solid #d1d5db}.tree-table-header{background-color:#f9fafb}.tree-table-header-cell{padding:12px 24px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #d1d5db}.tree-table-body{background-color:#fff}.tree-table-row{border-bottom:1px solid #e5e7eb}.tree-table-row:hover{background-color:#f9fafb}.tree-table-row--highlighted{background-color:#dbeafe!important;border-left:4px solid #3b82f6}.tree-table-cell{padding:16px 24px;white-space:nowrap;font-size:14px;color:#111827}.tree-table-cell--latin,.tree-table-cell--actions{font-weight:500}.tree-table-delete-button{color:#dc2626;background:none;border:none;cursor:pointer;outline:none}.tree-table-delete-button:hover{color:#7f1d1d;text-decoration:underline}.tree-table-delete-icon{height:16px;width:16px}.confirm-dialog-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.confirm-dialog-content{position:relative;z-index:1000;background-color:#fff;border-radius:8px;box-shadow:0 25px 50px -12px #00000040;max-width:448px;width:100%;padding:24px}.confirm-dialog-header{display:flex;align-items:flex-start}.confirm-dialog-icon-container{flex-shrink:0}.confirm-dialog-icon-wrapper{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:50%;background-color:#fef2f2}.confirm-dialog-icon{height:24px;width:24px;color:#dc2626}.confirm-dialog-text{margin-left:16px;flex:1}.confirm-dialog-title{font-size:18px;font-weight:500;color:#111827;margin:0 0 8px}.confirm-dialog-message{font-size:14px;color:#6b7280;margin:0}.confirm-dialog-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.confirm-dialog-button{padding:8px 16px;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;border:none;transition:background-color .15s ease-in-out}.confirm-dialog-button:disabled{cursor:not-allowed;opacity:.5}.confirm-dialog-button--cancel{color:#374151;background-color:#fff;border:1px solid #d1d5db}.confirm-dialog-button--cancel:hover:not(:disabled){background-color:#f9fafb}.confirm-dialog-button--confirm{color:#fff;background-color:#dc2626;border:1px solid transparent}.confirm-dialog-button--confirm:hover:not(:disabled){background-color:#b91c1c}