@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#050507;--bg-secondary:#0a0a0d;--bg-tertiary:#0e0e12;--bg-card:#ffffff05;--bg-card-hover:#ffffff0a;--bg-sidebar:#08080af7;--bg-elevated:#ffffff06;--gold-start:#c9a227;--gold-end:#f0d78c;--gold-mid:#dbb94e;--gold-gradient:linear-gradient(135deg, #c9a227 0%, #dbb94e 40%, #f0d78c 100%);--gold-gradient-subtle:linear-gradient(135deg, #c9a22714, #f0d78c0a);--gold-glow:#c9a22733;--text-primary:#f0ede6;--text-secondary:#a09a90;--text-muted:#6b6560;--border-glass:#ffffff12;--border-glass-hover:#ffffff1f;--border-gold:#c9a2271f;--font-body:"Inter", system-ui, -apple-system, sans-serif;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--ease-premium:cubic-bezier(.22, 1, .36, 1)}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{height:100vh;display:flex;overflow:hidden}.main-area{background:radial-gradient(ellipse at 70% 20%, #c9a22705 0%, transparent 50%), var(--bg-primary);flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{flex:1;padding:32px;overflow-y:auto}.page-content::-webkit-scrollbar{width:5px}.page-content::-webkit-scrollbar-track{background:0 0}.page-content::-webkit-scrollbar-thumb{background:#c9a2271a;border-radius:3px}.page-content::-webkit-scrollbar-thumb:hover{background:#c9a22733}h1,h2,h3{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}h1{letter-spacing:-.02em;font-size:1.75rem}h2{letter-spacing:-.01em;font-size:1.35rem}h3{font-size:1.1rem}input,textarea,select{border:1px solid var(--border-glass);color:var(--text-primary);font-family:var(--font-body);transition:border-color .3s var(--ease-premium), box-shadow .3s var(--ease-premium), background .3s var(--ease-premium);background:#ffffff06;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.875rem}input:focus,textarea:focus,select:focus{border-color:var(--gold-start);background:#ffffff09;box-shadow:0 0 0 3px #c9a22714,0 0 20px #c9a2270a}input::placeholder,textarea::placeholder{color:var(--text-muted)}select option{color:var(--text-primary);background:#0a0a0d}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.toggle{cursor:pointer;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{transition:background .3s var(--ease-premium);background:#ffffff0f;border-radius:12px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);width:18px;height:18px;transition:transform .3s var(--ease-premium), background .3s var(--ease-premium), box-shadow .3s var(--ease-premium);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:#c9a22733}.toggle input:checked+.toggle-slider:before{background:var(--gold-start);transform:translate(20px);box-shadow:0 0 8px #c9a22766}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:20px;width:90%;max-width:600px;max-height:80vh;padding:32px;overflow-y:auto;box-shadow:0 24px 80px #00000080,0 0 1px #ffffff0d}.modal-content.modal-wide{max-width:720px}.form-section{border:1px solid var(--border-glass);border-radius:12px;overflow:hidden}.form-section+.form-section{margin-top:12px}.form-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s var(--ease-premium);background:#ffffff04;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.form-section-header:hover{background:#ffffff08}.form-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-section-chevron{color:var(--text-muted);transition:transform .25s var(--ease-premium);font-size:.7rem}.form-section-chevron.open{transform:rotate(180deg)}.form-section-body{border-top:1px solid var(--border-glass);padding:16px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.tabs{border-bottom:1px solid var(--border-glass);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--text-muted);font-family:var(--font-body);cursor:pointer;transition:color .3s var(--ease-premium), border-color .3s var(--ease-premium);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.875rem}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--gold-start);border-bottom-color:var(--gold-start)}.filters{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filters select,.filters input{width:auto;min-width:160px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:.95rem}.json-editor{resize:vertical;min-height:200px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff0f 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:8px;animation:1.8s ease-in-out infinite skeleton-shimmer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.app-layout{flex-direction:column}.sidebar-desktop{display:none}.sidebar-mobile-toggle{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#a09a90;cursor:pointer;background:#ffffff0a;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:12px;left:12px}.sidebar-mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.sidebar-mobile{z-index:1000;width:260px;animation:.25s cubic-bezier(.22,1,.36,1) slideRight;position:fixed;top:0;bottom:0;left:0}.page-content{padding:60px 16px 20px}}@media (width>=769px){.sidebar-mobile-toggle,.sidebar-mobile-overlay{display:none}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){table{-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:.78rem;display:block;overflow-x:auto}table th,table td{min-width:80px;padding:8px 10px}.page-content>div>div[style*=grid]{grid-template-columns:1fr 1fr!important;gap:8px!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h1{font-size:1.35rem}.form-row{gap:12px;grid-template-columns:1fr!important}.modal-content{border-radius:16px;width:95%;max-width:none;max-height:90vh;padding:20px}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;padding-bottom:2px;overflow-x:auto}.tab{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:.8rem}.filters{flex-direction:column;gap:8px}.filters select,.filters input{width:100%;min-width:unset}h1{font-size:1.4rem}h2{font-size:1.15rem}input,textarea,select{border-radius:12px;padding:12px 14px;font-size:16px}button{min-height:40px}div[style*="gap: 24px"][style*=flexWrap]{flex-direction:column;gap:12px!important}div[style*="width: 1px"][style*="height: 36px"]{display:none}}@media (width<=480px){.page-content{padding:56px 12px 16px}.page-content>div>div[style*=grid]{grid-template-columns:1fr!important}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}}@media (width>=769px) and (width<=1024px){.page-content{padding:24px}}