@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary:#f59e0b;--primary-hover:#d97706;--bg-main:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--sidebar-bg:#0f172a;--sidebar-text:#f8fafc;--sidebar-hover:#1e293b;--sidebar-active:#334155;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;font-family:inherit;transition:all .15s ease-in-out}input,select,textarea{font-family:inherit;font-size:.925rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-shell,.app-main,.page-content,.responsive-grid>*{min-width:0}.mobile-menu-button,.nav-backdrop{display:none}.table-scroll{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto}.table-scroll:focus-visible,button:focus-visible{outline-offset:2px;outline:3px solid #3b82f6}.modal-overlay>div{max-height:calc(100dvh - 2rem);overflow-y:auto}.header-title,.header-actions,.project-selector{min-width:0}.project-selector select{min-width:0;max-width:320px}.section-toolbar{flex-wrap:wrap;gap:1rem}.section-toolbar>button{flex-shrink:0}@media screen and (width<=1024px){.app-sidebar{z-index:50;visibility:hidden;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;inset:0 auto 0 0;transform:translate(-100%);width:min(310px,88vw)!important;height:100dvh!important;position:fixed!important}.app-sidebar.is-open{visibility:visible;transform:translate(0)}.app-sidebar>div:first-child{padding-right:3.5rem!important}.app-sidebar nav button{min-height:44px}.nav-backdrop{z-index:40;background:#0f172a8c;border:0;display:block;position:fixed;inset:0}.mobile-menu-button{color:#0b488d;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.sidebar-close{color:#fff;background:0 0;border-color:#ffffff40;position:absolute;top:20px;right:10px}.app-header{flex-wrap:wrap;gap:.75rem;min-height:64px;height:auto!important;padding:.75rem 1rem!important}.header-title{flex:100%}.header-title>span{display:none}.header-title h2{overflow-wrap:anywhere;font-size:1rem!important}.header-actions{width:100%;gap:.5rem!important}.project-selector{flex:1}.project-selector select{width:100%;max-width:none}.database-status{display:none!important}.page-content{padding:1.25rem!important}}@media screen and (width<=600px){.page-content{padding:1rem!important;padding-bottom:max(1rem, env(safe-area-inset-bottom))!important}.responsive-grid{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}.responsive-grid>*{overflow-wrap:anywhere}.section-toolbar{align-items:flex-start!important}.section-toolbar>p{flex-basis:100%}.page-content button,.modal-overlay button,.header-actions button{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;min-height:44px;font-size:16px!important}.table-scroll table{min-width:640px}.modal-overlay{padding:.75rem!important}.modal-overlay>div{max-height:calc(100dvh - 1.5rem)!important;padding:1.25rem!important}}@media print{.mobile-menu-button,.nav-backdrop{display:none!important}.table-scroll{overflow:visible}}