@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root[data-theme=dark]{--bg-primary: #0a0c10;--bg-secondary: #161b22;--bg-tertiary: #21262d;--accent-primary: #58a6ff;--accent-secondary: #3fb950;--text-primary: #f0f6fc;--text-secondary: #8b949e;--border-color: #30363d;--glass-bg: rgba(22, 27, 34, .7);--glass-border: rgba(240, 246, 252, .1);--shadow: 0 8px 24px rgba(0, 0, 0, .3)}:root[data-theme=light]{--bg-primary: #f6f8fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f2f5;--accent-primary: #0969da;--accent-secondary: #1a7f37;--text-primary: #1f2328;--text-secondary: #636c76;--border-color: #d0d7de;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(31, 35, 40, .1);--shadow: 0 4px 12px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}#root{min-height:100vh;display:flex}.app-container{display:flex;width:100%;min-height:100vh}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:background-color .3s,border-color .3s}.main-content{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);transition:background-color .3s}.top-nav{height:64px;border-bottom:1px solid var(--border-color);background-color:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:100;transition:background-color .3s,border-color .3s}.page-container{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s,background-color .3s,border-color .3s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;transition:background-color .3s,border-color .3s}.btn{padding:.6rem 1.2rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.input-field{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.6rem 1rem;border-radius:6px;outline:none;font-size:.9rem;transition:background-color .3s,border-color .3s}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #58a6ff4d}.menu-item{display:flex;align-items:center;gap:12px;padding:.8rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;margin-bottom:.5rem;transition:all .2s}.menu-item:hover,.menu-item.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.menu-item.active{border-left:3px solid var(--accent-primary)}.hover-bg:hover{background-color:var(--bg-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.bar-hover:hover{filter:brightness(1.2);cursor:pointer}