@keyframes spin{to{transform:rotate(360deg)}}html,body,#root{margin:0;padding:0;height:100%}body{-webkit-font-smoothing:antialiased}input:focus,select:focus,textarea:focus{border-color:#06b6d4!important;outline:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#070e1a}::-webkit-scrollbar-thumb{background:#1a2e4a;border-radius:4px}:root{--bg: #f0f4f8;--card: #ffffff;--panel: #f8fafc;--border: #e2e8f0;--border-med: #cbd5e1;--teal: #0891b2;--teal-light: #e0f2fe;--teal-dark: #0e7490;--navy: #0f172a;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--amber: #d97706;--amber-light: #fef3c7;--rose: #e11d48;--rose-light: #ffe4e6;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html{overflow-x:hidden}body{background:var(--bg);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font-family:inherit}input:focus,button:focus-visible{outline:none;border-color:var(--teal)!important;box-shadow:0 0 0 3px #0891b226}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.filters-row{display:flex;gap:12px;align-items:flex-end}.filters-search{flex:1;min-width:0}.filters-category{width:220px;flex-shrink:0}@media (max-width: 640px){.filters-row{flex-direction:column;align-items:stretch}.filters-category{width:100%}}.directory-layout{display:grid;grid-template-columns:minmax(0,38%) minmax(0,62%);gap:20px;align-items:flex-start}.list-pane{min-width:0}.list-pane-inner{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 230px)}.detail-pane{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;position:sticky;top:16px}.detail-placeholder{color:var(--text-muted);font-size:13px;text-align:center;padding:40px 12px}.detail-section-nav{position:sticky;top:0;z-index:2;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--card);padding:10px 0;margin:0 0 18px;border-bottom:1px solid var(--border);scrollbar-width:thin}.detail-section-nav-item{flex-shrink:0;white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:var(--text-secondary);font-size:11.5px;font-weight:700;border-radius:20px;padding:5px 12px;cursor:pointer;font-family:inherit}.detail-section-nav-item:hover{border-color:var(--teal);color:var(--teal-dark);background:var(--teal-light)}.detail-section{scroll-margin-top:56px}@media (max-width: 860px){.directory-layout,.list-pane{display:block}.list-pane-inner{max-height:none;overflow:visible;border:none;border-radius:0;background:transparent}.detail-pane{display:none;position:static;border:none;padding:0}.directory-layout.detail-open .list-pane{display:none}.directory-layout.detail-open .detail-pane{display:block}.detail-back-button{display:inline-block!important}}