:root{--bg-color:#0d1117;--surface-1:#161b22;--surface-2:#161b2299;--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#10b981;--text-primary:#e6edf3;--text-secondary:#8b949e;--border-color:#30363d;--error-color:#f85149;--glass-bg:#161b2266;--glass-blur:blur(12px);--glass-border:1px solid #ffffff1a;--transition-fast:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:radial-gradient(circle at top left, #121f2d, var(--bg-color) 40%), radial-gradient(circle at bottom right, #091a18, var(--bg-color) 60%);color:var(--text-primary);flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:8px;padding:10px 20px;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.app-container{min-height:100vh;display:flex}.sidebar{border-right:var(--border-color) 1px solid;flex-direction:column;gap:12px;width:260px;padding:20px;display:flex}.main-content{flex:1;padding:32px;position:relative;overflow-y:auto}