.app-content{--page-gap: .75rem;--panel-radius: .625rem;--text-page-title: 1.125rem}.app-content .page-stack{display:flex;flex-direction:column;gap:var(--page-gap)}.app-content .data-panel{background:#fff;border:1px solid #e2e8f0;border-radius:var(--panel-radius);box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.app-content .data-panel>.data-panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid #f1f5f9;background:#f8fafc;font-size:.75rem;color:#64748b}.app-content table.min-w-full thead th,.app-content table thead th{padding:.5rem .75rem!important;font-size:.625rem!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:#64748b!important}.app-content table.min-w-full tbody td,.app-content table tbody td{padding:.5rem .75rem!important;font-size:.8125rem!important;vertical-align:middle}.app-content table tbody tr:hover{background:#f8fafc}.app-content>.container>div.p-6,.app-content .p-6:first-child{padding:0!important}.app-content label.block.text-sm{font-size:.75rem!important;font-weight:500;color:#475569}.app-content input.border.rounded-md,.app-content select.border.rounded-md,.app-content textarea.border.rounded-md,.app-content input[class*=border],.app-content select[class*=border],.app-content textarea[class*=border]{padding:.375rem .625rem!important;font-size:.8125rem!important;border-color:#e2e8f0!important;border-radius:.375rem!important}.app-content input:focus,.app-content select:focus,.app-content textarea:focus{outline:none;border-color:#6366f1!important;box-shadow:0 0 0 1px #6366f1}.app-content .modal-backdrop,.modal-backdrop{background:#0f172a59}.modal-panel{background:#fff;border-radius:var(--panel-radius);border:1px solid #e2e8f0;box-shadow:0 10px 40px #0f172a1f;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid #f1f5f9}.modal-panel-header h2{font-size:.9375rem;font-weight:600;color:#1e293b}.modal-panel-body{padding:.75rem 1rem}.modal-panel-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.625rem 1rem;border-top:1px solid #f1f5f9;background:#fafafa}.btn-primary{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:#fff;background:#4f46e5;border-radius:.375rem}.btn-primary:hover{background:#4338ca}.btn-secondary{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem}.btn-secondary:hover{background:#f1f5f9}.app-content .dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--panel-radius);padding:.875rem 1rem;box-shadow:0 1px 2px #0f172a0a}.app-content .dashboard-card h4{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.app-content .dashboard-card .metric{font-size:1.5rem;font-weight:700;color:#1e293b;line-height:1.2}.auth-shell input{padding:.5rem .75rem;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .25s ease-out forwards}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff9;display:flex;justify-content:center;align-items:center;z-index:9000}.spinner{width:50px;height:50px;border:4px solid rgba(0,0,0,.1);border-left-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}